Nota
Esta información es específica del Editor 2.0, anteriormente conocido como Editor All-Flex. Para identificar su versión actual del editor, consulte Cómo identificar la versión del editor que emplea su 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 interiores para personalizar realmente el diseño de la forma.
-
Mensajes personalizados. Escribe mensajes personalizados de éxito y error adaptados a tu negocio.
-
Configuración de envíos. Define quién recibe una copia de los formularios enviados y configura hacia dónde se redirige a los visitantes tras la entrega del formulario.
-
Seguimiento de sumisiones. Puedes ver fácilmente las respuestas de los formularios tanto en el editor como desde el panel de control 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.
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.
-
(Opcional) Si estás creando un formulario de varios pasos, haz clic en el widget para abrir el menú flotante y haz clic en Gestionar formulario. Haz clic en la pestaña de Contenido y luego haz clic en agregar página. Haz clic en el icono de tres puntos junto a la página para renombrar, duplicar o eliminar la página. Duplicar la página preserva el diseño de la página original, ahorrándote tiempo al crear varias páginas.
-
agregar columnas interiores y widget según sea necesario arrastrándolos desde el panel de widget a tu forma.
-
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, haz clic en el widget de campo para abrir la barra flotante y haz clic en Contenido. Cuando corresponda, configura el título del campo, el texto del marcador de posición, las opciones y si el campo es necesario para enviar el formulario. Repite para cada campo que agregaste al formulario.
-
Haz clic en el widget Enviar para abrir la barra flotante. Haz clic en el botón Gestionar e introduce el texto que quieres mostrar en el botón.
-
Haga clic en el widget Formulario avanzado para abrir la barra flotante y haga clic en Gestionar formulario. En la pestaña Gestionar pasos del menú contextual, puede acceder a las pantallas de mensajes de éxito y error haciendo clic en Correcto o Error. Configure estas pantallas actualizando el texto predeterminado y agregue columnas internas y widget como desee.
En la configuración de envío del formulario se agrega un nombre del formulario, se configuran los emails enviados al propietario del sitio y al visitante que lo enviaron, y opcionalmente se redirigen los visitantes a una página específica o sitio web externo tras enviar el formulario.
Para configurar los ajustes de envío de formularios:
-
Haga clic en el widget Formularios avanzados para abrir la barra flotante y, a continuación, haga clic en Gestionar formulario para abrir el menú contextual.
-
En la pestaña de Configuración del menú contextual, configura lo siguiente:
-
Nombre del formulario. Escribe 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 ellos al ver respuestas de 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) Marca la casilla de Usar email de biblioteca de contenidos para que los envíos de formularios se envíen al email que aparece en la biblioteca de contenidos.
-
-
(Opcional) Activa el interruptor de respuesta automática al remitente del formulario si quieres que los visitantes del sitio reciban una copia por email de sus respuestas. El email se envía tan pronto como el visitante envía el formulario. Si está activado, tendrás que configurar los campos de Enviado desde, Asunto de email y Mensaje de email.
-
(Opcional) En la sección de Configuración posterior a la entrega, haz clic en Redirigir a una página luego de la entrega para seleccionar la página existente del sitio o la URL externa a la que se dirige los visitantes tras enviarla. Si está activado, se 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 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 presenta una comparación de características mayores:
|
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 |
Próximamente Advanced Forms admitirá lógica condicional tanto para pasos como para campos. |
|
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 Gestionar formulario. Haz clic en la pestaña de Contenido y luego haz clic en agregar página. Ten en cuenta que un botón de 'atrás' se agrega por defecto si tienes más de 2 páginas.
Haz clic en el icono de tres puntos junto a la página para renombrar, duplicar o eliminar la página. Duplicar la página preserva el diseño de la página original, ahorrándote tiempo al crear varias páginas.
Para editar los mensajes de formulario:
-
Haga clic en el widget Formulario avanzado para abrir la barra flotante y, a continuación, haga clic en Gestionar formulario.
-
Haga clic en la pestaña Contenido y, a continuación, haga clic en Correcto o Error. En el lienzo, el widget ahora muestra el texto predeterminado para el 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.
Sí, puede habilitar esta configuración en la pestaña Configuración de envío en el menú contextual del widget Formulario avanzado.
Para enviar a los visitantes del sitio una copia de sus respuestas al formulario:
-
Haga clic en el widget Formulario avanzado para abrir la barra flotante y, a continuación, haga clic en Gestionar formulario.
-
En la pestaña Configuración de envío, desplazar hacia abajo y expanda la sección Configuración de email .
-
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, necesitas agregar la dirección de email del destinatario deseado en el panel de contenido del formulario.
Para enviar un email cuando un visitante envíe un formulario:
-
Haga clic en el widget Formulario avanzado para abrir la barra flotante y, a continuación, haga clic en Gestionar formulario.
-
En la pestaña Configuración de envío, desplazar hacia abajo y expanda la sección Configuración de email .
-
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.