Tener un formulario de contacto en tu página web no es un lujo, es una necesidad absoluta. Si obligas a tus visitas a copiar tu correo electrónico y abrir su aplicación de Gmail o Outlook para escribirte, estás perdiendo clientes potenciales cada día.
En este tutorial te voy a enseñar, paso a paso, cómo crear e integrar un formulario de contacto en WordPress de forma 100% gratuita, sin tocar una sola línea de código y en menos de 5 minutos.
Para lograrlo, utilizaremos WPForms, el constructor de formularios más intuitivo y utilizado del ecosistema WordPress.
Paso 1: Instalar y activar el plugin gratuito
Lo primero que necesitamos es la herramienta. Sigue estos pasos dentro de tu panel de administración de WordPress:
- En el menú izquierdo, ve a Plugins > Añadir nuevo plugin.
- En el buscador de la esquina superior derecha, escribe: WPForms.
- Verás que el primer resultado se llama Contact Form by WPForms. Haz clic en el botón Instalar ahora.
- Una vez instalado, ese mismo botón cambiará a color azul y dirá Activar. Haz clic en él.
Nota: Sabrás que todo ha ido bien porque aparecerá una nueva sección en el menú lateral de tu WordPress llamada WPForms.
Paso 2: Crear tu primer formulario
Al activar el plugin, es muy probable que veas una pantalla de bienvenida. Si no es así, no te preocupes.
- En tu menú de WordPress, haz clic en WPForms > Añadir nuevo.
- Se abrirá el constructor visual de WPForms. Lo primero es ponerle un nombre a tu formulario (por ejemplo: «Formulario de Contacto Principal»).
- El plugin te ofrece varias plantillas. Para ponértelo fácil, busca la opción Formulario de contacto simple y haz clic en Usar plantilla.
¡Listo! El sistema cargará automáticamente un formulario estándar con los campos esenciales: Nombre, Correo electrónico y Mensaje.
Paso 3: Personalizar los campos
La interfaz de WPForms se divide en dos partes: a la izquierda tienes los campos que puedes añadir, y a la derecha ves cómo está quedando tu formulario.
- Para editar un campo: Haz clic sobre él (por ejemplo, en el campo «Nombre»). A la izquierda se abrirán sus opciones. Ahí puedes cambiar la etiqueta (el texto que ve el usuario) o marcar la casilla de Obligatorio para que no puedan enviar el formulario vacío.
- Para añadir un nuevo campo: Si quieres saber, por ejemplo, el asunto del mensaje, ve a la pestaña «Añadir campos» a la izquierda, busca Texto simple, arrástralo y suéltalo en el lugar de la derecha donde quieras que aparezca.
- Para borrar un campo: Pasa el cursor sobre el campo que no quieras y haz clic en el icono rojo de la papelera que aparece en su esquina superior derecha.
Cuando estés satisfecho con el resultado, haz clic en el botón azul Guardar en la esquina superior derecha.
Paso 4: Configurar los avisos por correo
Este paso es vital para asegurarte de que te enteres cuando alguien te escriba. Sin salir del constructor, ve a la pestaña Ajustes (en la columna gris de la izquierda) y luego haz clic en Avisos.
Por defecto, WPForms ya viene configurado de forma inteligente:
- Enviar a la dirección de correo electrónico: Verás el código {admin_email}. Esto significa que los mensajes se enviarán automáticamente al correo con el que registraste tu WordPress. Si quieres recibirlo en otro diferente, borra ese código y escribe tu email manual (ej. tu-correo@gmail.com).
- Asunto del correo electrónico: Puedes dejarlo como está o cambiarlo por algo como «Nuevo mensaje desde la web».
No olvides hacer clic en Guardar de nuevo.
Paso 5: Publicar el formulario en tu página web
Ya tienes el formulario creado y configurado, ahora toca enseñárselo al mundo. Hay dos formas de hacerlo, ambas súper sencillas:
Opción A: Usando el editor de bloques de WordPress (Gutenberg)
- Ve a Páginas > Añadir nueva (o edita tu página de «Contacto» ya existente).
- Haz clic en el botón + (Añadir bloque) en el lugar donde quieras colocar el formulario.
- Busca el bloque escribiendo WPForms y selecciónalo.
- Se insertará un recuadro con un menú desplegable. Haz clic en él y selecciona el nombre del formulario que creaste en el Paso 2.
- ¡Magia! El formulario aparecerá en pantalla. Solo te queda hacer clic en Publicar o Actualizar la página.
Opción B: Directamente desde el constructor de WPForms
Si todavía estás dentro del editor de WPForms, verás un botón al lado de guardar que dice Incrustar (Embed). Si haces clic ahí, el plugin te guiará para crear una página nueva o seleccionar una existente de forma automática.
Paso 6: ¡La prueba de fuego!
Nunca des por terminado un tutorial sin comprobar que funciona.
Abre una pestaña de incógnito en tu navegador, entra a la página de contacto que acabas de crear, rellena el formulario con datos de prueba y haz clic en Enviar.
Revisa la bandeja de entrada de tu correo electrónico y la carpeta de SPAM por si acaso. Si te ha llegado el correo con los datos que acabas de rellenar, ¡enhorabuena, ya tienes tu formulario 100% funcional y gratuito!