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

¿Busca 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 presenta un formulario de contacto creado, pero hay una manera fácil de agregar formularios de contacto en su sitio web en este WordPress Tutorial, le mostraremos cómo crear fácilmente un formulario de contacto en WordPress (paso a paso) sin alcanzar 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 simplemente agregar mi correo electrónico a mi sitio para que la gente pueda enviarme un correo electrónico.
Esta es una pregunta muy común de los principiantes, porque tienen miedo de agregar un formulario de contacto requiere 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á escrito para principiantes absolutos. A continuación se presentan las 3 razones más importantes por las cuales un formulario de contacto es mejor que pegar su correo electrónico en una página.
Los robots de Spam Protection-SPAM eliminan regularmente los sitios web para la etiqueta de Mailto: dirección de correo electrónico. Cuando publique su dirección de correo electrónico en el sitio, comenzará a recibir muchos correos electrónicos de spam. Por otro lado, al usar un formulario de contacto, puede deshacerse de casi todos los correos electrónicos de spam.
Información constante: cuando envía un correo electrónico, 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 el número de teléfono, el presupuesto, etc.). Guarde el tiempo: los formularios de contacto lo ayudan a ahorrar tiempo de más de lo que puede imaginar. Además de la información coherente que mencioné anteriormente, también puede usar confirmaciones de formulario para decirle al usuario quiénes son los próximos pasos. Por ejemplo, mire un video o espere hasta 24 horas para obtener una respuesta para que no le envíen más preguntas.
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 puede agregarlo fácilmente en su página de contacto o en la barra lateral. ¿Suena bien? Ok, así que comencemos. Tutorial de video

Suscríbete a WPBeginner
Si prefiere las instrucciones escritas, continúe leyendo. Paso 1. Elegir el mejor formulario de contacto de contacto El primero que debe hacer es elegir un complemento para el formulario de contacto de WordPress. Si bien hay varios complementos para el formulario de contacto de WordPress gratuito y pagado, puede usar, utilizamos WPFORMS en nuestro sitio y creemos que es la mejor opción en el mercado.
A continuación se presentan las tres razones por las que consideramos que WPForms es el mejor:
Es el complemento más adecuado para el formulario de contacto para principiantes disponibles. Puede usar el generador de arrastrar y soltar para crear fácilmente un formulario de contacto en solo unos pocos clics. WPForms Lite es 100% gratuito y puede usarlo para crear un formulario de contacto simple (más de 3 millones de sitios lo usan).
Cuando esté listo para características más fuertes, puede actualizar a WPFFORMS PRO.
Ahora que decidimos el complemento del formulario de contacto, sigamos adelante e instálelos en su sitio.
Paso 2. Instale un complemento para el formulario de contacto en WordPress para este tutorial de formulario de contacto, utilizaremos WPFFORMS LITE porque es gratuito y fácil de usar. Puede instalar este complemento en su sitio conectando a la placa de WordPress y accediendo a complementos »Agregar nuevo. En el campo de búsqueda, escriba WPFFORMS y luego haga clic en el botón de instalación ahora.
Después de instalar el complemento, asegúrese de activarlo.
Si no ve el menú del complemento o desea instrucciones más detalladas, consulte nuestra guía del paso por paso sobre cómo instalar un complemento de WordPress.

Paso 3. Cree un formulario de contacto en WordPress ahora que ha activado WPFFORMS, está listo para crear un formulario de contacto en WordPress. En el tablero de WordPress, haga clic en el menú WPFFORMS y vaya a NEW ADD.

Esto abrirá el entrenador WPFFORMS de deslizamiento y fijación. Comience dando un nombre a su formulario de contacto y luego seleccione la plantilla de formulario de contacto. WPFORMS LITE viene solo con plantillas de formulación previa a la construcción, como en blanco, forma de contacto simple, etc. Puede usarlos para crear casi cualquier tipo de formulario de contacto que desee. En aras de este ejemplo, continuaremos y seleccionaremos el formulario de contacto simple. Se agregará el nombre de los nombres, el correo electrónico y el mensaje. Puede hacer clic en los campos para editarlos. También puede usar el mouse para deslizarse y colocar el orden del campo. Si desea agregar un nuevo campo, simplemente seleccione de los campos disponibles desde la barra lateral izquierda.
Cuando haya terminado, haga clic en el botón Guardar. Paso 4. Configuración de la notificación del formulario y las confirmaciones Ahora que ha creado su formulario de WordPress, es importante configurar correctamente la notificación del formulario 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. Podría 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 web de WordPress. Puede personalizarlos en ambos accediendo a la pestaña Configuración dentro del constructor de fórmulas WPFFORMS. Por lo general, dejamos la confirmación del formulario como un mensaje predeterminado de agradecimiento. Sin embargo, puede cambiarlo para redirigir a una página en particular si lo desea.


La mejor parte de WPFFORMS es que la configuración predeterminada es ideal para principiantes. Cuando accede a la configuración de notificación, todos los campos se llenarán dinámicamente. Las notificaciones se envían de forma predeterminada al correo electrónico de administración que ha configurado en su sitio.

Si desea enviarlo a una dirección de correo electrónico personalizada, puede cambiarla. Si desea enviar la notificación a varios correos electrónicos, separe cada dirección de correo electrónico a través de una coma. El tema del correo electrónico se completa con el nombre de su formulario. El campo en el nombre se completa automáticamente con su nombre de usuario. Cuando responda la pregunta, irá al correo electrónico que su usuario ha completado en el formulario de contacto . Tenemos una guía detallada sobre cómo configurar las notificaciones de formularios personalizados, para que pueda enviar formularios a varios destinatarios o departamentos diferentes.
Paso 5. Agregue el formulario de contacto de WordPress en una página ahora que ha terminado de configurar el 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 en la que desea agregar el formulario de contacto. Usaremos el bloque WPFFORMS para agregar el formulario en una página. Simplemente haga clic en el botón Agregar un nuevo bloque para buscar WPFFORM y luego haga clic en su página.

El bloque WPFFORM ahora aparecerá en la zona de contenido de su página, debe hacer clic en el menú desplegable para seleccionar el formulario que ha creado anteriormente.

WPFORMS cobrará la vista previa del formulario de contacto en el editor. Ahora puede guardar o publicar su página y visitar el sitio web para verlo en acción. Así es como se vería el formulario en un ejemplo de página de WordPress: si solo desea agregar el formulario de contacto en la página, entonces ha terminado aquí. Felicidades. WPFORMS también viene con un código corto del formulario de contacto de WordPress. Puede copiar el código corto del formulario de contacto visitando la página WPFORMS »todos los formularios y luego pegarlo en cualquier publicación o página de WordPress.
Si desea agregar un formulario de contacto en una barra lateral u otra área preparada para el widget, pase al paso 6. Paso 6. Agregue el formulario de contacto de WordPress a una barra lateral WPForms viene con un widget Formulario de contacto de WordPress que puede usar para agregar Su formulario de contacto a una barra lateral o, prácticamente, en cualquier otra área lista para su widget en su tema en el área de administración de WordPress, access »widgets. Verá un widget wpforms que puede atraer fácilmente cualquier área del tema preparado para widget.
Luego agregue el título del widget y seleccione el formulario que desea mostrar. Guarde su configuración y visite su sitio web para obtener una vista previa.