Cómo crear un formulario de contacto en WordPress y por qué necesitas uno en tu web

WordPressCategoría
lectura de 9 minuto(s)
María Acibeiro

Está claro que tener una web es como tener un negocio abierto las 24 horas del día, los 7 días de la semana. Cualquiera puede acceder, consultar tus productos, precios, tu dirección, tu número de teléfono, pero… ¿estás disponible las 24h? Seguro que no. Por eso es importante que añadas un método de contacto alternativo, como por ejemplo un formulario de contacto en tu web.

Como sabemos que la gran mayoría de vosotros utilizáis WordPress, en concreto casi el 60% de las webs creadas con algún CMS lo utilizan, a continuación, voy a explicarte cómo crear un formulario de contacto en WordPress y veremos las razones por las que tu web necesita uno.

¿Por qué necesito un formulario de contacto en mi web?

Empecemos por el principio. Antes de crear un formulario de contacto en WordPress necesitas saber por qué es importante tener uno en tu web y qué beneficios puede reportarle a tu negocio.

Retienes a los usuarios en tu web.

Seguro que estarás pensando que, en vez de añadir un formulario de contacto, una dirección de email puede cumplir la misma función y, sí, no vas mal encaminado. Pero piensa, ¿los usuarios que llegan a tu web se molestarán en abrir su gestor de correo, copiar la dirección y enviar el correo? Una gran parte de ellos seguro que no. Y, los que lo harían, accederían a su aplicación de correo y dos segundos después abandonarían tu página web.

En cualquiera de los dos casos, tú saldrías perdiendo: no recibes el contacto de un posible cliente o tus visitas abandonarían tu web antes de tiempo. Con un formulario de contacto reduces estas posibilidades al mínimo y mejoras la experiencia de usuario.

Generas leads en tu página web

Una simple visita a tu web puede convertirse en algo más, gracias a tu formulario de contacto. Recopilar datos como, por ejemplo, el nombre, el correo electrónico o el teléfono, te permitirá, en un futuro, contactar con ellos y poder iniciar así una relación que puede acabar en venta. En otras palabras, un formulario de contacto te ayudará a atraer nuevos clientes potenciales.

Muestras una imagen más profesional

De manera proactiva le estás facilitando una vía de contacto a tus visitas, haciéndoles ver que quieres escuchar sus dudas, recomendaciones o feedback y, como no, que le vas a dar respuesta lo antes posible.

Cómo crear un formulario de contacto en WordPress

Crear un formulario de contacto en WordPress no es una tarea nada complicada. Existen diversos plugins que te permiten hacerlo sin tocar ni una sola línea de código de tu web.

Plugins para crear formularios en WordPress

A continuación veremos cuáles son los plugins más populares en el repositorio oficial, pero existen muchos más para crear formularios en WordPress. Además, hay plugins de pago como Gravity Forms o Thrive Leads muy buenos que te lo ponen también muy fácil.

Contact Form 7

Con más de 5 millones de instalaciones activas, Contact Form 7 es quizá el plugin para crear formularios de contacto más utilizado en WordPress. Es completamente gratuito (de hecho, no existen versiones de pago) y continuamente lanzan nuevas actualizaciones.

No se trata de un plugin muy avanzado, de hecho, puedes crear y añadir un formulario a tu web en cuestión de minutos. Una vez que lo tengas instalado en WordPress, se añadirá una nueva sección de Contacto en el menú lateral de WordPress y, desde ahí, ya podrás empezar a crear el tuyo.

Crear un formulario de contacto con Contact Form 7

Una vez que elijas los campos que quieres añadir (por ejemplo, nombre, teléfono, asunto y mensaje), copia el código que te facilita el plugin en una de las páginas de tu web. Aunque lo más normal es incluir el formulario en la página de contacto de tu web, muchas veces también se incluyen en alguna entrada del blog o incluso en una landing page con una oferta especial o el lanzamiento de un nuevo producto.

Ninja Forms

Con Ninja Forms crear un formulario de contacto en WordPress tampoco es una tarea nada complicada. Tiene una interfaz muy limpia y un diseño muy intuitivo que te permite tener listo tu formulario en cuestión de minutos.

Al igual que Contact Form 7, también se trata de un plugin gratuito y que está disponible en el repositorio oficial de WordPress, pero cuenta también con varios planes de pago. Si necesitas más complementos, soporte premium o cualquier funcionalidad adicional puedes pasarte a la versión pro, pero para empezar con tu formulario seguro que la versión free es más que suficiente.

Para configurar tu nuevo formulario instala el plugin en tu instalación de WordPress y, automáticamente, se creará una nueva sección llamada Ninja Forms. A través de ahí, podrás añadir los campos que necesites con una interfaz de arrastrar y soltar, como la que te muestro a continuación:

Crear un formulario de contacto con Ninja Forms

