Formulario de contacto en WordPress: guía completa
Un formulario de contacto de WordPress es imprescindible en cualquier sitio web. Tanto si tienes un blog sencillo como un sitio empresarial completo, un formulario de contacto facilita que los visitantes se comuniquen contigo sin que tengas que publicar tu dirección de correo electrónico. En esta guía aprenderás por qué necesitas un formulario de contacto, qué plugins conviene usar y cómo instalarlo y personalizarlo paso a paso.
¿Por qué usar un formulario de contacto?
Tener un formulario de contacto en tu sitio web de WordPress ofrece varias ventajas:
- Protección contra el spam: al usar un formulario de contacto en lugar de publicar tu dirección de correo electrónico, reduces la probabilidad de recibir spam.
- Facilidad de uso: los visitantes no necesitan abrir un cliente de correo; pueden enviar un mensaje directamente desde tu sitio web.
- Profesionalidad: un formulario de contacto bien diseñado hace que tu sitio web resulte más fiable y ordenado.
- Automatización: puedes filtrar y reenviar mensajes automáticamente, o guardarlos en tu CRM o en tu herramienta de email marketing.
Los mejores plugins de formulario de contacto para WordPress
1. Contact Form 7 (gratis)
Uno de los plugins de WordPress para formularios de contacto más antiguos y más usados. Es gratuito y ofrece opciones de personalización sencillas.
2. WPForms (gratis y Pro)
WPForms es un creador de formularios de arrastrar y soltar, fácil de usar, con una versión gratuita y otra premium. La versión Pro ofrece funciones adicionales, como integraciones con Mailchimp y Stripe.
3. Gravity Forms (de pago)
Para usuarios avanzados que necesitan formularios complejos, por ejemplo con pagos o de varios pasos.
Para principiantes recomendamos WPForms por su interfaz fácil de usar y su versión básica gratuita.
Paso a paso: instalar y configurar Contact Form 7
1. Instalar el plugin
- Ve a tu escritorio de WordPress.
- Navega a Plugins → Añadir nuevo plugin.
- Busca Contact Form 7 y haz clic en Instalar ahora.
- Haz clic en Activar.
2. Crear un formulario de contacto nuevo
- Ve a Contacto → Formularios de contacto en el escritorio de WordPress.
- Haz clic en Añadir nuevo.
- Se genera un formulario estándar. Normalmente incluye campos como nombre, correo electrónico y mensaje.
3. Personalizar el formulario
Puedes añadir campos adicionales, como número de teléfono, listas desplegables o casillas de verificación. Un ejemplo de código personalizado:
<label> Naam
[text* naam]
</label>
<label> E-mail
[email* email]
</label>
<label> Bericht
[textarea* bericht]
</label>
[submit "Verzenden"]
4. Colocar el formulario en una página
- Copia el shortcode que genera Contact Form 7 (por ejemplo,
[contact-form-7 title="Contactformulier"]). - Pega el shortcode en la página o entrada donde quieras mostrar el formulario.
Ajustes manuales e integraciones
Puedes ampliar la funcionalidad estándar de Contact Form 7 con ajustes manuales en el código.
1. Dar estilo con CSS
¿Quieres dar estilo a tu formulario? Añade CSS personalizado:
.wpcf7 input, .wpcf7 textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
2. Añadir reCAPTCHA como protección contra el spam
Para usar reCAPTCHA en Contact Form 7:
- Ve a Google reCAPTCHA y registra tu sitio web.
- Añade la clave del sitio y la clave secreta en Contacto → Integración.
- Añade
[recaptcha]a tu formulario para reducir el spam.
3. Integración con Mailchimp
¿Quieres que los visitantes se suscriban a tu boletín a través del formulario de contacto?
- Usa la extensión de Mailchimp para Contact Form 7.
- Conecta tu formulario a una lista de Mailchimp mediante una clave API.
Problemas frecuentes y soluciones
1. Los correos no se envían
- Comprueba si tu hosting admite SMTP. Un plugin SMTP como WP Mail SMTP puede ayudarte.
- Asegúrate de que tu dirección de correo electrónico coincida con tu dominio (por ejemplo, info@example.nl).
2. Problemas de spam
- Añade reCAPTCHA o protección honeypot.
- Usa un plugin como Akismet para reducir el spam.
3. El formulario no se muestra
- Comprueba que el shortcode se haya introducido correctamente.
- Comprueba si hay un conflicto con otros plugins desactivando temporalmente los demás plugins.
Conclusión
Un formulario de contacto de WordPress es una parte esencial de tu sitio web. Tanto si eliges Contact Form 7 como WPForms, el proceso es sencillo y ofrece muchas ventajas. Con esta guía puedes configurar, personalizar y optimizar tu propio formulario para conseguir una imagen profesional.
¿Quieres sacar más partido a tu sitio web de WordPress? Consulta entonces nuestro hosting WordPress para disfrutar de una experiencia de hosting ultrarrápida y fiable.
A 0 de 0 personas les ha resultado útil