Cómo añadir un formulario de contacto a WordPress sin coste

Free-WordPress-Contact-Form
Free-WordPress-Contact-Form

No cometas el mismo error que muchos blogueros al no incluir un formulario de contacto en tu página web. Los formularios de contacto sirven como puente que conecta a tu audiencia contigo. Romper esta conexión solo te dejará a oscuras sobre cómo es efectivo tu contenido y qué es lo que más le gusta a tu audiencia.

¿Estás listo para cerrar esa brecha? ¡Estamos encantados de guiarte!

Desde los pasos para crear formularios de contacto gratuitos en WordPress hasta consejos para optimizar y estilizar tu formulario, te explicaremos todos los detalles que necesitas saber para ayudarte en el proceso de configuración de tu formulario de contacto de WordPress. 

WordPress no ofrece una opción predeterminada para crear formularios de contacto. Así que necesitamos más Plugins para añadir formularios de contacto a nuestro contenido. Pero no tienes que preocuparte. Es más fácil de lo que parece.

En este blog, hablaremos de por qué los formularios de contacto son importantes para tu sitio, los mejores y gratuitos plugins de formularios, así como los pasos para crear, diseñar y optimizar tus formularios de contacto.

¡Vamos!

¿Por qué es importante un formulario de contacto para tu sitio WordPress?

Primero, abre la comunicación con tus lectores. Tener un formulario de contacto en tu página hace saber a los visitantes que eres un profesional y que agradeces sugerencias, contactos, consultas e incluso a veces agradecimientos.

Podrías pensar, ¿por qué molestarse en crear un formulario de contacto en WordPress cuando puedes dejar tu correo electrónico en tu sitio para que tus lectores puedan contactarte? Sin embargo, se convierte en una preocupación de seguridad. Tu correo electrónico podría convertirse en un blanco fácil para spammers y hackers.

La segunda razón por la que añadir un formulario de contacto es importante es que sirve como protección, manteniendo tu privacidad frente al spam y los bots.

Tercero, obtienes los detalles exactos que necesitas de tus lectores especificándolos en tus formularios, como su correo electrónico, información de contacto, detalles del proyecto, etc. Puede que no puedas recopilar los datos que esperas de los lectores cuando te envían correos en general. 

Por último, resulta absolutamente cómodo para los lectores, ya que no tienen que abrir sus aplicaciones de correo electrónico para conectarse contigo. Esto anima a la audiencia a comunicarse mejor contigo.

Mejores plugins gratuitos para formularios de contacto de WordPress

No es necesario que conozcas programación seria para incrustar formularios de contacto en WordPress. Puedes usar cualquiera de los siguientes plugins para añadir formularios de contacto de forma rápida y sencilla a tu sitio sin necesidad de programación.

A continuación, hemos seleccionado algunos de los mejores plugins gratuitos de formularios de contacto para WordPress para ti:

  1. WPForms
wp-forms

WPForms es, sin duda, el creador de formularios más conocido que ofrece una interfaz de arrastrar y soltar con múltiples plantillas para crear tus formularios en WordPress. 

  1. Formas formidables
formidable-form

Formas formidables es un plugin freemium, popular por sus funciones avanzadas e integraciones. La versión gratuita es bastante suficiente para crear formularios de contacto estándar.

  1. Formas fluidas
fluent-form

Formas fluidas Impulsa la creación de formularios en 500.000+ sitios web, ofreciendo a los usuarios más de 50 campos de entrada integrados y una amplia gama de plantillas prediseñadas para empezar rápidamente. Su característica de lógica condicional lo hace destacar como un excelente constructor de formularios.

WP Ultimate CSV Importer Pro

WP Ultimate CSV Importer Pro

Get Ultimate CSV/XML Importer to import data on WordPress faster, quicker and safer.

  1. Mochila propulsora
jetpack

Si eres un gran aficionado a construir con bloques de Gutenberg, puedes crear formularios de contacto añadiendo el bloque de formulario a tu editor. Para eso, empieza instalando el Plugin de jetpack en tu WordPress. Después de activar el plugin, el bloque «formularios» se añadirá a tu editor de bloques. 

Configuración paso a paso del formulario de contacto de WordPress

Hemos elegido WPForms para esta guía porque es un constructor de formas amigable para principiantes y muy fácil de manejar.

Paso 1: Instalación y activación

Al igual que otros plugins, WPForms debe instalarse y activarse antes de poder empezar a usarlo.

Desde tu panel de WordPress, dirígete a Plugins > Añadir nuevos para empezar la preparación. Escribe «WPForms» en el campo de búsqueda. Verás el plugin que aparece justo en la parte superior de los resultados. Clic Instala ahora para instalarlo. Después de instalar, haz clic en Activar.

Paso 2: Crear un formulario de contacto

En tu panel de WordPress y localiza WPForms > Añadir nuevo. Nombra tu formulario como prefieras (por ejemplo, Contáctanos).

A continuación, elige el Formulario de contacto sencillo plantilla. Verás el generador de arrastre y solta. Ahora puedes añadir varios campos en los formularios de WordPress (por ejemplo, número de teléfono, desplegables, casillas de verificación) y reordenarlos fácilmente.

