Crear página de contacto en WordPress con formulario: Guía práctica

¿Por qué necesitas una página de contacto con formulario?

Tener una página de contacto en WordPress es esencial para cualquier sitio web, ya sea un blog personal, una tienda online o la web de un negocio local. Es la puerta de entrada para que tus visitantes se comuniquen contigo, te hagan preguntas, te envíen sugerencias o incluso soliciten tus servicios.

Un formulario de contacto WordPress es mucho más profesional y práctico que simplemente mostrar tu dirección de correo electrónico. ¿Por qué? Porque evita que tu email sea recopilado por spammers, organiza las consultas de forma clara y te permite dirigir cada mensaje a un departamento específico (ventas, soporte, etc.). Además, puedes añadir campos personalizados para obtener exactamente la información que necesitas de tus visitantes.

En esta guía extensa y paso a paso, te voy a enseñar cómo crear una página de contacto con un formulario en WordPress, incluso si no tienes absolutamente ninguna experiencia técnica. Usaremos los dos plugins más populares y fiables: Contact Form 7 y WPForms. Vamos a ello.

Antes de empezar: Los requisitos básicos

Para llevar a cabo este tutorial, necesitas tener lo siguiente:

Un sitio web en WordPress funcionando. Puede ser un hosting compartido, un VPS o incluso un servidor local.
Acceso al panel de administración de WordPress (normalmente en /wp-admin).
Un tema de WordPress instalado, aunque el proceso es prácticamente el mismo para todos los temas.

No necesitas saber programar, ni tocar código PHP, ni nada por el estilo. Solo seguir estos pasos con calma.

Opción 1: Crear un formulario con Contact Form 7

Contact Form 7 es uno de los plugins de formularios más antiguos, famosos y utilizados en el mundo WordPress. Es gratuito, muy ligero y lo suficientemente potente para la mayoría de los usuarios. Su principal ventaja es la flexibilidad, y aunque su interfaz puede parecer un poco técnica al principio, con esta guía la dominarás en minutos.

Paso 1: Instalar y activar Contact Form 7

En el menú lateral de tu panel de WordPress, ve a Plugins y haz clic en Añadir nuevo.
En el campo de búsqueda, escribe "Contact Form 7".
El primer resultado será el plugin oficial de la web de Contact Form 7. Haz clic en Instalar ahora.
Una vez instalado, verás el botón Activar. Haz clic en él.

Paso 2: Crear y configurar tu primer formulario

Al activar el plugin, verás un nuevo elemento en el menú lateral llamado Contacto. Dentro, encontrarás un formulario de ejemplo llamado "Formulario de contacto 1". Vamos a crear uno desde cero para que entiendas la estructura.

Haz clic en Contacto y luego en Añadir nuevo.
Ponle un nombre, por ejemplo, "Formulario de contacto principal".
Verás un editor de texto con un código como este (o similar):

<label> Tu nombre
    [text* your-name] </label>

<label> Tu correo electrónico
    [email* your-email] </label>

<label> Asunto
    [text* your-subject] </label>

<label> Tu mensaje
    [textarea* your-message] </label>

[submit "Enviar"]

Este es el código corto del formulario. No te asustes, es más fácil de lo que parece. Analicemos cada parte:

[text* your-name]: Es un campo de texto (text) que es obligatorio (*). El nombre de referencia es your-name.
[email* your-email]: Un campo para correo electrónico, también obligatorio.
[textarea* your-message]: Un área de texto más grande para el mensaje.
[submit "Enviar"]: El botón para enviar el formulario.

Puedes modificar las etiquetas de texto (como "Tu nombre") para que se muestren en español. Por ejemplo, cámbialo a "Nombre completo" o "Tu correo electrónico".

Paso 3: Configurar el envío del correo

En la pestaña superior que dice Ajustes del correo (o "Mail"), es donde le decimos a WordPress a qué dirección enviar los mensajes.

Para: Aquí debes poner tu dirección de correo electrónico. Por defecto, suele estar la del administrador del sitio. Puedes dejarla así o cambiarla.
Desde: Es la dirección que aparecerá como remitente. Por defecto, usa una dirección genérica de tu web. Te recomiendo dejarlo como está o poner algo como wordpress@tudominio.com.
Asunto: Puedes dejarlo como [your-subject] para que use el asunto que escriba el usuario.

