El formulario de contacto es una de las piezas más importantes de cualquier web de negocio. Es el punto donde un visitante se convierte en un posible cliente. Y, sin embargo, muchas webs tienen formularios que no funcionan, que envían los mensajes a spam o que piden tantos datos que nadie los rellena. En este post te enseño a crear un formulario de contacto en WordPress gratis de dos formas: con el plugin Contact Form 7 y con Elementor. También te doy las claves para que convierta.
Qué opciones hay para crear formularios en WordPress
- Contact Form 7: gratuito, ligero y uno de los plugins más instalados de WordPress. Se configura con un editor sencillo basado en etiquetas.
- Elementor: si ya diseñas tu web con Elementor, su widget de formulario (disponible en la versión Pro) se integra visualmente en el diseño.
- Otros plugins: WPForms, Fluent Forms o Gravity Forms, con editores de arrastrar y soltar y funciones avanzadas, algunas de pago.
Para la mayoría de webs, Contact Form 7 o Elementor son más que suficientes.
Cómo crear un formulario con Contact Form 7
- Instala el plugin. En el escritorio de WordPress ve a Plugins > Añadir nuevo, busca "Contact Form 7", instálalo y actívalo.
- Abre el formulario de ejemplo. En el menú lateral aparece "Contacto". Al entrar verás un formulario creado por defecto con nombre, email, asunto y mensaje.
- Edita los campos. En la pestaña Formulario puedes añadir campos con los botones superiores: texto, email, teléfono, desplegable, casillas de verificación y más. Marca como obligatorios solo los imprescindibles.
- Configura el correo. En la pestaña Correo indica a qué dirección deben llegar los mensajes y cómo se verá el email que recibes. Usa como remitente una dirección de tu propio dominio para evitar que acabe en spam.
- Personaliza los mensajes. En la pestaña Mensajes puedes cambiar los textos de confirmación y de error.
- Copia el shortcode. Guarda el formulario y copia el código corto que aparece arriba, del tipo
[contact-form-7 id="..." title="..."]. - Pégalo en tu página. Edita la página de contacto y pega el shortcode en un bloque de código corto. Publica y haz una prueba.
Cómo crear un formulario con Elementor
- Edita la página con Elementor y busca el widget "Formulario" en el panel izquierdo. Arrástralo a la sección donde quieras mostrarlo.
- Configura los campos en la pestaña Contenido: tipo de campo, etiqueta, texto de ejemplo, si es obligatorio y su ancho.
- Personaliza el botón con un texto orientado a la acción, como "Pedir presupuesto" en lugar de "Enviar".
- Configura las acciones tras el envío: correo electrónico, redirección a una página de gracias, integración con herramientas de email marketing, etc.
- Ajusta el correo con la dirección de destino, el asunto y el remitente.
- Diseña el formulario en la pestaña Estilo para que encaje con tu web.
- Actualiza y prueba enviando un mensaje real.
Si aún no tienes la versión Pro, te explico cómo instalar Elementor Pro.
¿Contact Form 7 o Elementor? Cuál elegir
Si tu web no usa Elementor o quieres mantenerla lo más ligera posible, Contact Form 7 es la opción más sensata: es gratuito, estable y apenas añade peso. Su punto débil es el diseño, que depende de los estilos de tu plantilla y a veces requiere algo de CSS para verse bien. Si ya diseñas todas tus páginas con Elementor Pro, su widget de formulario te ahorra tiempo porque lo diseñas visualmente, sin código, y trae integradas acciones útiles como redirecciones o conexión con herramientas de email marketing. En ambos casos, lo importante no es la herramienta, sino que el formulario sea corto, claro, funcione siempre y esté medido.
Cómo evitar que los mensajes lleguen a spam
Es uno de los problemas más habituales. WordPress envía los correos usando la función de correo del servidor, que muchos proveedores consideran poco fiable. Para solucionarlo:
- Instala un plugin SMTP y configura el envío a través de tu cuenta de correo profesional.
- Usa como remitente una dirección de tu propio dominio.
- Configura correctamente los registros SPF, DKIM y DMARC de tu dominio.
Cómo protegerte del spam en el formulario
- Google reCAPTCHA v3: se integra con Contact Form 7 y Elementor y filtra los bots sin molestar al usuario.
- Campo honeypot: un campo oculto que solo rellenan los robots.
- Plugins antispam como Akismet.
Claves para que tu formulario consiga más contactos
- Pide solo lo imprescindible. Cada campo de más reduce el número de envíos.
- Usa un botón claro. "Quiero mi presupuesto" convierte mejor que "Enviar".
- Colócalo visible, no solo en la página de contacto: también al final de cada página de servicio.
- Ofrece alternativas, como teléfono o WhatsApp. Te explico cómo en crear un enlace de WhatsApp.
- Redirige a una página de gracias. Mejora la experiencia y facilita la medición.
Mide los envíos del formulario
Un formulario sin medir es una oportunidad perdida. Configura un evento en Google Analytics 4 cada vez que alguien lo envíe, para saber de qué canal vienen tus contactos. Te lo explico paso a paso en cómo crear eventos en GA4. Si haces publicidad, impórtalo también como conversión en Google Ads.
Cumple con la protección de datos
Si recoges datos personales, añade una casilla de aceptación de la política de privacidad y un texto informativo básico sobre quién trata los datos y para qué. Es una obligación legal en España y en la Unión Europea.
Preguntas frecuentes
¿Contact Form 7 es gratis?
Sí, es totalmente gratuito. Algunas funciones extra, como guardar los mensajes en la base de datos, se consiguen con complementos también gratuitos.
¿El formulario de Elementor gratuito existe?
El widget de formulario forma parte de Elementor Pro. Con la versión gratuita puedes usar el shortcode de Contact Form 7 dentro de tu diseño.
¿Por qué no me llegan los mensajes del formulario?
Casi siempre es un problema de envío del servidor. Configura un plugin SMTP y revisa la carpeta de spam.
¿Tu web recibe visitas pero pocos contactos? Como diseñador web WordPress puedo ayudarte a mejorar la conversión. Escríbeme.
