Cómo crear un formulario de contacto en WordPress (paso a paso)

¿Estás buscando añadir un formulario de contacto en tu sitio de WordPress?

Cada sitio web necesita un formulario de contacto, para que los visitantes puedan ponerse en contacto fácilmente con usted acerca de sus productos y servicios. De forma predeterminada, WordPress no viene con un formulario de contacto incorporado, pero hay una forma fácil de añadir formularios de contacto a su sitio.

En este tutorial de WordPress, te 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é necesita un formulario de contacto?

Te preguntarás por qué necesito un formulario de contacto. ¿No puedo añadir mi dirección de correo electrónico en mi sitio web, para que la gente pueda enviarme un correo electrónico?

Esa es una pregunta muy común de los principiantes porque temen que añadir un formulario de contacto requiere conocimiento del código.

La verdad es que no necesitas saber ningún código. Esta guía paso a paso para añadir un formulario de contacto está escrita para principiantes absolutos.

A continuación se presentan las 3 razones principales por las que un formulario de contacto es mejor que pegar tu dirección de correo electrónico en una página.

• Protección contra el spam - Los robots de spam regularmente raspan los sitios web para la etiqueta mailto: dirección de correo electrónico. Cuando publiques tu dirección de correo electrónico en el sitio web, empezarás a recibir muchos correos electrónicos de spam. Por otro lado, cuando usas un formulario de contacto, puedes deshacerte de casi todos los correos spam.
• Información consistente - Cuando se envía un correo electrónico, la gente no siempre te envía toda la información que necesitas. Con un formulario de contacto, puedes decirle al usuario exactamente qué información estás buscando (como su número de teléfono, presupuesto, etc.).
• Ahorra tiempo - Los formularios de contacto te ayudan a ahorrar tiempo de más formas de las que puedas imaginar. Además de la información consistente que mencionamos anteriormente, también puede usar las confirmaciones de los formularios para decirle al usuario cuáles son los siguientes pasos. Por ejemplo, ver un video o esperar hasta 24 horas para obtener una respuesta, para que no le envíen múltiples consultas.

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

Después de crear el formulario anterior, también te mostraremos cómo puedes añadirlo fácilmente en tu página de contacto, o en la barra lateral de tu sitio utilizando un widget de formulario de contacto de WordPress.

¿Suena bien? Bien, empecemos.

Video Tutorial

Suscríbase a WPBeginner

Si prefiere instrucciones escritas, entonces por favor continúe leyendo.

Paso 1. Elegir el mejor plugin de formulario de contacto

Lo primero que tienes que hacer es elegir un plugin de formulario de contacto de WordPress.

Aunque hay varios plugins de formularios de contacto de WordPress gratuitos y de pago entre los que puedes elegir, utilizamos WPForms en nuestro sitio y creemos que es la mejor opción del mercado.

A continuación se presentan las tres razones por las que creemos que WPForms es la mejor:

1. Es el plugin de formulario de contacto más amigable para principiantes disponible. Puedes usar el constructor de arrastrar y soltar para crear fácilmente un formulario de contacto en sólo unos pocos clics.
2. WPForms Lite es 100% gratuito, y puedes usarlo para crear un simple formulario de contacto (más de 3 millones de sitios lo usan).
3. Cuando estés listo para funciones más potentes, podrás actualizarte a WPForms Pro.

Ahora que nos hemos decidido por el plugin del formulario de contacto, vamos a instalarlo en su sitio.

Paso 2. Instalar un plugin de formulario de contacto en WordPress

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

Puedes instalar este plugin en tu sitio web entrando en tu panel de control de WordPress y yendo a Plugins " Add New .

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

Una vez instalado el plugin, asegúrese de activarlo.

Si no ves el menú de plugins o quieres instrucciones más detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Paso 3. Crear un formulario de contacto en WordPress

Ahora que has activado WPForms, estás listo para crear un formulario de contacto en WordPress.

En tu tablero de WordPress, haz clic en el menú WPForms y ve a Add New.

Esto abrirá el constructor de formularios de arrastrar y soltar WPForms. Comienza dando un nombre a tu formulario de contacto y luego selecciona tu plantilla de formulario de contacto.