Las posibilidades que ofrece la versión gratuita de Ninja Forms son infinitas. Puedes añadir restricciones, crear campos obligatorios, crear un desplegable… Y además es una interfaz muy fácil de utilizar.

WP forms

Otro de los plugins más utilizados para insertar un formulario en tu web. Muy similar a Ninja Forms, WP forms dispone de una opción totalmente gratuita a través del repositorio oficial de WordPress, pero también varios planes premium con más características y funcionalidades: soporte prioritario, plantillas, integración con Mailchimp…

Igual que en los casos anteriores, en cuanto instales y actives el plugin en WordPress, se creará una nueva sección en el escritorio de WordPress: WPForms.

Crear un formulario de contacto con WP Forms

Como ves en la captura anterior, también dispone de una interfaz de arrastrar y soltar, aunque quizá con opciones algo más limitadas que Ninja Forms. No obstante, podrás modificar a tu gusto el nombre de los campos, el tamaño, añadir nuevos o establecer el orden que más te guste.

Además, también tienes la posibilidad de añadir hasta tres casillas de verificación para cumplir con el nuevo reglamento GDPR.

Recomendaciones para crear un formulario de contacto para tu web

Sea cual sea el plugin que utilices para añadir un formulario de contacto en tu web, hay algunas consideraciones que deberías tener en cuenta si quieres que tu formulario funcione. Aquí te dejo 6 consejos que te pueden ser de mucha utilidad:

  1. Utiliza un buen diseño. Evita varias columnas, contrastes de colores que se vuelvan ilegibles o tamaños poco adecuados en los campos de respuesta.
  2. Crea un formulario sencillo. Un formulario en el que incluyas demasiados campos, o requiera mucha información para poder enviar tu consulta puede ser como un espray repelente para tus clientes.
  3. Evita solicitar información sensible. Crear un formulario de contacto simple o con pocos campos no significa que puedas preguntar lo que quieras. Evita información sensible como “Tu número de DNI” o “Dirección”, seguro que no necesitas esta información para dar respuesta a las consultas.
  4. Crea un CTA original. El botón “Enviar” funciona, pero es el que se utiliza en el 90% de las páginas web. Prueba algo original, un CTA que llame la atención de tus visitas y que guste. Es una buena forma de diferenciarte de tu competencia.
  5. No te olvides del móvil. El nuevo algoritmo Mobile First Index de Google ya enfatiza la importancia de un diseño responsive, así que el formulario de contacto de tu web no puede quedarse atrás. Asegúrate de que se vea bien en todos los dispositivos, y muy importante, que se pueda utilizar sin dificultad.
  6. Confirma que la consulta ha sido enviada. Un mensaje tan simple notificando que la consulta ha sido recibida, transmite confianza al usuario. En caso contrario, puede quedar la duda acerca de si se ha producido algún error o si la consulta no se ha llegado a enviar correctamente.

Buenos ejemplos de formularios de contacto para una web

La teoría está muy bien, pero estoy segura de que echarle un vistazo a algunos formularios de contacto te será de gran ayuda para sacar ideas. A continuación te dejo dos ejemplos muy buenos que pueden servirte a la hora de crear el tuyo propio:

Ejemplo de formulario de contacto

El de Oink my God puede ser un buen ejemplo de formulario de contacto. El diseño es bueno, el contraste de colores no confunde al usuario y el copy del botón rompe las normas Enviar paloma mensajera. Quizá un elemento original de estas características no sea el más importante a la hora de mejorar las conversiones, pero ayuda a diferenciarte y aporta un toque de humor a tu web.

Ejemplo de formulario de contacto

Aquí la sencillez es la gran protagonista. En Inficon Global apuestan por un formulario sencillo y un diseño muy limpio. Simplemente solicitan un nombre, una cuenta de correo a la cual poder responder la solicitud y el campo para dejar el mensaje. Suficiente para responder a una consulta, ¿o no?

En conclusión...

Está claro que crear el formulario de contacto perfecto no es tarea fácil, pero utilizando las herramientas adecuadas y un buen patrón de diseño puedes conseguirlo.

Elige un plugin que te lo ponga fácil, yo te recomiendo Contact Form 7, Ninja Forms o WP Forms, pero hay muchos más. Define los campos que vas a solicitar y sigue alguna de las recomendaciones o ejemplos que te muestro en este post. ¡Verás lo sencillo que es!

Si no utilizas WordPress en tu hosting, pero tienes contratado nuestro Creador de sitios web crear tu formulario de contacto es todavía más fácil. Crea una nueva página, añade la sección de contacto ¡y listo! Un formulario sencillo, pero que podrás personalizar completamente a tu gusto. Si todavía no lo has probado, te animo a que lo hagas. ¡Ahora tienes 1 mes de prueba completamente gratuito y sin introducir ningún dato de pago!

Products Used