En la pestaña Mensaje (o "Message Body"), puedes personalizar el correo que recibirás. Te recomiendo dejarlo como está al principio.

Paso 4: Obtener el código corto (shortcode)

Cada formulario de Contact Form 7 tiene un código corto único que empieza por [contact-form-7 id="..."]. Lo encontrarás en la parte superior de la página de edición del formulario, justo debajo del título. Cópialo, lo necesitarás para la página.

Opción 2: Crear un formulario con WPForms

WPForms es otro plugin excelente, y para muchos, el mejor constructor de formularios para WordPress. Es muy visual, con un sistema de arrastrar y soltar (drag & drop) que lo hace increíblemente fácil de usar, incluso para principiantes absolutos. La versión gratuita, WPForms Lite, es perfecta para un formulario de contacto básico.

Paso 1: Instalar y activar WPForms Lite

Al igual que antes, ve a Plugins > Añadir nuevo.
Busca "WPForms Lite".
Instálalo y actívalo.

Paso 2: Crear un formulario con el constructor visual

En el menú lateral, verás un nuevo elemento llamado WPForms. Haz clic en él.
Haz clic en el botón Añadir nuevo.
Se abrirá el constructor visual. En la pantalla de bienvenida, puedes elegir una plantilla. Para un formulario de contacto, selecciona la plantilla "Formulario de contacto simple" (o "Simple Contact Form").
¡Ya tienes un formulario funcional! Puedes verlo a la derecha. A la izquierda, tienes todos los campos que puedes añadir simplemente arrastrándolos al formulario.

Paso 3: Personalizar los campos

Cambiar un campo: Haz clic en cualquier campo del formulario (por ejemplo, "Nombre") para seleccionarlo. A la izquierda, verás las opciones para cambiar la etiqueta, hacerlo obligatorio, cambiar el placeholder, etc.
Añadir un campo: Arrastra cualquier campo desde la columna de la izquierda (Nombre, Email, Teléfono, Área de texto, etc.) y suéltalo en la posición deseada del formulario.

Paso 4: Configurar las notificaciones

Haz clic en el botón Ajustes en la parte superior izquierda del constructor.

Ve a la pestaña Notificaciones.
En Enviar a, pon tu dirección de correo electrónico.
En Asunto, puedes personalizarlo, por ejemplo: "Nueva consulta desde la web".
Haz clic en Guardar en la parte superior derecha.

Paso 5: Obtener el código corto

Al igual que Contact Form 7, WPForms genera un código corto. Lo verás en la parte superior, dentro del constructor, o en la lista de formularios. Tiene este formato: [wpforms id="123"]. Cópialo.

El paso común: Crear la página de contacto en WordPress

Ahora viene la parte más sencilla: usar el código corto para mostrar el formulario en una página.

En el menú lateral, ve a Páginas y haz clic en Añadir nueva.
Ponle un título a la página, por ejemplo, "Contacto".
En el editor de contenido (el bloque de Gutenberg), haz clic en el botón "+" para añadir un nuevo bloque.
Busca el bloque llamado "Código corto" (o "Shortcode") y haz clic en él.
En el campo del bloque, pega el código corto que copiaste (el de Contact Form 7 o el de WPForms).
Opcionalmente, puedes añadir más información antes o después del formulario, como tu dirección física, un mapa, tus redes sociales o un texto de bienvenida. Para ello, solo añade más bloques de texto o párrafo.
Haz clic en Publicar o Actualizar.

¡Enhorabuena! Ya tienes tu página de contacto WordPress con un formulario funcional.

Consejos profesionales para tu página de contacto

Crear la página y el formulario es solo el primer paso. Para que sea realmente efectiva, te doy estos consejos:

1. Añade más información de contacto

Un formulario es genial, pero no es lo único. Añade otros bloques para dar más confianza al usuario:

Dirección física y un enlace a Google Maps.
Teléfono y horario de atención.
Enlaces a tus redes sociales.
Un pequeño mapa de preguntas frecuentes (FAQ) para resolver dudas comunes y evitar mensajes repetitivos.

2. Activa la protección anti-spam

Tanto Contact Form 7 como WPForms incluyen protección contra spam.

Contact Form 7: Utiliza un método llamado "reCAPTCHA" de Google. Puedes configurarlo en los ajustes del plugin, pero requiere obtener una clave API gratuita de Google. Es un paso extra, pero muy recomendable.
WPForms: Incluye un sistema de "honeypot" (trampa de miel) que está activado por defecto. Es invisible para los usuarios y muy eficaz. También es compatible con reCAPTCHA en su versión de pago.

3. Asegúrate de que el correo no caiga en spam

A veces, los correos enviados desde WordPress pueden terminar en la carpeta de spam. Para evitarlo, te doy un par de trucos:

Usa un plugin de SMTP: Plugins como "WP Mail SMTP" te permiten configurar el envío de correos a través de tu cuenta de Gmail, Outlook o tu propio servidor de correo. Esto asegura una mayor tasa de entrega.
Revisa tu carpeta de spam: Es posible que los primeros correos de prueba caigan ahí. Si es así, márcalos como "No es spam" para "entrenar" a tu cliente de correo.

4. Crea una página de "Gracias"

Es una buena práctica redirigir al usuario a una página de confirmación después de enviar el formulario. Puedes crear una página simple llamada "Gracias por tu mensaje" con un texto como "Hemos recibido tu consulta y te responderemos en menos de 24 horas". Tanto Contact Form 7 como WPForms tienen ajustes para configurar una URL de redirección.

Preguntas frecuentes (FAQ)

¿Qué plugin es mejor: Contact Form 7 o WPForms?

Contact Form 7 es gratuito, más ligero y muy potente, pero su interfaz es más técnica. WPForms Lite es más visual y fácil de usar, perfecto para principiantes, aunque la versión gratuita tiene menos funciones que la de pago. Si eres nuevo en WordPress, te recomiendo empezar con WPForms Lite. Si prefieres algo más flexible y no te importa tocar un poco de código, Contact Form 7 es ideal.

¿Cómo puedo hacer que el formulario sea obligatorio?

En Contact Form 7, el asterisco * en el código, como [text* your-name], hace que el campo sea obligatorio. En WPForms, selecciona el campo y activa la casilla "Requerido" en el panel de ajustes de la izquierda.

¿Puedo usar estos formularios en una página creada con un constructor de páginas (Elementor, Divi, etc.)?

Sí, absolutamente. La mayoría de los constructores de páginas tienen un bloque o widget de "Código corto" (Shortcode) donde puedes pegar el código del formulario. También, plugins como Elementor tienen integración directa con WPForms.

¿Cómo actualizo el plugin de Contact Form 7 sin perder mis formularios?

Los plugins de WordPress se actualizan desde el panel de administración en Plugins. Las actualizaciones no borran tus formularios ni su configuración, pero es una buena práctica hacer una copia de seguridad de tu sitio antes de actualizar cualquier cosa importante.

Estoy usando el panel de control Syspanel (antes HestiaCP) para mi hosting. ¿Tengo que hacer algo especial?

No, para nada. La creación de la página de contacto y el formulario es un proceso que ocurre dentro del panel de administración de WordPress, así que es completamente independiente del panel de control de tu hosting (ya sea cPanel, Syspanel o cualquier otro). Si tienes problemas con el envío de correos, es posible que necesites revisar la configuración de tu servidor de correo. Recuerda que si usas Syspanel, el acceso a tu panel de control se realiza a través del puerto 2106 (por ejemplo, http://tudominio.com:2106), pero esto no afecta a WordPress en sí.

¿Puedo añadir un campo para que el usuario suba un archivo (por ejemplo, su CV)?

Sí. Tanto Contact Form 7 (con el campo [file* your-file]) como WPForms (con el campo "Carga de archivos" en la versión de pago) te permiten añadir campos de subida de archivos. Es muy útil para webs de empleo o para recibir presupuestos con documentos adjuntos.

Conclusión

Crear una página de contacto con formulario en WordPress es un proceso sencillo que cualquier persona puede hacer siguiendo estos pasos. Ya sea que elijas la flexibilidad de Contact Form 7 o la facilidad visual de WPForms, el resultado será profesional y funcional.

Recuerda que lo más importante es probar el formulario después de crearlo para asegurarte de que los correos te llegan correctamente. No dudes en experimentar con los campos y la configuración hasta que el formulario se adapte perfectamente a tus necesidades. ¡Ahora ya tienes una herramienta más para conectar con tus visitantes y hacer crecer tu proyecto online!