Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

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

¿Estás buscando agregar un formulario de contacto en tu sitio de WordPress?
Cada sitio web necesita un formulario de contacto, por lo que los visitantes pueden contactarlo fácilmente sobre sus productos y servicios. Por defecto, WordPress no viene con un formulario de contacto incorporado, pero hay una manera fácil de agregar formularios 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.
Agregue fácilmente un formulario de contacto en WordPress

¿Por qué necesita 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?
Esa es una pregunta muy común de los principiantes porque temen que agregar un formulario de contacto requiera conocimiento del 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 detallan 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 correo no deseado: los bots de correo no deseado regularmente raspan 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 correos electrónicos no deseados. Por otro lado, cuando usa un formulario de contacto, puede deshacerse de casi todos los correos electrónicos no deseados.
  • Información consistente : al enviar correos electrónicos, las personas no siempre le envían toda la información que necesita. Con un formulario de contacto, puede decirle al usuario exactamente qué información está buscando (como su número de teléfono, presupuesto, etc.).
  • Ahorra tiempo - Formularios de contacto que ayudan a ahorrar tiempo en más de un sentido se puede imaginar. Además de la información consistente que mencionamos anteriormente, también puede usar confirmaciones de formulario para decirle al usuario cuáles son los siguientes pasos. Como 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.
Vista previa de la página de contacto
Después de crear el formulario anterior, también le mostraremos cómo puede agregarlo fácilmente en su página de contacto o en la barra lateral de su sitio utilizando un widget de formulario de contacto de WordPress.
¿Suena bien? Ok, entonces comencemos.

Video Tutorial


Suscríbase a WPBeginner
Si prefiere instrucciones escritas, continúe 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 hay varios complementos de formularios de contacto de WordPress gratuitos y de pago entre los que puede 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 el mejor:
  1. Es el complemento de formulario de contacto más amigable para principiantes disponible. Puede usar el generador de arrastrar y soltar para crear fácilmente un formulario de contacto 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 lo usan).
  3. Cuando esté listo para funciones más potentes, puede actualizar a WPForms Pro .
Ahora que hemos decidido el complemento de formulario de contacto, avancemos e instálelo en su sitio.

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

Para este contacto forma tutorial, vamos a utilizar WPForms Lite porque es gratis y fácil de usar.
Puede instalar este complemento en su sitio iniciando sesión en su panel de WordPress y yendo a Complementos »Agregar nuevo .
En el campo de búsqueda, escriba WPForms y luego haga clic en el botón Instalar ahora .
Instalar WPForms
Después de instalar el complemento, asegúrese de activarlo.
Activa WPForms
Si no ve el menú de complementos o no desea obtener instrucciones más detalladas, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .

Paso 3. Crea un formulario de contacto en WordPress

Ahora que ha activado WPForms, está listo para crear un formulario de contacto en WordPress.
En su panel de WordPress, haga clic en el menú WPForms y vaya a Agregar nuevo.
Agregar nuevo formulario
Esto abrirá el generador de formularios de arrastrar y soltar de WPForms. Comience dando un nombre a su formulario de contacto y luego seleccione su plantilla de formulario de contacto.
WPForms Lite solo viene con plantillas de formulario preconstruidas como en blanco, formulario de contacto simple, etc. Puede usarlas para crear casi cualquier tipo de formulario de contacto que desee.
En aras de este ejemplo, seguiremos adelante y seleccionaremos Formulario de contacto simple . Agregará los campos Nombre, Correo electrónico y Mensaje.
Crear un nuevo formulario en WordPress con WPForms
Puede hacer clic en los campos para editarlos. También puede usar su mouse para arrastrar y soltar el orden de los campos.
Si desea agregar un nuevo campo, simplemente seleccione uno de los campos disponibles en la barra lateral izquierda.
Agregar un nuevo campo a su formulario de contacto
Cuando haya terminado, haga clic en el Guardar botón.

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

Ahora que ha creado su formulario de WordPress , es importante que configure correctamente la notificación y la confirmación del formulario.
La confirmación del formulario es lo que ve el visitante de su sitio web 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 recibe después de que alguien envía el formulario de contacto en su sitio de WordPress.
Puede personalizar ambos yendo a la pestaña Configuración dentro del generador de formularios WPForms.
Por lo general, 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.
Configurar confirmación de formulario
La mejor parte de WPForms es que la configuración predeterminada es ideal para principiantes. Cuando vaya a la configuración de notificaciones, todos los campos se completarán dinámicamente.
Configurar notificaciones de formulario
Las notificaciones de forma predeterminada se envían al correo electrónico de administrador que ha configurado en su sitio.
Si desea enviarlo a una dirección de correo electrónico personalizada, puede cambiar eso. Si desea enviar la notificación 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 de se rellena automáticamente con el nombre de su usuario. Cuando responda a la consulta, se enviará al correo electrónico que su usuario completó en el formulario de contacto.
Tenemos una guía detallada sobre cómo configurar notificaciones de formulario personalizadas , para que pueda enviar formularios a múltiples destinatarios o diferentes departamentos.

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

Ahora que ha terminado de configurar su formulario de contacto de WordPress, es hora de agregarlo a una página.
Lo primero que debe hacer es crear una nueva página en WordPress o editar una página existente donde desea agregar el formulario de contacto.
Utilizaremos el bloque WPForms para agregar el formulario en una página. Simplemente haga clic en el botón Agregar nuevo bloque para buscar WPForm y luego haga clic para agregarlo a su página.
Agregue el bloque de formulario de contacto WPForms 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.
Seleccione su formulario de contacto en el bloque WPForms
WPForms cargará la vista previa de su formulario de contacto dentro del editor. Ahora puede guardar o publicar su página y visitar su sitio web para verla en acción.
Así es como se vería el formulario en una página de muestra de WordPress:
Vista previa de la página de contacto
Si solo desea agregar el formulario de contacto en la página, entonces ya está aquí. Felicidades.
WPForms también viene con un código abreviado de formulario de contacto de WordPress. Puede copiar el código abreviado del formulario de contacto visitando la página WPForms »Todos los formularios y luego pegarlo en cualquier publicación o página de WordPress.
Código abreviado de formulario de contacto de WordPress para usar en publicaciones y páginas
Si desea agregar un formulario de contacto en una barra lateral u otra área lista para widgets, vaya al paso 6.

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

WPForms viene con un widget de formulario de contacto de WordPress que puede usar para agregar su formulario de contacto en una barra lateral o básicamente cualquier otra área lista para widgets en su 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 de su tema lista para widgets.
Agregar formulario usando un widget de barra lateral
A continuación, agregue el título para su widget y seleccione el formulario que desea mostrar. Guarde la configuración y visite su sitio web para obtener una vista previa.
Formulario de contacto de la barra lateral
Esperamos que este artículo te 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 problemas de WordPress que no envían correo electrónico .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas