¿Desea 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 acerca de sus productos y servicios. Por defecto, WordPress no viene con un formulario de contacto integrado, 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.
¿Por qué necesitas un formulario de contacto?
Contents
Quizás se pregunte por qué necesito un formulario de contacto. ¿Puedo simplemente agregar mi dirección de correo electrónico a 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 conocimiento del código. La verdad es que no necesita conocer ningún código. Esta guía paso a paso para agregar un formulario de contacto está escrita para principiantes absolutos. Estas son 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 el spam – Los spambots rayan periódicamente 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 correos electrónicos no deseados. Por otro lado, cuando usa un formulario de contacto, puede deshacerse de casi todo el spam.
- Información consistente – Al enviar correos electrónicos, la gente no siempre le envía 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.).
- Ahorro de tiempo – Los formularios de contacto le ayudan a ahorrar tiempo de más formas de las que pueda imaginar. Además de la información coherente que hemos mencionado anteriormente, también puede utilizar las confirmaciones del formulario para que el usuario sepa cuáles son los próximos pasos. Como ver un video o esperar hasta 24 horas por una respuesta, no le envían múltiples consultas.
A continuación se muestra un ejemplo de un formulario de contacto de WordPress que crearemos en este tutorial.
Una vez que haya creado el formulario anterior, también le mostraremos cómo puede agregarlo fácilmente a su página de contacto, oa la barra lateral de su sitio utilizando un widget de formulario de contacto de WordPress. ¿Parece bien? Bien, comencemos.
Video tutorial
Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.
Paso 1. Elija 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, usamos WPForms en nuestro sitio y creemos que es la mejor opción que existe. Estas son las tres razones por las que creemos que WPForms es el mejor:
Ahora que hemos elegido el complemento del formulario de contacto, vamos a instalarlo en su sitio.
Paso 2. Instale un complemento de formulario de contacto en WordPress
Para este tutorial en el formulario de contacto, usaremos 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 cuadro de búsqueda, escriba WPForms y luego haga clic en el botón Instalar ahora.
Una vez que el complemento esté instalado, asegúrese de activar el complemento.
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. Crea un formulario de contacto en WordPress
Ahora que ha habilitado 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.
Esto abrirá el generador de formularios WPForms mediante arrastrar y soltar. Comience dando un nombre a su formulario de contacto, luego seleccione su plantilla de formulario de contacto. WPForms Lite solo ofrece plantillas de formulario predefinidas como En blanco, Formulario de contacto simple, etc. Puede usarlos para crear casi cualquier tipo de formulario de contacto que desee. Para este ejemplo, continuaremos y seleccionaremos Formulario de contacto simple. Agregará los campos Nombre, Correo electrónico y Mensaje.
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.
Cuando haya terminado, haga clic en el Salvar botón.
Paso 4. Configurar 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. Este puede ser un mensaje de agradecimiento o puede redirigirlos a una página especial. La notificación del 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 en el generador de formularios de WPForms. Por lo general, dejamos el formulario de confirmación como mensaje de agradecimiento predeterminado. Sin embargo, puede cambiarlo para redirigirlo a una página específica si lo desea.
La mejor parte de WPForms es que la configuración predeterminada es ideal para principiantes. Cuando acceda a la configuración de notificaciones, todos los campos se rellenarán previamente de forma dinámica.
Las notificaciones predeterminadas se envían a la dirección de correo electrónico de administración que configuró en su sitio. Si desea enviarlo a una dirección de correo electrónico personalizada, puede cambiarlo. Si desea enviar la notificación a varios correos electrónicos, simplemente separe cada dirección de correo electrónico con una coma. La línea de asunto del correo electrónico está precargada con el nombre de su formulario. El campo del nombre del remitente se completa automáticamente con su nombre de usuario. Cuando responda a la solicitud, irá al correo electrónico que su usuario completó en el formulario de contacto. Tenemos una guía paso a paso sobre cómo configurar notificaciones de formularios personalizados, para que pueda enviar formularios a varios destinatarios oa diferentes departamentos.
Paso 5. Agregar el formulario de contacto de WordPress a 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 a la que desea agregar el formulario de contacto. Usaremos el bloque WPForms para agregar el formulario a una página. Simplemente haga clic en el botón Agregar nuevo bloque para buscar WPForm, luego 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á la vista previa de su formulario de contacto en el editor. Ahora puede guardar o publicar su página y visitar su sitio web para verlo en acción. Así es como se vería el formulario en una página de muestra de WordPress:
Si solo desea agregar el formulario de contacto a la página, ha terminado aquí. Felicidades. WPForms también viene con un código corto de formulario de contacto de WordPress. Puede copiar el código corto del formulario de contacto visitando WPForms »Todos los formularios página, luego péguela en cualquier publicación o página de WordPress.
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 a una barra lateral o cualquier otra área lista para los widgets de su tema. En su área de administración de WordPress, navegue hasta Apariencia »Widgets. Verá un widget de WPForms que puede arrastrar y soltar fácilmente en todas las áreas listas para widgets de su tema.
Luego agregue el título de su widget y seleccione el formulario que desea mostrar. Guarde la configuración y visite su sitio web para obtener la vista previa.
Esperamos que este artículo le haya ayudado a crear un formulario de contacto sencillo 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 que WordPress no envíe correo electrónico. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
Originally posted 2021-02-24 16:12:33.
){kind=link}