WPForms Lite sólo viene con plantillas de formularios preconstruidos como Blank, Simple Contact Form, etc. Puede usarlas para crear casi cualquier tipo de formulario de contacto que desee.

Para el caso de este ejemplo, seguiremos adelante y seleccionaremos Formulario de contacto simple . Añadirá los campos Nombre, Email y Mensaje.

Puedes hacer clic en los campos para editarlos. También puedes usar el ratón para arrastrar y soltar el orden de los campos.

Si desea añadir un nuevo campo, simplemente seleccione de los campos disponibles en la barra lateral izquierda.

Cuando termines, haz clic en el botón Guardar .

Paso 4. Configuración del formulario de notificación y confirmaciones

Ahora que has creado tu formulario de WordPress, es importante que configures correctamente la notificación del formulario y la confirmación del mismo.

La confirmación del formulario es lo que el visitante de su sitio web ve después de enviar el formulario. Puede ser un mensaje de agradecimiento, o puede redirigirlos a una página especial.

La notificación de formulario es el correo electrónico que recibes después de que alguien envía el formulario de contacto en tu sitio de WordPress.

Puedes personalizar ambas cosas yendo a la pestaña de Configuración dentro del constructor de formularios WPForms.

Normalmente dejamos la confirmación del formulario como mensaje de agradecimiento predeterminado. Sin embargo, puede cambiarlo para redirigirlo a una página específica si lo desea.

Lo mejor de WPForms es que la configuración predeterminada es ideal para los principiantes. Cuando vayas a la configuración de la notificación, todos los campos se rellenarán de forma dinámica.

Las notificaciones por defecto se envían al correo electrónico de la administración que ha configurado en su sitio.

Si quieres enviarlo a una dirección de correo electrónico personalizada, puedes cambiarla. Si quieres enviar la notificación a varios correos electrónicos, entonces sólo separa cada dirección de correo electrónico con una coma.

El asunto del correo electrónico está prellenado con su nombre de formulario. El campo "de" se rellena automáticamente con su nombre de usuario. Cuando responda a la consulta, irá al correo electrónico que su usuario rellenó en el formulario de contacto.

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

Paso 5. Añadir el formulario de contacto de WordPress en una página

Ahora que has terminado de configurar tu formulario de contacto de WordPress, es hora de añadirlo a una página.

Lo primero que tienes que hacer es crear una nueva página en WordPress o editar una página existente en la que quieras añadir el formulario de contacto.

Usaremos el bloque WPForms para añadir el formulario en una página. Simplemente haga clic en el botón de agregar nuevo bloque para buscar WPForm y luego haga clic para agregarlo a su página.

El bloque WPForm aparecerá ahora 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á la vista previa de tu formulario de contacto dentro del editor. Ahora puedes guardar o publicar tu página y visitar tu sitio web para verla en acción.

Aquí está cómo se vería el formulario en una página de WordPress de muestra:

Si sólo quería añadir el formulario de contacto en la página, entonces ha terminado aquí. Felicitaciones.

WPForms también viene con un atajo de formulario de contacto de WordPress. Puedes copiar el atajo del formulario de contacto visitando la página WPForms " All Forms y luego pegarlo en cualquier publicación o página de WordPress.

Si quieres añadir un formulario de contacto en una barra lateral o en otra área preparada para los widgets, entonces ve al paso 6.

Paso 6. Añadir el formulario de contacto de WordPress en una barra lateral

Los WPForms vienen con un widget de formulario de contacto de WordPress que puedes usar para añadir tu formulario de contacto en una barra lateral o básicamente cualquier otra área preparada para el widget en tu tema.

En tu área de administración de WordPress, ve a Apariencia " Widgets . Verás un widget WPForms que puedes arrastrar fácilmente a cualquier área de tu tema lista para ser utilizada como widget.

A continuación, añade el título de tu widget y selecciona la forma que quieres mostrar. Guarda la configuración y visita tu sitio web para obtener una vista previa.

Esperamos que este artículo te haya ayudado a crear un simple formulario de contacto en WordPress. También puedes ver nuestra comparación de los mejores plugins de copia de seguridad de WordPress y nuestra guía sobre cómo solucionar el problema de WordPress de no enviar correo electrónico.

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