Haz clic en cualquier campo para editar su etiqueta, texto provisional o hacerlo obligatorio. También puedes cambiar el tamaño de los campos y añadir descripciones emergentes. Con estas opciones, puedes personalizar fácilmente Formulario de WordPress Campos según tus necesidades.

Cuando estés satisfecho con el aspecto de tu técnica, haz clic Salvar.

Paso 3: Configurar tu formulario de WordPress para protección contra spam

Para proteger tu formulario y tu sitio web del spam, necesitas añadir un captcha. Añadir un captcha de formulario de contacto de WordPress protege tu bandeja de entrada contra spam y envíos intrusivos.

Puedes añadir un captcha en WPForms yendo a Ajustes > Captcha. Elige entre

  • Busca en Google reCAPTCHA
  • hCaptcha
  • Honeypot integrado (no se necesita configuración)

Para reCAPTCHA/hCaptcha, tienes que introducir las claves de tu sitio desde Google o hCaptcha. Añadir estos sistemas garantizará una fuerte seguridad en los formularios de contacto de WordPress.

Paso 4: Configuración de notificaciones de correo electrónico en WordPress

Si quieres que te avisen al instante cuando alguien rellene tu formulario de contacto, puedes activar las notificaciones por correo electrónico en WPForms.

Ir a Ajustes > notificaciones. Comprueba si el correo de administrador es correcto y personaliza el asunto, el contenido del mensaje y el campo de respuesta. Esto te asegurará que no te pierdas ningún interviniente y estés siempre informado.

Paso 6: Configurar el mensaje de confirmación del formulario

Una confirmación de formulario proporciona retroalimentación instantánea a los usuarios, informándoles de que su envío ha sido exitoso. Puedes añadir un simple mensaje de «Gracias» o cualquier cosa que quieras para expresar que valoras la participación de tus usuarios.

Por defecto, WPForms tiene un mensaje de agradecimiento. Pero si quieres personalizarlo, puedes ir a Configuraciones > confirmaciones y elige el tipo de confirmación como mensaje/mostrar página/ir a URL (redirección). Introduce tu mensaje de confirmación personalizado en el campo indicado.

Paso 7: Muestra tu formulario de contacto en la web

Una vez que tu formulario de contacto personalizado esté listo, es hora de hacerlo visible en tu sitio para que los visitantes puedan contactar. Hay dos métodos principales que puedes utilizar para incrustar el formulario en tu página web.

Método 1: Uso del bloque WPForms

Navega hasta la publicación o página donde quieres insertar el formulario. En el editor de bloques, haz clic en el botón «+» y busca WPForms, y elige la forma que quieres añadir.

Método 2: Con código corto de formularios de contacto de WordPress

Ir a WPForms > Todos los Formularios, copia el código corto junto a tu formulario de contacto. Por ejemplo: [wpforms id=»123″] 

Pégalo en cualquier página o publicación.

Ahora, si ves la página o publicación en la vista frontal de tu sitio web, aparecerá tu formulario de contacto para que tus usuarios lo accedan.

WP Ultimate CSV Importer Pro

WP Ultimate CSV Importer Pro

Get Ultimate CSV/XML Importer to import data on WordPress faster, quicker and safer.

Consejos para estilizar y optimizar tu técnica

Aquí tienes nuestros consejos y trucos de optimización para el estilo de formularios en WordPress que ayudarán a que tu formulario luzca bien y funcione sin problemas:

  1. Para un aspecto más profesional, combina los colores de tu formulario (botón y texto) con el tema de tu sitio y añade suficiente espacio entre campos para que los usuarios no se sientan apretados al escribir.
  2. Usa etiquetas claras. En lugar de usar solo «Nombre», escribe «Tu nombre completo».
  3. Si tu formulario tiene muchos campos, agruparlos con pequeños encabezados como «Información de contacto» o «Comentarios» hará que parezca más organizado y ordenado.
  4. Habilitar la presentación de formularios AJAX. Esto permite a los usuarios enviar el formulario sin recargar la página y garantiza una presentación fluida.
  5. Asegúrate de que tu formulario sea compatible con móviles.

Conclusión

Espero que este blog te haya ayudado a aprender cómo añadir fácilmente un formulario de contacto gratuito en WordPress. No dudes en consultar nuestras otras recomendaciones de plugins para crear formularios y ver cuál funciona mejor para ti. 

Hay muchísimo que puedes hacer con los formularios de WordPress, ya sea recoger leads, gestionar solicitudes de soporte o simplemente mantener el contacto con tus visitantes. No te limites solo a los formularios de contacto; Explora otros tipos de formularios para cerrar cualquier brecha de comunicación entre tú y tus visitantes.

WRITTEN BY

Imagen de Smackcoders Editorial Team

Smackcoders Editorial Team

The Smackcoders Editorial Team includes plugin engineers, product strategists, and technical writers with over a decade of hands-on WordPress development experience. We build and support real WordPress tools, and every article is based on practical testing to help readers apply solutions with confidence.

On this Page

WP Ultimate CSV Importer Pro

Get Ultimate CSV/XML Importer to import data on WordPress faster, quicker and safer.