Cómo crear un formulario de contacto elemental gratuito (modo fácil)

¿Le gustaría crear un formulario de contacto elemental gratuito? Un formulario de contacto permitirá que los visitantes se comuniquen con usted, incluso si no conozco su dirección de correo electrónico. En este tutorial, le mostraremos la mejor manera de agregar un formulario de contacto en su página Elementor. ¡Esta opción funciona excelente con todas las versiones elementales y es completamente “sin código”! Cree su formulario de contacto elemental ahora ¿Cómo puedo configurar un formulario de contacto elemental? La forma más fácil de configurar un formulario de contacto elemental es con el complemento WPFFORMS. WPFORMS es el mejor constructor de formularios de WordPress. Es perfecto para sitios web de elementos, porque se integra incluso con el generador de páginas Elementor.
Esto significa que puede crear una página elemental “Contáctenos” con unos pocos clics.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!

Para agregar un formulario de contacto con Elementor, puede usar el complemento gratuito WPFORMS o pasar a la versión pagada para obtener muchas funciones. La versión Pro del complemento WPFFORMS Form Builder le permite:
Instale suplementos de pago para Stripe y PayPal
Use la lógica condicional para crear cambios dinámicos
Hacer formularios en varios pasos
Crear páginas de destino para el formulario que no lo distrae
Configurar múltiples correos electrónicos de notificación de formulario
Recibir notificaciones de SMS enviando el formulario de contacto
Cree formularios de MailChimp para que los suscriptores se envíen por correo electrónico
Enviar entradas de formulario a un CRM
Apague el spam del formulario de contacto de tokens de forma secreta, nuestra maravillosa función anti-spam
¡Y otra!
Si desea saber exactamente lo que obtendrá en cada versión, puede descubrir las diferencias entre WPForms Lite y Pro. Cómo crear un formulario de contacto gratuito elemental Este tutorial le mostrará cómo crear un formulario elemental usando WPFFORMS LITE o PRO. Aquí están los pasos por los que pasaremos:
Instale el complemento WPForms
Crea tu formulario de contacto elemental
Configurar notificaciones formulador de elementor
Configurar mensajes de confirmación de elementos o formularios
Crea tu artículo o comuníquese con nuestra página
Publique su elemento de página contáctenos
Establezcamos primero el complemento.
Paso 1: Instale el complemento WPFFORMS Lo primero que desea hacer es instalar el complemento WPFORMS. Si necesita ayuda a este respecto, consulte este tutorial fácil sobre cómo instalar un complemento de WordPress. Ahora que se instala WPFFORMS, asegúrese de hacer clic en el botón de activación. Si usa WPFForms Lite, puede hacer clic en la página Plagini del complemento para comenzar.
Y si el creador de páginas de Elementor ya está instalado, está listo para crear el primer formulario de contacto (¡en menos de 5 minutos!). Paso 2: Cree su formulario de contacto elemental El formulario de contacto simple contiene todos los campos que necesita para recibir mensajes de su sitio web. Si lo desea, puede agregar características adicionales, como soltar menús y cajas de selección, en el generador de formulación fácil de usar.

Primero, en la pantalla de configuración de WPFFORMS, escriba un nombre en su formulario en la parte superior.
Desplácese un poco hacia abajo y verá las plantillas de formulario. Si tiene WPForms Lite, tendrá algunas plantillas para elegir comenzar. ¡Cambie a la versión Pro si desea agregar más de 100 plantillas de formulario adicionales a su sitio! Por ahora, usemos la plantilla del formulario de contacto simple. Haga clic para abrirlo en su navegador que haya elegido una plantilla, se abrirá el generador WPFFORMS. La interfaz de usuario WPFFORMS está diseñada para ser muy fácil de usar por cualquier persona. A la izquierda, puede ver todos los campos disponibles que se agregarán a su formulario de contacto. A la derecha, puede ver una vista previa en vivo de su formulario.

Si desea personalizar la plantilla, tire de cualquier forma del formulario desde el panel izquierdo en la forma derecha. Puede agregar listas de soltar, más opciones y más. También puede tirar de los campos hacia arriba y hacia abajo para moverlos en su formulario si desea abrir la configuración del campo, haga clic en el campo una vez en el constructor. Cuando mira el panel izquierdo, verá la configuración junto a la vista previa del formulario.

Continúe y haga clic en cada campo para configurarlo como desee. Cuando haya terminado, haga clic en Guardar en la parte superior.

