En esta lección del curso de WordPress, aprenderemos cómo crear un formulario de contacto paso a paso utilizando el plugin Contact Form 7, y además, presentaremos una opción alternativa.
Los formularios de contacto son componentes fundamentales y cruciales para cualquier sitio web, especialmente si ofrecemos productos o servicios. Son esenciales para permitir que nuestros clientes o potenciales clientes interactúen con nosotros, ya sea enviando mensajes, completando encuestas, entre otros.
Cómo crear un formulario de contacto con Contact Form 7
Al activar el plugin Contact Form 7, aparece una nueva opción en el menú lateral del panel de administración de WordPress denominada ‘CONTACTO’. Al hacer clic en ella, se despliegan las opciones disponibles: ‘Formularios de contacto’, ‘Añadir nuevo’ e ‘Integración’.
Creando nuestro primer formulario de contacto en WordPress
En la sección de formularios de contacto, es posible visualizar todos los formularios disponibles; por ejemplo, uno predeterminado que se crea al instalar el plugin de contacto. Cada formulario ofrece opciones para editar, duplicar o eliminar. Para borrar, se seleccionan los formularios deseados y se aplica la opción de borrado en acciones en lote. Además, cada formulario tiene un código corto o ‘shortcode’ que permite insertarlo en el lugar deseado, como una página, una entrada o un widget. Para ello, basta con copiar el ‘shortcode’ y pegarlo en el lugar específico donde se quiera que aparezca el formulario.
Además, contamos con datos como el autor y la fecha en que se creó el formulario.
Para agregar un nuevo formulario de contacto, se puede hacer desde la barra lateral o utilizando el botón «Añadir nuevo» ubicado en la parte superior.
Al hacer clic, se desplegará una ventana que permite crear un formulario mediante algo de código. No es necesario escribir desde cero, pues disponemos de una plantilla predeterminada y la posibilidad de añadir más campos. Consulta el video tutorial para obtener más información.
De manera predeterminada, se genera un formulario básico que incluye campos para tu nombre, correo electrónico, asunto, mensaje y el botón de envío. Es posible añadir más campos según se requiera, colocando el cursor en la posición deseada y haciendo clic en el botón del campo correspondiente ubicado en la parte superior, lo cual insertará el fragmento de código necesario.
Si añadimos campos, también debemos asegurar el contenido del mensaje que se enviará por correo. Esto se realizará desde la pestaña de correo electrónico.
Una vez almacenado, es posible copiar y pegar el código breve en la ubicación deseada para que se muestre el formulario.
Primero, debemos verificar que el formulario esté funcionando adecuadamente. Confirmaremos la dirección de correo electrónico a la cual se enviará la información; por defecto, es la del administrador, pero se puede modificar desde los ajustes de correo electrónico.
El cuerpo del mensaje contienen toda la información de los campos disponibles, se emplean códigos cortos para que la información quede dentro del cuerpo.
Si agregamos más campos, como teléfono, desplegables, etc. entonces aparecerán los respectivos campos en la primera fila de códigos, nosotros podremos copiar y ordenarla en el cuerpo del mensaje para que dicha información llegue correctamente al destino.
Cabe indicar que el plugin no almacena ningún mensaje, los mensajes enviados tienen un destino, que será indicado en la pestaña de correo electrónico; dentro de ella configuramos y señalamos a cuál correo se enviarán los mensajes, además podemos configurar cómo y en qué orden llegarán los respectivos mensajes enviados desde el formulario de contacto.
Puedes ver este vídeo tutorial en él se explica paso a paso como configurar el plugin de contacto CONTACT FORM 7.
Es probable que muchos presenten dificultades al momento de configurar el plugin de contact form 7; muchos que están empezando pueden dificultar en agregar los campos que deseen a sus formularios, o quizá al momento de recoger los datos, pero no te preocupes esto suele ser bastante a menudo cuando se empieza en este mundillo de WordPress si no se tienen conocimientos previos. Sin embargo contact form 7 es un potente plugin dentro de su categoría, además muy utilizada y extendida en los sitios web.
Existen varias alternativas para crear formulario de contacto, otras incluso mas fáciles de usar como el plugin WP FORM, que funciona arrastrando y soltando, a continuación puedes ver el tutorial respectivo.
Cómo crear un formulario de contacto en WordPress con plugins WP FORM
En esta oportunidad, introducimos un nuevo plugin con una interfaz de usuario más amigable que facilita la creación de formularios de contacto en WordPress. Se llama WpForm y su uso es tan sencillo como seleccionar los elementos o campos deseados, arrastrarlos y soltarlos en la plantilla del formulario. Además, ofrece la posibilidad de visualizar el progreso del formulario de contacto a medida que lo vamos diseñando.
Mira este video para aprender cómo crear un formulario de contacto con WpForm , desde el inicio y paso a paso.