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.
-
Lógica condicional. Permite que el formulario se adapte y muestre/oculte ciertos campos basar en las respuestas previas del usuario.
-
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
A continuación se presentan las limitaciones actuales:
-
Tanto los campos de entrada como el botón de enviar 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:
Al crear un formulario avanzado, puedes personalizar el diseño con columnas internas y widget, y luego personalizar la funcionalidad con campos de entrada, pasos y lógica condicional.
Para crear un formulario avanzado:
-
Busca Formularios Avanzados y luego arrástralo y suelta en el lienzo.
-
Arrastra y suelta las columnas interiores y widget desde el panel de Elementos según necesites para conseguir el diseño que deseas.
-
Arrastra y suelta los campos de entrada en tu formulario desde la sección de Formulario del panel de Elementos.
Campos de entrada disponibles: 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.
-
Haz clic en un campo de entrada para abrir la barra flotante y luego 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.
-
(Opcional) pasos de agregar a tu formulario siguiendo las instrucciones de los pasos de agregar a una sección avanzada de formulario. Ten en cuenta que cada paso se coloca en una nueva página dentro del formulario.
-
(Opcional) agregar lógica condicional a tu formulario siguiendo las instrucciones en la sección de agregar lógica condicional a una forma avanzada .
-
Configura la configuración de envíos de formularios siguiendo las instrucciones de la sección Configurar envío para una sección avanzada de formularios .
Puedes crear un formulario de varios pasos donde cada paso aparezca en una página separada.
Para agregar los pasos:
-
Haz clic en el widget de Formularios Avanzados para abrir el menú flotante y luego 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 saber más sobre cuándo la lógica condicional puede ser útil, consulte Casos de uso de la lógica condicional.
Notas importantes:
-
Si eliminas un campo que forma parte de una regla de lógica condicional, la lógica se romperá y el formulario no funcionará correctamente. También aparece un mensaje de error "Problema lógico" junto a la regla.
-
No se pueden duplicar campos o pasos de formulario que usan lógica condicional.
Para agregar lógica condicional:
-
Haz clic en el widget de Formularios Avanzados para abrir el menú flotante y luego haz clic en Configuración.
-
Haz clic en la pestaña Lógica en el cuadro de diálogo Gestionar formulario .
-
Haz clic + agregar Regla.
-
Introduce el nombre de una regla. Esto solo es visible internamente y no se muestra a los usuarios del sitio.
-
Para la parte IF de la regla, emplea los menús desplegables para seleccionar un campo del formulario, cómo se define la condición* y, si corresponde, cuál debe ser el valor necesario para que se cumpla la condición y activar la parte THEN de la regla.
*Dependiendo del tipo de campo seleccionado, las condiciones disponibles incluyen: es igual a, no es igual a, es vacío, no está vacío, contiene, no contiene, empieza con, no empieza con, termina con y no termina con.
-
Para la parte THEN de la regla, emplea los menús desplegables para seleccionar la acción* que ocurre cuando se cumple la condición IF y a qué campo de formulario se aplica la acción.
*Las acciones disponibles incluyen: mostrar, ocultar, hacer opcional o hacer obligatorio.
-
Haga clic en Guardar.
La lógica condicional es un tool poderoso que permite adaptar campos de formulario en tiempo real basar en las respuestas previas del usuario. A continuación se presentan casos de uso para diversas industrias.
Captación de leads inmobiliarios
Una compañía inmobiliaria emplea un formulario avanzado para captar clientes potenciales. Para cerciorar que los agentes reciban clientes potenciales cualificados, se puede agregar la siguiente lógica condicional al formulario:
-
Si tienes seleccionado "comprar", muestra campos que preguntan por cotización y zona preferida.
-
Si está seleccionado "vender", muestra los campos que preguntan por el tipo de propiedad y el valor estimado.
-
Si tienes seleccionado "alquilar", muestra los campos que preguntan por las fechas de mudanza.
Servicios para mascotas
Un negocio que ofrece servicios para mascotas (como peluquería, veterinaria o adiestramiento) permite a los clientes reservar citas mediante un formulario avanzado. Para ofrecer una experiencia más personalizada al cliente, se puede aplicar la siguiente lógica condicional al formulario:
-
Si se selecciona "perro" como tipo de mascota, muestra campos que preguntan por edad y género.
-
Si se selecciona "gato" como tipo de mascota, muestra campos que pregunten sobre el estado interior o exterior del gato.
-
Si aplicar una cita para peluquero, muestra campos que pregunten por el tipo de pelaje de la mascota.
-
Si aplicar una cita de entrenamiento, muestra campos que pregunten sobre preocupaciones de comportamiento.
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 la configuración de envíos:
-
Haz clic en el widget de Formularios Avanzados para abrir la barra flotante y luego haz clic en Configuración.
-
En la pestaña Configuración del cuadro de diálogo Gestionar formulario , amplíe 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. Escribe un nombre. Por defecto, este campo muestra el nombre de tu negocio o el dominio del sitio.
-
Asunto del email. Introduce un 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 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.
-
Puedes ver las presentaciones de formularios en el editor o en el panel de control del proyecto, sin embargo, las respuestas solo se pueden descargar desde el panel de control del proyecto.
Editor
Para ver las envíos de 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 proyecto
Para ver las respuestas en el panel de control del proyecto, navega a la lista de tu sitio y luego haz clic en el icono del panel de control junto al sitio deseado. En la sección Resumen del Proyecto , haz clic en Respuestas del Formulario. Si necesitas descargar respuestas formularios, haz clic en Exportar a CSV.
El widget de Formularios Avanzados ofrece actualmente integraciones con Zapier, Google, MailChimp, HubSpot, Albato y ActiveCampaign.
Para ver las integraciones disponibles, haz clic en el widget de Formularios Avanzados para abrir el menú flotante y luego 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.
Nota
Los usuarios deben tener licencia gratis de gestión de aplicaciones para agregar integraciones. Si un usuario no tiene la licencia, la sección de Integración quedará vacía.
El widget de Formularios Avanzados ofrece mayor flexibilidad de diseño y opciones de personalización, mientras que el widget de 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 |
Formas avanzadas 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. |
Para editar mensajes de formulario:
-
Haz clic en el widget de Formularios Avanzados 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 Formularios Avanzados 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 .
-
Activa el interruptor junto a Respuesta automática para formular submitter. Luego, configura los campos Enviado des, Asunto del correo 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 Formularios Avanzados 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:
-
Haz clic en el campo de entrada deseado para abrir la barra flotante y luego haz clic en Contenido.
-
Haz clic en el icono de ojo junto al título del campo de entrada. El ojo se tacha cuando el título del campo queda oculto.