Cómo crear un formulario de contacto en WordPress (más los mejores complementos)

Cada sitio necesita un formulario de contacto, razón por la cual probablemente esté leyendo una publicación sobre cómo usar un complemento de WordPress de formulario de contacto para crear su propio formulario.

Por ese hecho, hay un montón de excelentes opciones que puede usar para agregar un formulario de contacto en WordPress. Y en esta publicación, te mostraré paso a paso cómo usar uno gratis . Sí, aprenderá exactamente cómo crear un formulario de contacto personalizado y atractivo sin abrir su billetera.

Después de ese tutorial, compartiré algunos de los otros mejores complementos de formularios de contacto, así como por qué es posible que desee elegir una de esas opciones sobre el complemento en el tutorial.

La forma más fácil de crear un formulario de contacto en WordPress

Si desea agregar un formulario de contacto a WordPress, necesitará un complemento de formulario de contacto de WordPress.

Ahora, hay muchas opciones sólidas, de las que hablaré a continuación. Pero si solo desea un formulario de contacto básico, la opción más simple de usar es un complemento gratuito llamado HappyForms.

Aquí le mostramos cómo crear un formulario de contacto en WordPress en solo unos pocos pasos ...

1. Instale y active el complemento de WordPress Formulario de contacto de HappyForms

El complemento HappyForms es gratuito y está disponible en WordPress.org, lo que significa que puede instalarlo yendo a Complementos → Agregar nuevo y buscando "HappyForms":

2. Cree un formulario nuevo

Una vez que instale y active el complemento HappyForms, vaya a HappyForms → Agregar nuevo en su panel de WordPress:

Esto lanzará una nueva interfaz que se parece mucho al Personalizador de WordPress ( la interfaz donde personalizas tu tema en una vista previa en tiempo real ).

Al igual que el Personalizador de WordPress, podrá ver una vista previa en vivo de su formulario de contacto a medida que lo crea.

Primero, sin embargo, solo dé un nombre a su formulario para ayudarlo a recordarlo:

3. Agregar campos de formulario

A continuación, use la lista de campos del formulario para elegir qué campos incluir en su formulario. Para un formulario de contacto básico, probablemente querrá estas opciones:

• Texto corto : para el nombre de la persona.
• Correo electrónico : para la dirección de correo electrónico de la persona.
• Texto largo : para el mensaje de la persona.

Para agregar un campo de formulario, todo lo que debe hacer es hacer clic en él. Una vez que haga clic en él, podrá configurar sus ajustes en la barra lateral. A medida que cambie la configuración de un campo, verá que cambia en la vista previa en vivo:

Una vez que haya agregado todos los campos del formulario, debería ver una vista previa completa de su formulario de contacto:

Si lo desea, puede agregar otros campos que sean exclusivos de sus necesidades. Por ejemplo, es posible que desee agregar una casilla de verificación o un menú desplegable para permitir que los remitentes elijan de qué se trata el mensaje ( y ayudarlo a organizar todo ).

Una vez que haya terminado de agregar campos de formulario, haga clic en el botón Configurar para continuar.

4. Configure lo que sucede después de que un visitante envía un formulario

Después de hacer clic en el botón Configurar , obtendrá una serie de opciones para controlar lo que sucede después de que un visitante envía su formulario de contacto.

En la parte superior, puede configurar el mensaje de confirmación , que es el mensaje que se muestra al remitente del formulario en su sitio web después de que envía un formulario (1).

Debajo de eso, usted puede elegir si desea recibir notificaciones por correo electrónico cuando hay un nuevo envío del formulario, y en qué dirección de correo electrónico que desea recibir presentaciones (2). HappyForms también almacenará envíos de formularios en su panel de WordPress; más sobre esto más adelante :

A continuación, puede elegir si desea enviar notificaciones por correo electrónico al remitente del formulario y, de ser así, qué deben contener esas notificaciones por correo electrónico:

Finalmente, la parte inferior de la configuración le permite configurar una variedad de configuraciones diversas, que incluyen si:

• Redirigir a los usuarios a una página diferente después de que envíen el formulario
• Guarde los envíos de formularios en su panel de WordPress
• Utilice Google ReCaptcha para la protección contra spam
• Permita que los remitentes de formularios tengan una vista previa de su mensaje antes de enviarlo

En caso de duda, debe dejar esta configuración como predeterminada:

Una vez que haya hecho sus elecciones, haga clic en el botón Estilo para avanzar al siguiente conjunto de opciones.

5. Configure el estilo de su formulario de contacto

Paso de configuración final! Ahora, puede utilizar las distintas áreas para configurar la apariencia y el estilo de su formulario de contacto:

Por ejemplo, para configurar el aspecto del Enviar botón, abriría la configuración del botón Enviar . Allí, puede cambiar su fuente, ajustar el ancho, cambiar colores y más.

A medida que realiza cualquier cambio, verá que la vista previa en vivo se actualiza automáticamente, lo que facilita descubrir exactamente qué hace cada ajuste en su formulario:

Una vez que haya terminado con las opciones de estilo, haga clic en el botón Guardar y cerrar para terminar las cosas.

6. Agregue su formulario de contacto a la página donde desea que aparezca

Para incrustar su formulario, puede agregarlo como:

• Bloquear en el nuevo editor de bloques
• Código corto en el editor clásico o el editor de bloques
• Widget en cualquier área de widgets

Por ejemplo, si está utilizando el nuevo editor de bloques de WordPress, crearía una nueva página llamada "Contáctenos" e insertaría el bloque HappyForms .

Desde allí, puede elegir qué formulario desea insertar:

O, si todavía está usando el editor clásico de WordPress, puede insertar su formulario de contacto como un código corto haciendo clic en el botón Agregar HappyForms :

¡Y eso es! Los visitantes podrán comenzar a enviarle mensajes a través de su formulario de contacto.

Cómo ver los envíos de formularios

Hay dos formas de ver los envíos de formularios.

Primero, si configura las notificaciones por correo electrónico en la configuración del formulario, recibirá un correo electrónico cada vez que alguien envíe un formulario.

En segundo lugar, también puede ver los envíos desde el interior de su panel de WordPress yendo a HappyForms → Respuestas :

Si hace clic en una respuesta específica, podrá ver el mensaje completo:

¡Y eso es todo!

Otros cuatro mejores complementos de WordPress para formularios de contacto y por qué es posible que desee uno de estos

Para un formulario de contacto simple de WordPress, HappyForms es la mejor opción para la mayoría de los usuarios. Sin embargo, de ninguna manera es el único complemento de WordPress de formulario de contacto de calidad. Y si desea algo un poco más allá de un simple formulario de contacto, es posible que prefiera una opción diferente.

Entonces, para terminar esta publicación, repasemos algunos de los mejores complementos de formularios de contacto de WordPress y qué podría hacerlos una mejor opción que el complemento HappyForms que utilicé en el tutorial anterior.

1. WPForms

WPForms es uno de los complementos de WordPress para formularios de contacto más populares en WordPress.org.

Una cosa buena de este complemento es que le brinda un constructor de arrastrar y soltar para organizar los campos de su formulario, incluidas las opciones para configurar diseños de varias columnas. Entonces, si eso le gusta, esa podría ser una de las razones para elegir WPForms.

Más allá del generador de arrastrar y soltar, también hay algunas versiones premium diferentes que le permiten ser mucho más creativo con sus formularios. Usted será capaz de:

• Aceptar pagos
• Inscribe personas a tu dirección de correo electrónico
• Conectarse a Zapier
• Etc.

Entonces, si desea esa funcionalidad avanzada, esa podría ser otra razón para elegir WPForms.

Las versiones premium comienzan en $ 39.50 y van hasta $ 299.50, según las funciones que desee y la cantidad de sitios en los que desee usar el complemento.

2. Marketing todo en uno de HubSpot

Como sugiere el nombre, HubSpot All-In-One Marketing es una herramienta todo en uno que cubre todo, desde ventanas emergentes hasta chat en vivo y, lo adivinaste, formularios de contacto.

Con el generador de arrastrar y soltar, puede crear sus propios formularios de contacto personalizados para recopilar tanta o poca información como necesite.

Y un gran beneficio es que HubSpot almacenará automáticamente todos los envíos de formularios en el CRM integrado. Entonces, si está utilizando su formulario de contacto para ventas, o cualquier otra cosa que pueda beneficiarse de un CRM, este es excelente para usar.

3. Formas Ninja

Ninja Forms es otra oferta de freemium con muchas de las mismas ventajas que WPForms.

Es decir, ofrece una versión gratuita limitada y le brinda un generador de arrastrar y soltar que puede usar para organizar los campos de su formulario.

Y si está dispuesto a pagar, puede hacer que sus formularios hagan cosas mucho más avanzadas, que incluyen:

• Aceptar pagos
• Inscribiendo personas a su boletín
• Poner remitentes de formularios en su CRM
• Etc.

Una diferencia está en la estructura de precios de esas opciones premium. En lugar de distintas versiones premium, Ninja Forms le permite elegir qué complementos premium desea usar. O también puede comprar un paquete de complementos a partir de $ 99.

4. Formularios de Caldera

En términos de funcionalidad que obtienes en la versión gratuita, Caldera Forms es uno de los complementos gratuitos de formularios de contacto de WordPress más generosos.

Incluso en la versión gratuita, puede crear formularios complejos que tienen:

• Multiples paginas
• Lógica condicional, donde puede mostrar diferentes opciones de formulario en función de cómo una persona respondió preguntas anteriores

También tiene un constructor de arrastrar y soltar, aunque la interfaz no es tan amigable para principiantes como WPForms o Ninja Forms.

Más allá de la generosa funcionalidad gratuita, también hay una versión premium que puede agregar funcionalidades más avanzadas, como pagos e integraciones de servicios de marketing por correo electrónico.

Además de esos complementos, también hay un servicio premium de suscripción con un enfoque único en:

• Capacidad de entrega del correo electrónico: el servicio realmente maneja el envío de correos electrónicos para garantizar que terminen en las bandejas de entrada de los visitantes.
• Conversiones de formulario a PDF
• Estadísticas para la entrega de sus confirmaciones por correo electrónico

5. Formas de gravedad

Finalmente, está Gravity Forms, que es un complemento de WordPress de formulario de contacto especialmente popular para desarrolladores.

A los desarrolladores les gusta porque, además de contar con una gran cantidad de funciones integradas para crear todo, desde formularios de pago hasta envíos de publicaciones de front-end, Gravity Forms también es extensible y tiene un gran mercado para extensiones de terceros.

Entonces, si desea algo que realmente pueda profundizar y personalizar según sus necesidades, Gravity Forms y sus diversas extensiones pueden ser el complemento adecuado para usted.

El único inconveniente es que no existe una versión gratuita de Gravity Forms. Si desea usarlo, deberá sacar su tarjeta de crédito.

Los precios comienzan en $ 59 y van hasta $ 259.

Reflexiones finales sobre los formularios de contacto de WordPress

Con el complemento de WordPress de formulario de contacto adecuado, es fácil crear y personalizar un formulario de contacto que se adapte perfectamente a sus necesidades.

Si todo lo que desea es un formulario de contacto simple, el complemento HappyForms ofrece un enfoque confiable y optimizado. Y si desea más funcionalidad, puede considerar actualizar a un complemento de formulario pago para hacer todo, desde aceptar pagos hasta inscribir personas en su lista de marketing por correo electrónico.

¡Cree su primer formulario hoy y comience a facilitar que los visitantes se conecten con usted!