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

¿Desea añadir un formulario de contacto en su sitio WordPress? Cada sitio web necesita un formulario de contacto, para que la gente pueda ponerse en contacto con usted sobre sus productos y servicios. En este tutorial de WordPress, le mostraremos cómo crear 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?

Tal vez se esté preguntando 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?

Esta es una pregunta muy común entre los principiantes porque temen que añadir un formulario de contacto requiera conocimientos de código. La verdad es que no necesitas saber ningún código. Esta guía paso a paso para agregar 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 su dirección de correo electrónico en una página.

  • Protección contra spam - Los robots de spam raspan regularmente los sitios web para la etiqueta mailto: dirección de correo electrónico. Cuando publique su dirección de correo electrónico en el sitio web, comenzará a recibir muchos mensajes de spam. Por otro lado, cuando usted utiliza un formulario de contacto, puede deshacerse de casi todos los correos electrónicos spam.
  • Información coherente - Cuando se envía un correo electrónico, la gente no siempre le envía toda la información que necesita. 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 le ayudan a ahorrar tiempo de muchas maneras. Además de la información coherente que hemos mencionado anteriormente, también puede utilizar confirmaciones de formularios para informar al usuario de los pasos siguientes. Por ejemplo, vea un video o espere 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 le mostraremos cómo puede añadirlo fácilmente en su página de contacto o en la barra lateral de su sitio utilizando un widget del formulario de contacto de WordPress.

¿Suena bien? Bien, empecemos.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Paso 1. Cómo elegir el mejor plugin de formulario de contacto

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

Aunque hay varios plugins de formulario de contacto de WordPress gratuitos y de pago que puedes elegir, usamos WPForms en nuestro sitio y creemos que es la mejor opción en el mercado.

Abajo están las tres razones por las que pensamos que WPForms es el mejor:

  1. Es el plugin de formulario de contacto más amigable para principiantes disponible. Puede utilizar el constructor de arrastrar y soltar para crear fácilmente un formulario de contacto con sólo unos pocos clics.
  2. WPForms Lite es 100% gratis, y puedes usarlo para crear un simple formulario de contacto.
  3. Cuando esté listo para funciones más potentes, puede actualizar 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 de formulario de contacto, usaremos WPForms Lite porque es gratis y fácil de usar.

Puede instalar este plugin en su sitio accediendo a su tablero de WordPress y yendo a Plugins " Añadir Nuevo .

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

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

Si no ve el menú de plugins o desea instrucciones más detalladas, consulte 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 ha activado WPForms, está listo para crear un formulario de contacto en WordPress.

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

Esto abrirá el constructor de formularios WPForms drag & drop. Empiece por ponerle un nombre a su formulario de contacto y luego seleccione su plantilla de formulario de contacto.

WPForms Lite sólo viene con dos plantillas de formularios prediseñadas (Formulario en blanco o Formulario de contacto simple). Pero usted puede utilizar estos dos para crear casi cualquier tipo de formulario de contacto que le guste.

Por el bien de este ejemplo, seguiremos adelante y seleccionaremos Formulario de contacto simple . Añadirá los campos Nombre, Correo electrónico y Mensaje.

Puede hacer clic en el campo para editarlos. También puede utilizar el ratón para arrastrar y soltar el orden de los campos.

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

Cuando haya terminado, haga clic en el botón Guardar .

Paso 4. Configuración de notificaciones y confirmaciones de formularios

Ahora que ha creado su formulario WordPress, es importante que configure correctamente la notificación y la confirmación del formulario.

Confirmación de 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.

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.

Puede personalizar ambas opciones yendo a la pestaña Configuración dentro del generador de formularios WPForms.

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

Lo mejor de WPForms es que los ajustes por defecto son ideales para principiantes. Cuando vaya 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 a la dirección de correo electrónico del administrador que ha configurado en su sitio. Si desea enviarla a una dirección de correo electrónico personalizada, puede cambiarla. Si desea enviar la notificación a varios correos electrónicos, sólo tiene que separar cada dirección de correo electrónico por comas.

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

Paso 5. Agregar un formulario de contacto de WordPress en una página

Ahora que has terminado de configurar tu formulario de contacto de WordPress, es el momento de insertarlo en una página.

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

Usaremos el código abreviado de formulario de contacto de WordPress para añadir el formulario en una página. Simplemente haga clic en el botón Agregar formulario en la parte superior y seleccione el formulario que desea agregar.

Se agregará un código de acceso directo al formulario de contacto en el contenido de su página. Ahora siga adelante y guarde su página para obtener una vista previa.

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

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

Si desea añadir un formulario de contacto en una barra lateral u otra área preparada para widgets, vaya al paso 6.

Paso 6. Agregar un formulario de contacto de WordPress en una barra lateral

WPForms viene 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 en cualquier otra área preparada para widgets en tu tema.

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

A continuación, añada el título de su widget y seleccione el formulario que desea mostrar. Guarde la configuración y 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 ver nuestra comparación de los 7 mejores plugins de copia de seguridad de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir