C贸mo agregar un formulario de contacto a tu blog

馃摑 Ac谩 encontrar谩s mostrar Paso 1: construye el formulario Paso 2: configurar notificaciones por correo electr贸nico Paso 3: incrustar formulario en el sitio 16 de octubre de 2019 Es extremadamente importante que sus lectores puedan

Es extremadamente importante que sus lectores puedan comunicarse con usted. Su blog debe tener una p谩gina de contacto f谩cil de encontrar que tenga un formulario de contacto implementado. Este tutorial (Blogger) o este tutorial (WordPress) le mostrar谩 c贸mo agregar una p谩gina de contacto a su blog. Luego, siga el tutorial a continuaci贸n para agregar un formulario de contacto a su p谩gina de contacto.

Hay muchas formas de agregar un formulario de contacto a su sitio web, pero hoy le presentar茅 un m茅todo que funciona bien tanto en blogs de Blogger como de WordPress. Blogger tiene un nuevo gadget de formulario de contacto que es una forma sencilla de agregar un campo de contacto a la barra lateral de tu blog. Desafortunadamente, el gadget del formulario de contacto no permite que el formulario se agregue a una p谩gina que es el lugar ideal para un formulario de contacto. WordPress tiene una variedad de excelentes complementos como Contact Form 7 o Fast Secure Contact Form que son f谩ciles de instalar y usar. Sin embargo, requieren el uso de un complemento y tener demasiados complementos instalados en su sitio puede causar ralentizaciones.

El tutorial de hoy le muestra c贸mo agregar un formulario de contacto a su blog de WordPress o Blogger sin usar un complemento o gadget mediante un servicio llamado Wufoo. Wufoo es un fabuloso servicio de creaci贸n de formularios en l铆nea que es muy f谩cil de usar. Est谩 alojado en una nube para que no tenga que instalar nada en su servidor. Su interfaz de usuario es realmente divertida y extremadamente f谩cil de usar. Tambi茅n tienen una gran secci贸n de ayuda con tutoriales para casi cualquier cosa con la que necesite ayuda. Un plan de cuenta gratuito de Wufoo incluye todas las funciones b谩sicas de formularios para aceptar formularios r谩pidamente ahora. El plan gratuito incluye 5 formularios gratuitos y 100 entradas de formularios por mes.


Paso 1: construye el formulario

Primero, vaya a Wufoo y haga clic en el bot贸n 鈥淩egistrarse gratis鈥. Luego, complete la informaci贸n para crear una cuenta gratuita.

Despu茅s de crear su cuenta, haga clic en el enlace 鈥淐rear un nuevo formulario鈥.

Aparecer谩 una ventana emergente con dos opciones. Seleccione la casilla 鈥淨uiero crear mi formulario desde cero鈥 para crear un formulario personalizado.

El 鈥淨uiero usar una plantilla de la galer铆a de formularios鈥 es ideal cuando desea usar un formulario prefabricado. Wufoo ofrece una variedad de plantillas de formulario que cubren temas como invitaciones, registros, formularios de pedido, registros, encuestas y m谩s.

Una vez que est茅 en la p谩gina que crea su formulario, definitivamente querr谩 saber los nombres de las personas con las que se est谩 comunicando. Primero agregue un campo de nombre. Haga clic en el bot贸n Nombre y listo, se agregar谩 el campo de nombre. F谩cil 驴verdad?

A continuaci贸n, agregaremos un lugar para que las personas dejen su direcci贸n de correo electr贸nico para que pueda responder. Haga clic en el bot贸n Correo electr贸nico para agregar el campo de correo electr贸nico.

Ahora quieres un lugar donde la gente pueda dejarte un mensaje. Entonces haga clic en el bot贸n Texto de p谩rrafo para agregar esto. Notar谩 que este campo aparece titulado 鈥淪in t铆tulo鈥. Para titularlo, haga clic en este campo o tambi茅n puede hacer clic en la pesta帽a Configuraci贸n de campo para editar las opciones. Ponle un t铆tulo debajo de 鈥淭铆tulo del campo鈥. Tambi茅n puede elegir si desea o no solicitar el campo. Recomiendo configurar cada uno de los tres campos que agregamos como Obligatorio. Puede jugar con las diferentes opciones para cada campo hasta que se vea bien. Tambi茅n puede agregar cualquier campo adicional que su formulario pueda requerir.

Ahora quiere darle un t铆tulo al formulario. Por lo tanto, haga clic en el cuadro Sin t铆tulo o en la pesta帽a Configuraci贸n del formulario para editar la configuraci贸n del formulario. Cambie el t铆tulo a 鈥淔ormulario de contacto鈥. Puede dejar la descripci贸n en blanco o personalizarla con la informaci贸n que desee.

* Si tiene un plan pago, haga clic en 鈥淧ersonalizar mensaje de confirmaci贸n鈥 para cambiar el mensaje que reciben las personas cuando env铆an el formulario. Las opciones de caja con una estrella blanca sobre un fondo rojo son caracter铆sticas premium para planes pagos.

Luego haga clic en el bot贸n Guardar formulario en la parte inferior de la p谩gina para guardar el formulario.


Paso 2: configurar notificaciones por correo electr贸nico

Ahora necesitamos configurar las notificaciones por correo electr贸nico para el formulario. Por lo tanto, haga clic en el bot贸n 鈥淐onfigurar notificaciones por correo electr贸nico para este formulario鈥.

Ingrese la direcci贸n de correo electr贸nico en la que le gustar铆a recibir los formularios. Adem谩s, aseg煤rese de que 鈥淓stablecer respuesta a鈥 est茅 configurado en 鈥淐orreo electr贸nico鈥. De esta manera, puede simplemente hacer clic en Responder en su cuenta de correo electr贸nico para responder a cada env铆o del formulario de contacto.

Luego haga clic en 鈥淧ersonalizar correo electr贸nico de notificaci贸n鈥 e ingrese el nombre de su blog / empresa en 鈥淪u nombre o empresa鈥 en la ventana emergente.

Luego haga clic en el bot贸n 鈥淟isto鈥. Tambi茅n puede optar por enviar notificaciones a su dispositivo m贸vil cuando sea necesario. Cuando haya terminado, haga clic en Guardar.


Paso 3: incrustar formulario en el sitio

Ahora haga clic en la pesta帽a 鈥淔ormularios鈥 en la parte superior de la p谩gina para ir a una lista de los formularios que ha creado. En el formulario de contacto que acaba de crear, haga clic en el formulario para mostrar el bot贸n Compartir. Haga clic en el bot贸n Compartir.

En la p谩gina para compartir, despl谩cese hacia abajo hasta la secci贸n 鈥淚nsertar un formulario en su sitio web鈥. Copie todo el c贸digo.

Busque su p谩gina de contacto en Blogger y pegue el c贸digo en el HTML de esa p谩gina.

Busque la p谩gina de contacto en WordPress y pegue el c贸digo en el editor de texto de esa p谩gina. Tambi茅n puede instalar el complemento de c贸digo corto de Wufoo y luego pegar el c贸digo corto en lugar del c贸digo HTML.

Haga clic en Actualizar / Publicar, luego vea su p谩gina para ver su nuevo formulario de contacto. Aseg煤rese de probarlo para asegurarse de que funcione.

Si desea cambiar el dise帽o del formulario para que coincida con el dise帽o de su sitio, vaya a la pesta帽a Temas en Wufoo.

Esta p谩gina le permite personalizar colores, fuentes, marcos, etc.

隆H谩ganos saber si tiene alguna pregunta o encuentra alg煤n problema con este tutorial!



Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *