Cómo Crear un Formulario de Contacto en WordPress (Paso a Paso)

¿Le gustaría agregar un formulario de contacto a su sitio de WordPress?

Cada sitio web necesita un formulario de contacto para que los visitantes puedan contactarlo fácilmente sobre sus productos y servicios. De forma predeterminada, WordPress no tiene un formulario de contacto incorporado, pero hay una manera fácil de agregar un formulario de contacto a su sitio.

En este tutorial de WordPress, le mostraremos cómo crear fácilmente un formulario de contacto en WordPress (paso a paso) sin tocar una sola línea de código.

¿Por qué necesitas un formulario de contacto?

Quizás se pregunte por qué necesito un formulario de contacto. ¿No puedo agregar mi dirección de correo electrónico en mi sitio web para que la gente pueda enviarme un correo electrónico?

Esta es una pregunta muy común para los principiantes porque temen que agregar un formulario de contacto requiera conocimientos de codificación.

La verdad es que no necesitas saber nada de código. Esta guía paso a paso para agregar un formulario de contacto está escrita para principiantes absolutos.

Estas son las tres razones principales por las que un formulario de contacto es mejor que pegar su dirección de correo electrónico en la página.

• Protección contra el spam – Los robots de spam rastrean regularmente el mailto: etiqueta de dirección de correo electrónico del sitio web. Cuando publica su dirección de correo electrónico en un sitio web, comenzará a recibir una gran cantidad de spam. Por otro lado, cuando usas un formulario de contacto, puedes deshacerte de casi todo el spam.
• mensaje coherente – Al enviar correos electrónicos, las personas no siempre te envían toda la información que necesitas. Con un formulario de contacto, puede decirle a sus usuarios exactamente qué información está buscando (como su número de teléfono, presupuesto, etc.).
• ahorrar tiempo – Los formularios de contacto lo ayudan a ahorrar tiempo en más formas de las que piensa. Además de la información consistente que mencionamos anteriormente, también puede usar confirmaciones de formulario para decirle al usuario cuál es el siguiente paso. Como ver un video o esperar hasta 24 horas por una respuesta, para que no te envíen múltiples consultas.

A continuación se muestra un ejemplo del formulario de contacto de WordPress que crearemos en este tutorial.

Después de crear el formulario anterior, también le mostraremos cómo agregarlo fácilmente a su página de contacto o agregarlo a la barra lateral de su sitio web usando el widget de formulario de contacto de WordPress.

¿Suena bastante bien? Bien, comencemos.

videotutorial

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

paso 1.Elegir el mejor complemento de formulario de contacto

Lo primero que debe hacer es elegir un complemento de formulario de contacto de WordPress.

Si bien puede elegir entre varios complementos de formulario de contacto de WordPress gratuitos y de pago, usamos WPForms en nuestro sitio web y creemos que es la mejor opción en el mercado.

Aquí hay tres razones por las que creemos que WPForms es el mejor:

1. Es el mejor complemento de formulario de contacto para principiantes. Puede crear fácilmente formularios de contacto con el generador de arrastrar y soltar con solo unos pocos clics.
2. WPForms Lite es 100% gratuito y puede usarlo para crear un formulario de contacto simple (más de 3 millones de sitios web lo usan).
3. Puede actualizar a WPForms Pro cuando esté listo para usar funciones más potentes.

Ahora que hemos decidido el complemento del formulario de contacto, sigamos adelante e instálelo en su sitio web.

Paso 2. Instale el complemento de formulario de contacto en WordPress

Para este tutorial de formulario de contacto, usaremos WPForms Lite porque es gratis y fácil de usar.

Puede hacer esto iniciando sesión en su panel de WordPress y yendo a Complementos » Agregar nuevo.

En el campo de búsqueda, escriba WPForms y haga clic en el botón Instalar ahora.

Después de instalar el complemento, asegúrese de activarlo.

Si no ve el menú de complementos o desea instrucciones más detalladas, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Paso 3.Crear un formulario de contacto en WordPress

Ahora que tiene activado WPForms, puede crear formularios de contacto en WordPress.

En su tablero de WordPress, haga clic en el menú WPForms y vaya a Agregar nuevo.

Esto abrirá el generador de formularios de arrastrar y soltar de WPForms. Comience por darle un nombre a su formulario de contacto, luego elija su plantilla de formulario de contacto.

