Revisión y tutorial de formularios Elementor Builder (2021)

No es ningún secreto que nos gusta la primaria aquí en Wplift. De hecho, usamos Elementary para alimentar todo, desde nuestra página inicial hasta nuestros formularios de contacto. Esta última característica es lo que concentraré en esta publicación: el generador de formulación elemental. ¿Sabía que con Elementor Pro, probablemente no necesite un complemento de tercera parte? El widget de formulación de Elementor Pro le permite configurar formas flexibles (con integración) directamente desde la interfaz elemental. En nuestra revisión/tutorial híbrido para el generador de formulación elemental, presentaremos todo lo que ofrece este widget y le mostraremos cómo usarlo.
Características Elementor forma constructor antes de pasar prácticamente con el generador de formulación elemental, pasamos rápidamente algunas de sus características clave. En primer lugar, una de las características más definitorias es que está integrada en la interfaz elemental, lo que también significa que tiene acceso a muchas, muchas opciones de diseño/estilo. No creo que encuentre ningún complemento independiente con un sistema de diseño igualmente robusto. A partir de ahí, puede agregar más de 18 campos diferentes:
Texto
Correo electrónico
Área de texto
Url
Número de teléfono
Botones de radio
Seleccione la lista (menú hacia abajo)
Listas de cuadros de selección
Cuadro de selección única (aceptación)
Número
Fecha
Tiempo
Archivo cargado
Clave
Html
Oculto
recaptcha
Honeypot (previene el spam)
También puede dividir los formularios en varias páginas para crear formularios en varios pasos, lo cual es excelente para formas largas.
Para ayudarlo a utilizar sus formularios de manera útil, Elementor Pro tiene más de 12 integraciones con servicios de marketing de correo electrónico populares y CRM. Si su herramienta no está cubierta, también hay una integración de nieve cautivadora que le permite conectarse a cualquiera de las miles de herramientas en el muñeco de nieve. Hay otras opciones interesantes. Por ejemplo, puede recibir notificaciones por Slack o Discord cuando alguien completa su formulario. Hablando de notificaciones, también puede personalizar las notificaciones de correo electrónico que recibe tanto usted como los que envían los formularios. También puede redirigir a las personas a una página de gratitud personalizada después de enviar el formulario. El artículo continúa a continuación

Finalmente, El Elementor Forms Builder incluye algunas herramientas útiles para proteger sus formularios de spam. Puede agregar campos de honeypot invisibles para atrapar robots. Y si desea más protección, puede agregar recaptcha. Pasemos a practicar y le mostraré cómo funciona … cómo usar el constructor de formularios Elementor en esta sección, le mostraré cómo puede configurar el widget de formularios elementales. Asumiré que ya ha creado la página donde desea agregar el formulario y abrió el editor elemental, pero le mostraré todos los otros pasos.
1. Agregue el widget de formulario para comenzar, dibuje los formularios de widget elementales a la ubicación donde desea aparecer. Por defecto, creará un formulario de contacto simple de tres campos:
2. Personalice los campos y los botones del formulario luego, use el formulario de campo desde la configuración del widget para controlar qué campos aparecen en su formulario. Si extiende la configuración de un campo, recibirá opciones para personalizar el tipo de campo, la etiqueta, si es obligatoria y muchos más. También puede usar esta área para configurar formularios con varias columnas. Por ejemplo, si establece el ancho de la columna “Nombre” en 50% y el ancho del “nombre” de la columna en 50%, puede tenerlos en la misma línea:

Para una forma de solo paso, todo lo que tiene que hacer es organizar los campos en el orden que desea aparecer. Sin embargo, si tiene una forma larga, es posible que desee dividirlo en varios pasos. Para hacer esto, puede agregar un campo de paso en el que desea dividir el formulario en varias partes. Los campos sobre el campo Paso aparecerán en la primera página, mientras que los campos a continuación aparecerán en la segunda página. También puede agregar más campos de pasos para dividir su forma y más páginas:
A continuación, también puede usar la configuración de los botones para personalizar el botón Enviar. Para un formulario de múltiples pasos, también puede usar el área de pasaje de Settare para configurar la forma en que funciona el comportamiento en varios pasos.

3. Personalice el diseño de su formulario, puede usar las opciones de estilo elemental habitual para controlar el diseño del formulario. Como con cualquier otro widget elemental, obtendrá muchas opciones para crear un diseño de píxel perfecto. También puede usar la pestaña avanzada para configurar funciones como efectos de movimiento y posición personalizada: el elemento continúa a continuación

4. Configure las acciones después de enviar ahora, ingresamos una de las partes más flexibles del constructor de formularios elementales: la configuración de acciones después de enviar la pestaña de contenido. Esto es lo que le permite controlar lo que sucede después de que un usuario envía su formulario, podrá:

Configure una o más notificaciones por correo electrónico.

Configure la integración con servicios de marketing de correo electrónico/CRMS.


Inicie sesión en el muñeco de nieve.
Configure redireccionamientos personalizados después de que un usuario envíe el formulario.
Envíe notificaciones a Slack o Discord.
Abra una ventana emergente (que puede diseñar con el generador emergente Elementor Pro).
Para comenzar, haga clic en el cuadro de acción después de enviar para expandir la lista de acciones:
Luego seleccione la acción que desea agregar. Una vez que agregue la acción, obtendrá un nuevo área de configuración donde puede configurar la acción. Por ejemplo, aquí puede ver que he agregado cinco acciones y esto me da cinco nuevas áreas de configuración debajo:
Cada tipo de acción tendrá diferentes configuraciones. Por ejemplo, al personalizar una acción de correo electrónico, puede configurar el texto de correo electrónico, desde el correo electrónico, la información del campo para incluir, etc.
Por otro lado, si agrega una acción de MailChimp, puede elegir en qué lista de MorraChimp agregar a las personas. O, para una acción de redirección, puede elegir en qué URL redirige a los usuarios. Después de que todas las acciones se hayan configurado, ¡ha terminado! Publique la página y comience a disfrutar del nuevo formulario. Lo mejor, podría configurar todo sin tener que dejar la interfaz elemental. PRECIOS Formas elementales Los formularios elementales son parte del elemento de arado básico Pro. Lo obtiene sin costos adicionales y también tiene acceso a todas las demás funciones útiles Elementor Pro.

El artículo continúa a continuación

Elementor Pro tiene tres planes de licencia:

1 sitio – $ 49
3 sitios- $ 99

1,000 sitios (esencialmente ilimitado)-$ 199

Para obtener más información sobre todo lo que ofrece Elementor Pro, consulte nuestra revisión completamente elemental.
Nuestro veredicto en general, creo que Elementor Form Builder es una excelente herramienta por varias razones:
Puede hacer todo lo que la mayoría de la gente necesita, especialmente si lo asocia con la integración de Zapier.
Si ya está utilizando/interesado en usar Elementor, elimina la necesidad de comprar y/o instalar un formulario separado del formulario. Esto le ahorra dinero y lo ayuda a simplificar su instalación/evitación de problemas de compatibilidad.
Puede crear sus formularios sin dejar la interfaz elemental, lo cual es muy conveniente.