Nota
Esta información es específica del Editor 2.0, anteriormente conocido como All-Flex Editor. Para identificar la versión actual de tu editor, consulta Cómo identificar la versión del editor que emplea tu sitio .
El widget de Formularios Avanzados te permite crear formularios personalizados que generan tanto interacción como conversión, e integrar perfectamente con el diseño de tu sitio. Por ejemplo, puedes crear un formulario para recopilar información sobre posibles clientes, recoger opiniones de clientes u ofrecer la inscripción de cuentas y eventos. Incluso puedes separar formas largas o complejas en varios pasos para una experiencia más fluida y enfocada que ayude a aumentar las tasas de finalización.
A continuación se presentan algunos beneficios de usar el widget de Formularios avanzados:
-
Flexibilidad de diseño. agregar widget y columnas internas para personalizar realmente el diseño del formulario.
-
Mensajes personalizados. Escriba mensajes personalizados de éxito y error que se adapten a su negocio.
-
Configuración de envío. Defina quién recibe una copia de los envíos de formularios y configure dónde se redirige a los visitantes luego de enviar el formulario.
-
Seguimiento de envíos. Vea fácilmente las respuestas del formulario tanto en el editor como desde el panel del sitio.
Limitaciones
Aunque el widget Formularios avanzados está en pruebas, existen varias limitaciones:
-
Los campos y el botón de envío deben permanecer dentro del contenedor del formulario.
-
El botón Enviar no se puede eliminar ni duplicar.
Para obtener una descripción general rápida y una demostración del widget de Formularios avanzados, consulte el siguiente video:
Por defecto, el widget de Formulario Avanzado tiene una plantilla prediseñada que incluye mensajes de error y de éxito. Puedes personalizar el formulario para adaptarlo a las necesidades de tu negocio agregando campos de entrada, columnas internas widget e incluso páginas adicionales para formularios de varios pasos.
Para crear un formulario avanzado:
-
Busque Formulario avanzado, luego arrástrelo y suéltelo en el lienzo.
-
Agregar columnas internas y widget según sea necesario arrastrándolas desde el panel widget a tu formulario.
-
agregar campos de entrada al formulario arrastrándolos y soltándolos desde la sección de Formulario del panel de widget . Las opciones del campo de entrada son: texto corto, texto largo, casilla de verificación, botón de opción, campo de subscripción, desplegable, número de teléfono, fecha, hora, subida de archivo, número y email.
Ten en cuenta que la apariencia de los campos de entrada en tu sitio en directo puede diferir ligeramente de lo que ves en el editor, dependiendo del navegador que se use para ver el formulario.
-
Para configurar un campo de entrada, haga clic en el widget de campo para abrir la barra flotante y haga clic en Contenido. Según corresponda, configure el título del campo, el texto del marcador de posición, las opciones y si el campo es necesario para enviar el formulario. Repita el procedimiento para cada campo que agregó al formulario.
Puedes crear un formulario de varios pasos, con cada paso en una página separada.
Para agregar los pasos:
-
Haz clic en el widget de Formulario Avanzado para abrir el menú flotante y haz clic en Pasos.
-
Haz clic en agregar Step para cada paso que necesites. Arrastra y suelta los pasos en el orden deseado.
-
Haz clic en el icono de tres puntos junto al paso para renombrar, duplicar o eliminar el paso. Duplicar un paso preserva la disposición del paso original, ahorrándote tiempo al crear varios pasos.
La lógica condicional te permite establecer reglas que controlan cómo se comporta un formulario en función de lo que introduce el usuario. El formulario emplea la lógica if/then para adaptar a las respuestas anteriores del usuario haciendo que los campos aparezcan, desaparezcan o se vuelvan necesarios.
Para agregar lógica condicional:
-
Haz clic en el widget de Formulario Avanzado para abrir el menú flotante y haz clic en Configuración.
-
Haz clic en la pestaña Lógica en la ventana emergente Gestionar formulario .
-
Haz clic + agregar Regla.
-
Introduce el nombre de una regla. Esto solo es visible internamente y no se mostrará a los usuarios del sitio.
-
Usa el menú desplegable de IF para seleccionar el campo y la condición. Si es necesario, agregar el valor de la condición.
-
Emplea el menú desplegable THEN para seleccionar la acción que ocurre cuando se cumple la condición SI.
-
Haga clic en Guardar.
En la configuración de envío del formulario, puede agregar un nombre de formulario, configurar los emails enviados al propietario del sitio y al visitante del sitio que envió el formulario y, opcionalmente, redirigir a los visitantes del sitio a una página específica o sitio web externo luego de enviar el formulario.
Para configurar los ajustes de envío de formularios:
-
Haz clic en el widget de Formularios Avanzados para abrir la barra flotante y luego haz clic en Configuración.
-
En la pestaña de Configuración de la ventana emergente Gestionar formulario, amplía las distintas secciones y configura lo siguiente:
-
Nombre del formulario. Escriba un nombre para el formulario. Este nombre solo es visible internamente. Recomendamos dar a cada formulario un nombre diferente para que sea fácil distinguir entre los formularios al ver las respuestas del formulario.
-
Enviado desde. Escriba un nombre. De forma predeterminada, este campo muestra el nombre de tu compañía o el dominio del sitio.
-
Línea de asunto del email. Escriba una línea de asunto.
-
Notifique por email a. Ingrese una dirección de email en este campo. Si ingresa varios emails, sepárelos con un espacio o haga clic en la tecla Intro.
-
(Opcional) Marque la casilla de verificación Usar email de la biblioteca de contenido para que los envíos de formularios se envíen al email que aparece en la biblioteca de contenido.
-
-
(Opcional) Habilite la opción Respuesta automática al remitente del formulario si desea que los visitantes del sitio reciban una copia por email de sus respuestas. El email se envía tan pronto como el visitante del sitio envía el formulario. Si está habilitado, deberá configurar los campos Enviado de, Línea de asunto del email y Mensaje de email.
-
(Opcional) En la sección Luego de la configuración de envío, haga clic en Redirigir a una página luego del envío para seleccionar la página del sitio existente o la URL externa a la que se dirige a los visitantes del sitio luego del envío. Si está habilitado, omite el mensaje de éxito.
-
El Formulario Avanzado es único porque puede agregar columnas internas y widget, y luego diseñar cada elemento de forma independiente. Para los campos de entrada, puede modificar la alineación, el espaciado, el tamaño y la animación desde el panel de diseño.
De forma predeterminada, los estilos de tema se aplican a los elementos de formulario avanzados, pero se pueden anular mediante cualquier selección que realice en el panel de diseño para un elemento determinado.
Para obtener más información sobre las distintas opciones de diseño en el panel de diseño, consulte Diseño con Flex.
Puede ver las respuestas avanzadas del formulario en el editor o en el panel del sitio, sin embargo, las respuestas del formulario solo se pueden descargar desde el panel del sitio.
Editor
Para ver las respuestas de los formularios en el editor, haz clic en Más en el panel lateral y luego selecciona Configuración. Haz clic en la pestaña Gestionar respuestas al formulario .
Panel de control del sitio
Para ver las respuestas en el panel del sitio, vaya a la lista de sitios y, a continuación, haga clic en el icono del panel del sitio situado junto al sitio deseado. En la sección Descripción general del sitio, haga clic en Respuestas del formulario. Si necesita descargar respuestas de formulario, haga clic en Exportar a CSV.
El widget de Formularios Avanzados ofrece actualmente integraciones con Zapier, Google, MailChimp, HubSpot, Albato y ActiveCampaign. Estamos trabajando en agregar más integraciones en el futuro.
Para ver integraciones, haz clic en el widget de Formulario Avanzado para abrir el menú flotante y haz clic en Configuración. Haz clic en la pestaña Integración para ver las integraciones disponibles. Haz clic en la integración deseada y sigue las indicaciones en pantalla.
El widget Formulario avanzado ofrece una mayor flexibilidad de diseño y opciones de personalización, mientras que el widget Formulario de contacto ofrece un diseño más básico y menos opciones de personalización.
A continuación se muestra una comparación de características más grandes:
|
Función |
Formulario de contacto widget |
Formulario avanzado widget |
|---|---|---|
|
agregar y organizar widget |
No |
Sí Puede agregar cualquier elemento widget y flex en el contenedor de Formulario avanzado. |
|
Campos de widget únicos |
No |
Sí Cada campo del formulario avanzado es un widget independiente, que le permite diseñar cada campo individualmente. |
|
Mensajes personalizados de éxito y error |
No |
Sí Escriba y diseñe mensajes personalizados de éxito y error para envíos de formularios. |
|
Formulario de varios pasos |
No |
Sí |
|
Lógica condicional |
No |
Sí |
|
Integraciones |
Sí. Ver integraciones disponibles. |
Sí |
|
Campos de formulario disponibles |
Texto, menú desplegable, botón de opción, casillas de verificación, archivo adjunto, fecha, hora, texto largo, clic para enviar un email, número de teléfono, subscripción, número y texto libre. |
Botón de radio, email, texto corto, texto largo, subscripción, número, número de teléfono, casilla de verificación, fecha, subida de archivo, hora y desplegable están disponibles actualmente. |
Los formularios de varios pasos son una gran solución para formularios complejos con muchas preguntas. En lugar de presentar a los visitantes una larga lista de preguntas, cada paso del formulario puede contener una o varias preguntas relacionadas, haciendo que los formularios resulten más sencillos y ayudando a mejorar las tasas de envío de formularios de leads, cuestionarios y solicitudes complejas.
Para crear un formulario de varios pasos, haz clic en el widget de Formularios Avanzados para abrir el menú flotante y haz clic en Pasos (Steps). Haz clic en agregar Step para cada paso que necesites agregar. Ten en cuenta que un botón de 'retroceder' se agrega por defecto si tienes más de 2 pasos.
Haz clic en el icono de tres puntos junto al paso para renombrar, duplicar o eliminar el paso. Duplicar el paso preserva el diseño de la página original, ahorrándote tiempo al crear varias páginas.
Para editar mensajes de formulario:
-
Haz clic en el widget de Formulario Avanzado para abrir la barra flotante y luego haz clic en Pasos.
-
Haz clic en Éxito o Error. En el lienzo, el widget ahora muestra el texto predeterminado del mensaje de éxito o error en lugar de los pasos o campos del formulario.
-
Haga clic en el widget de texto que contiene el mensaje de error o de éxito y edite el texto y el diseño como desee. También puede agregar columnas widget o internas adicionales en esta vista.
Para enviar a los visitantes del sitio una copia de sus respuestas al formulario:
-
Haz clic en el widget de formulario avanzado para abrir la barra flotante y luego haz clic en Configuración.
-
Amplía la notificación por email a la sección de visitantes del sitio .
-
Habilite el interruptor junto a Respuesta automática al remitente del formulario. Deberá configurar los campos Enviado de, Línea de asunto del email y Mensaje de email.
Sí. Para recibir un email cuando se envía el formulario, debe agregar la dirección de email del destinatario deseado en el panel de contenido del formulario.
Para enviar un email cuando un visitante envía un formulario:
-
Haz clic en el widget de formulario avanzado para abrir la barra flotante y luego haz clic en Configuración.
-
En la pestaña de Configuración de Envío, desplázate hacia abajo y amplía la sección Notificaciones por email hasta la sección Propietario del sitio .
-
Ingresa un email en el campo Notificar por email a: . Si ingresa varios emails, sepárelos con un espacio o haga clic en la tecla Intro. O bien, marque la casilla Usar email de la biblioteca de contenido para que los envíos de formularios se envíen al email que aparece en la biblioteca de contenido.
Para ocultar el título de un campo:
-
Haga clic en el campo deseado para abrir la barra flotante y, a continuación, haga clic en Contenido.
-
Haga clic en el icono del ojo junto al título del campo. El ojo se tachará cuando se oculte el título del campo.