Formularios de contacto en WordPress con Contact Form 7

Play

¡Bienvenida, bienvenido al tutorial de hoy! En esta séptima lección de nuestro curso gratuito de diseño web en WordPress, vamos a dejar la página de contacto de tu blog completamente funcional usando el plugin Contact Form 7. Este plugin es una herramienta esencial para añadir formularios de contacto básicos en tu sitio web. ¡Vamos a ello!

Antes recuerda que puedes suscribirte gratis al blog.
Si te suscribes puedes proponer artículos y cursos. También te envío un email semanal con todas las novedades que publico en el blog.

Para empezar, vamos a instalar Contact Form 7, un plugin esencial y de los super clásicos para formularios en WordPress. Simplemente, ve a tu panel de WordPress, selecciona «Plugins» y luego «Añadir nuevo». Busca «Contact Form 7», instálalo y actívalo. Una vez activado, verás una nueva opción de «Contacto» en tu menú de WordPress, desde donde podrás gestionar todos tus formularios de contacto.

El plugin incluye un formulario predeterminado que puedes editar. Pulsa en «Editar» para personalizarlo según tus necesidades. Luego, crea una nueva página en WordPress, nómbrala (por ejemplo, «Contacto») y añade el bloque de Contact Form 7 a la página, seleccionando el formulario que has editado. Personaliza los campos añadiendo etiquetas y placeholders para guiar al usuario, y marca los campos obligatorios con un asterisco. Si quieres simplificar el formulario, puedes eliminar campos innecesarios como el «Asunto». Además, puedes agregar campos adicionales como correos electrónicos, números de teléfono y casillas de verificación.

Define a qué dirección de correo se enviarán los mensajes desde la pestaña «Correo» y personaliza el cuerpo del mensaje para incluir toda la información relevante. En la pestaña «Mensajes», puedes ajustar los textos que verán los usuarios después de enviar el formulario o si hay algún error. Si necesitas más personalización, en la pestaña «Ajustes adicionales» puedes añadir fragmentos de código. Asegúrate de que todos los campos funcionan correctamente y de que los mensajes de éxito y error son claros y útiles. Finalmente, personaliza el estilo del formulario, puedes usar CSS personalizado si lo necesitas, para que coincida con el diseño de tu sitio web.

¡Y eso es todo! Ahora tienes un formulario de contacto 100% operativo en tu blog. Contact Form 7 es una herramienta poderosa y flexible para crear formularios básicos y funcionales de manera totalmente gratuita.

Tienes a tu disposición el formulario de la página de contacto por si tienes alguna duda hacérmela llegar. Espero que disfrutes del curso tanto como yo haciéndolo. ¡Nos vemos en la siguiente lección!