Guía definitiva del formulario de contacto de Elementor

Todos los propietarios de sitios web desean establecer relaciones buenas y duraderas con sus clientes actuales y potenciales. Ahí es donde entra en juego el formulario de contacto. Se recomienda encarecidamente agregar formularios de contacto a su sitio porque ayuda a sus prospectos a comunicarse con usted y lo ayuda a recopilar datos sobre los visitantes de su sitio.

Sin duda, los usuarios de WordPress tienen acceso a toneladas de complementos de formularios de contacto y numerosas funciones. Esto hace que la creación de formularios sea fácil y sin inconvenientes para los usuarios. ¿Qué sucede si también puede crear formularios utilizando el widget Formulario de contacto de Elementor?

Cómo crear formularios de contacto usando Elementor

El widget de formulario de contacto de Elementor le permite personalizar y agregar cualquier tipo de formulario de contacto a su sitio en cuestión de minutos. Viene con todas las funciones y campos necesarios para permitir una interacción perfecta con su sitio. Cabe señalar que los formularios de contacto son una característica de la versión Pro de Elementor.

Eso significa que debe actualizar a Elementor Pro para crear formularios. Ahora que hemos establecido este hecho, veamos los sencillos pasos para crear su formulario de contacto utilizando Elementor.

Guía paso a paso para usar Elementor para crear un formulario de contacto

Puede agregar formularios de contacto a su sitio a través de dos métodos. Existe el método de pago, que requiere la instalación de los widgets Elementor y Elementor Pro. También existe el método gratuito, que requiere la instalación de un complemento de terceros. Nos centraremos en Elementor Pro en esta guía.

Paso uno: busque el widget de formulario de contacto de Elementor entre la gran cantidad de widgets disponibles en su página de Elementor. Haga clic para abrir la página en la que desea incluir el formulario de contacto.

Con la opción de arrastrar y soltar, puede agregar fácilmente widgets en una página en Elementor, pero esta publicación analiza el proceso integral de creación de un formulario de contacto con el widget de formulario de contacto en Elementor Pro.

Paso dos: el formulario de contacto de Elementor viene con campos rellenados previamente para áreas básicas, como nombre, correo electrónico y mensaje. El siguiente paso es personalizar el formulario predeterminado para que se ajuste a lo que desea. Para hacer esto, navegue a la sección Contenido en la configuración del formulario y agregue "Campo de formulario".

Para el Nombre del formulario, asígnele un título. A continuación, haga clic en los campos del formulario. Aquí, puede agregar tantos campos como desee. Puede duplicar y eliminar a medida que crea los campos.

Encontrará un montón de opciones de campo que puede usar, que incluyen Texto, Correo electrónico, URL, Casilla de verificación, Área de texto, Teléfono, Seleccionar, Radio, Aceptación, Número, HTML, Oculto, Contraseña, Honeypot, reCAPTCHA y reCAPTCHA V3, entre otros. .

Puede jugar con las funciones para ver qué funciona y qué puede agregar a su formulario de contacto. La pestaña Avanzado le permite explorar más opciones para personalizar su formulario. Echa un vistazo a esto también para ver si te gustarán las características que le son inherentes.

Paso tres: personalice y diseñe su botón Enviar en función de lo que desee. Tiene diferentes campos que puede ajustar y personalizar a su gusto, incluidos Tamaño, Ancho de columna, Texto del botón, ID del botón, Icono y Alineación. Explore estas características para agregar un poco de estilo y atractivo a su formulario de contacto.

Paso cuatro: configure el menú "Acciones después del envío" Por lo general, cuando un usuario envía un formulario en su sitio, querrá que los visitantes de su sitio tengan algún tipo de comentario o respuesta para mostrar que el formulario ha sido enviado. Esto no es automático. Debe configurar la sección "Acciones después del envío" para obtener lo que necesita.

Haga clic en la sección "Acciones después de enviar" en su formulario y haga clic en el campo "Agregar acción". Verás diferentes opciones, como Email Webhook, Discord, Popup, ActiveCampaign, GetResponse y Slack, entre otras. Seleccione cualquiera de las opciones para agregar acciones después del envío.

Por ejemplo, si elige la acción Correo electrónico, el formulario de contacto agregará una pestaña para Correo electrónico. Puede configurar un correo electrónico para enviarlo a un usuario que le ha enviado un correo electrónico a través de su formulario de contacto. Complete las opciones y establezca las condiciones para personalizar la acción del formulario.

Cabe señalar que Elementor ofrece numerosas opciones de acciones que puedes explorar. Por otra parte, puede considerar otros servicios de terceros para hacerlo más fluido. Algunos de los servicios de terceros que puede explorar incluyen Hubspot, Mailchimp, Drip, Convertkit y Slack, entre otros. Todas estas son integraciones integradas en Elementor, lo que las hace fáciles de acceder y usar.

Paso cinco: este paso le permite personalizar su mensaje para los usuarios cuando sucede algo cuando completan un formulario. Por ejemplo, cuando envían correctamente un formulario o hay un error, deberían recibir un mensaje.

Para configurar esto, haga clic en "Opciones adicionales" y elija Sí o No para "Mensajes personalizados". Edite los cuatro mensajes predeterminados según lo que desee que vean sus usuarios. Estos mensajes son Mensaje de éxito, Mensaje de error, Mensaje requerido y Mensaje no válido.

Sexto paso: Diseñe y personalice su formulario de contacto de Elementor para que se vea único y no aburrido. Elementor ofrece opciones de estilo personalizadas que puede usar. Para hacer esto, haga clic en la pestaña "Estilo" y revise las opciones y configuraciones disponibles. Puede usar cualquiera de estos para cambiar el estilo completo del formulario de contacto.

Paso 7: ha configurado con éxito su formulario de contacto de Elementor y la siguiente y última etapa es publicarlo. Para ello, haga clic en el botón “Actualizar” ubicado en la parte inferior del formulario.

Esto publicará su formulario y hará que la página se active y sea accesible para los visitantes de su sitio. Puede comenzar a recopilar datos y clientes potenciales de los suscriptores de su sitio web.

Conclusión

El tipo de formulario de contacto que desea diseñar determinará las características que utilizará en Elementor. Sin embargo, esta publicación ha proporcionado los conceptos básicos sobre cómo crear un formulario con esta herramienta. Como se mencionó, solo puede acceder a la función Formulario de contacto en la versión Pro de Elementor. Cuesta alrededor de $ 49 comprar una versión pro de la herramienta. Las funciones disponibles valen cada centavo que pagas por ellas.