WPForms Lite solo proporciona plantillas de formulario preconstruidas, como un formulario de contacto simple en blanco, etc. Puede usar estas plantillas para crear cualquier tipo de formulario de contacto que desee.

Por el bien de este ejemplo, continuaremos eligiendo formulario de contacto sencilloAgregará los campos Nombre, Correo electrónico y Mensaje.

Puede hacer clic en un campo para editarlo. También puede arrastrar y soltar el orden de los campos con el mouse.

Si desea agregar un nuevo campo, simplemente elija entre los campos disponibles en la barra lateral izquierda.

Haga clic cuando termine ahorrar botón.

Paso 4. Configurar notificaciones y confirmaciones de formulario

Ahora que ha creado su formulario de WordPress, es importante configurar correctamente las notificaciones de formulario y las confirmaciones de formulario.

La confirmación del formulario es lo que los visitantes de su sitio web ven después de enviar un formulario. Este podría ser un mensaje de agradecimiento o podría redirigirlos a una página especial.

Las notificaciones de formulario son correos electrónicos que alguien recibe después de enviar un formulario de contacto en su sitio de WordPress.

Puede personalizar ambos yendo a la pestaña Configuración en el generador de formularios WPForms.

Por lo general, dejamos la confirmación del formulario como el mensaje de agradecimiento predeterminado. Sin embargo, puede cambiarlo para redirigir a una página específica si es necesario.

La mejor parte de WPForms es que la configuración predeterminada es excelente para principiantes. Cuando ingrese a la configuración de notificaciones, todos los campos se completarán automáticamente de forma dinámica.

De manera predeterminada, las notificaciones se envían al correo electrónico del administrador que configuró en su sitio.

Puede cambiarlo si desea enviarlo a una dirección de correo electrónico personalizada. Si desea enviar notificaciones a varios correos electrónicos, simplemente separe cada dirección de correo electrónico con una coma.

El asunto del correo electrónico se completa previamente con el nombre de su formulario. El campo del nombre del remitente se completa automáticamente con su nombre de usuario. Cuando responda a una consulta, esta irá al correo de su usuario para completar el formulario de contacto.

Tenemos una guía detallada sobre cómo configurar notificaciones de formularios personalizados para que pueda enviar sus formularios a múltiples destinatarios o diferentes departamentos.

Paso 5.Agregue un formulario de contacto de WordPress a su página

Ahora que ha configurado su formulario de contacto de WordPress, es hora de agregarlo a la página.

Lo primero que debe hacer es crear una nueva página en WordPress o editar una página existente donde desea agregar un formulario de contacto.

Usaremos el bloque WPForms para agregar el formulario a la página. Simplemente haga clic en el botón Agregar nuevo bloque para encontrar WPForm y haga clic para agregarlo a su página.

El bloque WPForm ahora aparecerá en el área de contenido de su página. Debe hacer clic en el menú desplegable para seleccionar el formulario que creó anteriormente.

WPForms cargará una vista previa de su formulario de contacto en el editor. Ahora puede guardar o publicar su página y visitar su sitio web para verla en acción.

Así es como se ve el formulario en una página de muestra de WordPress:

Si solo desea agregar un formulario de contacto a la página, ya está. Felicidades.

WPForms también viene con un código abreviado de formulario de contacto de WordPress.Puede copiar el formulario de contacto visitando el shortcode WPForms » Todos los formularios y péguelo en cualquier publicación o página de WordPress.

Si desea agregar un formulario de contacto a la barra lateral u otra área lista para widgets, vaya al paso 6.

Paso 6.Agregue un formulario de contacto de WordPress a la barra lateral

WPForms viene con un widget de formulario de contacto de WordPress que puede usar para agregar su formulario de contacto a su barra lateral o básicamente a cualquier otra área lista para widgets en su tema.

En su área de administración de WordPress, vaya a Apariencia » WidgetsVerá un widget de WPForms que puede arrastrar fácilmente a cualquier área del tema lista para widgets.

A continuación, agregue un título al widget y elija qué formulario mostrar. Guarde su configuración, luego visite su sitio web para obtener una vista previa.

Esperamos que este artículo le haya ayudado a crear un formulario de contacto simple en WordPress. También puede consultar nuestra comparación de los mejores complementos de copia de seguridad de WordPress y nuestra guía sobre cómo solucionar el problema de WordPress que no envía correos electrónicos.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.