Paso 3: Configure el formulario de elemento de notificaciones ahora para verificar los mensajes que se enviarán al formulario. En el generador de formulación, haga clic en Configuración, luego haga clic en el elemento en el menú Notificaciones de la izquierda. A la derecha, puede ver el correo electrónico de notificación que se le enviará para enviar el formulario. Puede personalizar su correo electrónico aquí si lo desea.

¿Notó que el correo electrónico se enviará a {admin_email}? Este es un sustituto de la dirección de correo electrónico del administrador de WordPress. Puede eliminar {admin_email} e ingresar la dirección de correo electrónico de su empresa aquí o puede cambiar el correo electrónico del administrador en WordPress si está mal. En esta pantalla, podemos personalizar el mensaje que aparece en el front-end al enviar el formulario. Esto es opcional, por lo que solo puede dejar el mensaje predeterminado si está satisfecho con él.
¡Y eso es! Es hora de hacer clic en el botón Guardar en la parte superior. Puede cerrar el generador de formulación haciendo clic en X en la parte superior derecha de la ventana del generador de formulación. ¡Buen trabajo! Su forma elemental está lista y solo necesitamos un lugar para ponerlo. Paso 5: Cree su página de Elementor o contáctenos en este paso, construiremos una página personalizada contáctenos para su sitio de elementos.


Desde el tablero de WordPress, haga clic en páginas y haga clic en el botón Agregar nuevo.
Continúe e ingrese el título en la parte superior.

Ahora pasemos al elemento. Haga clic en la edición del botón azul con Elementor en la parte superior de la pantalla.
Espere unos segundos para que el elemento se cargue en su navegador izquierdo, verá diferentes elementos que puede agregar a su página en la sección base, verá un icono llamado WPFFORMS. Continúe y tírelo en su página, luego haga clic en el menú desplegable para seleccionar el formulario que acaba de crear.

¡Buen trabajo! Y terminamos de usar el formulario. Todo lo que tenemos que hacer ahora es publicar la página de contacto. Paso 6: Publique su página de Elementor o contáctenos ¿Pregunta cómo agregar un formulario de contacto elemental? Es simple: puede publicar su página de contacto exactamente de la misma manera que publica las páginas habituales en el elemento. Todo lo que tiene que hacer es hacer clic en el botón de publicación verde en la parte inferior. Finalmente, haga clic en una mirada para ver su formulario de contacto en su sitio web.

¡Y eso es! Su página de primaria para contactarnos está en vivo y está lista para recibir respuestas.

Personalice sus formularios de contacto elementales para que ahora, cuando sepa todo sobre el maravilloso widget wpfforms, puede verificar algunas de las otras cosas que el complemento puede hacer para ayudar a su sitio si desea personalizar el formulario, WPFFORMS le permite cambiar fácilmente el Color del texto, tipografía y fondo utilizando CSS. Si desea más información, consulte estos elementos sobre el diseño y el estilo del formulario de contacto:

Cómo crear modelos personalizados de WordPress en Elementor

Cómo crear una excelente página de contacto

Cómo personalizar el botón Enviar en WPForms

¡Y eso es! Ahora sabe cómo crear los formularios de contacto elementales de una manera simple. Luego explore las características en WPFFORMS PRO para averiguar cómo crear formularios avanzados como:
Formas de pago con Stripe de integración
Formularios de carga de archivos
Contratos en línea con campos de firma digital.
Cree su formulario de contacto elemental Ahora corrige los correos electrónicos de notificación del formulario de contacto elemental ¿Tiene problemas para recibir los formularios de contacto elementales por correo electrónico? Es fácil solucionar este problema para que siempre reciba sus notificaciones por correo electrónico. Consulte esta guía para solucionar los formularios de contacto elementales que no enviaron correos electrónicos. ¡No lo olvide! Ahora ha creado un formulario elemental, también querrá crear un formulario que se conecte a su servicio de marketing por correo electrónico favorito. Puede hacer esto fácilmente en WPForms Pro, que viene con suplementos para: Drop
Mailchimp
Contacto constante
Asombro
Y otra.
¿Estás listo para construir tu formulario? Comience hoy con el complemento más simple para el formulario de contacto de WordPress. WPForms Pro incluye toneladas de suplementos premium y ofrece una garantía de devolución de dinero de 14 días. Si este artículo le ha ayudado, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.