Nota
Esta información es específica del Editor 2.0, anteriormente conocido como All-Flex Editor. Para identificar la versión actual de su editor consulteCómo identificar la versión del editor que usa tu sitio .
El widget de formularios avanzados te permite crear formularios personalizados que impulsen tanto la participación como la conversión, y se integran perfectamente con el diseño de tu sitio. Por ejemplo, puedes crear un formulario para recopilar información sobre clientes potenciales, recopilar comentarios de los clientes u ofrecer el registro de cuentas y eventos. Incluso puedes dividir los formularios largos o complejos en varios pasos para obtener una experiencia de formulario más fluida y enfocada que ayude a aumentar las tasas de finalización.
Las siguientes son algunas de las ventajas de usar el widget Formularios avanzados:
-
Flexibilidad de diseño. Agregue widgets y columnas internas para personalizar verdaderamente el diseño del formulario.
-
Lógica condicional. Permite que el formulario adapte y muestre u oculte ciertos campos en función de las respuestas anteriores del usuario
-
Mensajes personalizados. Escriba mensajes de éxito y error personalizados que se adapten a su empresa.
-
Configuración de envío. Defina quién recibe una copia de los envíos de formularios y configure a dónde se redirige a los visitantes una vez enviado el formulario.
-
Seguimiento de envíos. Vea fácilmente las respuestas de los formularios tanto en el editor como desde el panel de control del sitio.
Limitaciones
Las limitaciones actuales son las siguientes:
-
Tanto los campos de entrada como el botón de envío deben permanecer dentro del contenedor del formulario.
-
El botón de envío no se puede eliminar ni duplicar.
Para obtener una descripción general rápida y una demostración del widget Advanced Forms, consulta el siguiente vídeo:
Al crear un formulario avanzado, puede personalizar el diseño con columnas y widgets internos y, a continuación, personalizar la funcionalidad con campos de entrada, pasos y lógica condicional.
Para crear un formulario avanzado:
-
Búsqueda de Formularios avanzados, luego arrástralo y suéltalo en el lienzo.
-
Arrastra y suelta las columnas interiores y los widgets desde Elemento panel según sea necesario para lograr el diseño deseado.
-
Arrastra y suelta los campos de entrada en tu formulario desde el Formulario sección del panel Element.
Campos de entrada disponibles: texto corto, texto largo, casilla de verificación, botón de opción, campo de suscripción, menú desplegable, número de teléfono, fecha, hora, carga de archivos, número y correo electrónico.
-
Haga clic en un campo de entrada para abrir la barra flotante y, a continuación, haga clic Contenido. Según corresponda, configure el título del campo, el texto del marcador de posición, las opciones y si el campo es obligatorio para enviar el formulario. Repita el procedimiento para cada campo que haya agregado al formulario
-
(Opcional) Añada pasos a su formulario siguiendo las instrucciones del Agregue pasos a un formulario avanzado sección. Tenga en cuenta que cada paso se coloca en una página nueva dentro del formulario.
-
(Opcional) Añada lógica condicional al formulario siguiendo las instrucciones del Agregue lógica condicional a un formulario avanzado sección.
-
Configure los ajustes de envío de formularios siguiendo las instrucciones de Configure los ajustes de envío de un formulario avanzado sección.
Puede crear un formulario de varios pasos en el que cada paso aparezca en una página independiente.
Para añadir pasos:
-
Haga clic en el widget Formularios avanzados para abrir el menú flotante y, a continuación, haga clic Pasos.
-
Haga clic +Agregar paso para cada paso que necesites. Arrastra y suelta los pasos en el orden deseado.
-
Haga clic en el icono de tres puntos situado junto al paso para cambiar el nombre, duplicar, o eliminar el paso. Al duplicar un paso, se conserva el diseño del paso original, lo que ahorra tiempo al crear varios pasos
La lógica condicional permite establecer reglas que controlan el comportamiento de un formulario en función de lo que introduce el usuario. El formulario utiliza la lógica si/entonces para adaptarse a las respuestas anteriores de los usuarios haciendo que los campos aparezcan, desaparezcan o
Para obtener más información sobre cuándo la lógica condicional puede resultar ú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 interrumpirá y el formulario no funcionará correctamente. También aparece el mensaje de error «Problema lógico» junto a la regla.
-
Los campos o pasos de formulario que utilizan lógica condicional no se pueden duplicar.
Para añadir lógica condicional:
-
Haga clic en el widget Formularios avanzados para abrir el menú flotante y, a continuación, haga clic Configuración.
-
Haga clic en Lógica pestaña en el Administrar formulario diálogo.
-
Haga clic + Agregar regla.
-
Introduzca un nombre de regla. Solo está visible internamente y no se muestra a los usuarios del sitio.
-
Para el SI usa los menús desplegables para seleccionar un campo del formulario, cómo se define la condición* y, si corresponde, cuál es el valor que debe ser para que se cumpla la condición y activar la parte THEN de la regla.
*Según el tipo de campo seleccionado, las condiciones disponibles incluyen: es igual a, no es igual a, está vacío, no está vacío, contiene, no contiene, comienza con, no comienza con, termina con y no termina con.
-
Para el ENTONCES parte de la regla, usa los menús desplegables para seleccionar la acción* que se produce cuando se cumple la condición IF y a qué campo del formulario se aplica la acción.
*Las acciones disponibles incluyen: mostrar, ocultar, hacer opcional o hacer obligatorio.
-
Haga clic Guardar.
La lógica condicional es una potente herramienta que permite adaptar los campos del formulario en tiempo real en función de las respuestas anteriores del usuario. Los siguientes son casos de uso para varios sectores.
Captación de leads inmobiliarios
Una empresa inmobiliaria utiliza un formulario avanzado para captar clientes potenciales. Para garantizar que los agentes reciban clientes potenciales calificados, se puede agregar la siguiente lógica condicional al formulario:
-
Si se selecciona «comprar», muestre los campos que pregunten por el presupuesto y el área preferida.
-
Si se selecciona «vender», muestre los campos que pregunten por el tipo de propiedad y el valor estimado.
-
Si se selecciona «alquilar», muestra los campos que pregunten por las fechas de mudanza.
Servicios para mascotas
Una empresa que ofrece servicios para mascotas (como peluquería, veterinaria o capacitación) permite a los clientes reservar citas a través de 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, muestre los campos que pregunten por la edad y el sexo.
-
Si se selecciona «gato» como tipo de mascota, muestre los campos que pregunten sobre el estado del gato en interiores o exteriores.
-
Si solicita una cita de aseo, muestre los campos en los que se pregunte por el tipo de pelaje de la mascota.
-
Si solicita una cita de capacitación, muestre los campos que pregunten sobre problemas de comportamiento.
Usa campos ocultos para recopilar información adicional sobre el remitente del formulario, como datos de seguimiento, identificadores de campaña y valores de enrutamiento de CRM. Los campos ocultos no son visibles para el visitante del sitio y no es necesario rellenarlos manualmente, sino que se incluyen en el envío del formulario
Campos ocultos disponibles:
-
Metadatos recopilados automáticamente. Registra los metadatos que su sitio web ya rastrea.
-
Parámetro URL. Registra los valores de la URL con la que llegó el visitante, como el ID de una campaña publicitaria.
-
Valor estático. Registra un valor fijo por formulario.
-
Encuadernación dinámica de datos. Registra los valores de la página actual en la que se encuentra el formulario. Esto puede resultar útil cuando el formulario está en una página dinámica, como la página de un producto de una tienda.
-
Personalizado (JS). Registra un valor personalizado.
Para añadir un campo oculto:
-
Haga clic en el formulario avanzado para abrir la barra flotante y, a continuación, haga clic Configuración.
-
En el Gestionar formulario ventana emergente, haga clic Campos ocultos.
-
Haga clic + Nueva fuente de valory seleccione una de las siguientes opciones:
-
Metadatos recopilados automáticamente
-
Parámetro URL
-
Valor estático
-
Encuadernación dinámica de datos
-
Personalizado (JS)
-
-
En función de la fuente seleccionada, puede utilizar el Valor menú desplegable o Valor campo de texto para introducir un valor.
Para Custom (JS), haga clic en Modo de desarrollo abierto. Revisa y edita el código agregado y, a continuación, haz clic Guardar.
-
Escriba a Nombre para mostrar. El nombre para mostrar aparece en la tabla de envío de formularios como el nombre de la columna de los datos.
-
Haga clic Guardar.
En la configuración de envío del formulario, puede agregar un nombre de formulario, configurar los correos electrónicos enviados al propietario del sitio y al visitante del sitio que envió el formulario y, si lo desea, redirigir a los visitantes del sitio a una página específica o sitio web externo después de enviar el formulario.
Para configurar los ajustes de envío:
-
Haga clic en el widget Formularios avanzados para abrir la barra flotante y, a continuación, haga clic en Configuración.
-
En el Ajustes pestaña del Administrar formulario cuadro de diálogo, expanda las distintas secciones y configure lo siguiente:
-
Nombre del formulario. Escriba un nombre para el formulario. Este nombre solo está visible internamente. Recomendamos asignar a cada formulario un nombre diferente para que sea fácil distinguirlos al ver las respuestas de los formularios.
-
Enviado desde. Escribe un nombre. De forma predeterminada, este campo muestra el nombre de la empresa o el dominio del sitio.
-
Línea de asunto del correo electrónico. Introduce una línea de asunto.
-
Notificar por correo electrónico a. Introduzca una dirección de correo electrónico en este campo. Si introduce varios correos electrónicos, sepárelos con un espacio o pulse la tecla Intro.
-
(Opcional) Compruebe el Utilice el correo electrónico de la biblioteca de contenido casilla de verificación para enviar los formularios al correo electrónico que aparece en la biblioteca de contenido.
-
-
(Opcional) Habilite el Responder automáticamente al remitente del formulario Activa esta opción si quieres que los visitantes del sitio reciban una copia de sus respuestas por correo electrónico. El correo electrónico se envía tan pronto como el visitante del sitio envía el formulario. Si está habilitada, tendrá que configurar los campos Enviado desde, Asunto del correo electrónico y Mensaje de correo electrónico
-
(Opcional) En el Después de la configuración de envío sección, haga clic Redirigir a una página después 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 después de enviarlos. Si está habilitada, omite el mensaje de confirmación
-
Puedes ver los formularios enviados en el editor o en el panel del proyecto; sin embargo, las respuestas de los formularios solo se pueden descargar desde el panel del proyecto.
Redactor
Para ver los formularios enviados en el editor, haga clic en Más en el panel lateral, luego selecciona Ajustes. Haz clic en el Gestione las respuestas de los formularios pestaña.
Panel de control del proyecto
Para ver las respuestas en el panel del proyecto, navegue hasta la lista de sitios y, a continuación, haga clic en el icono del panel del proyecto situado junto al sitio deseado. En el Descripción general del proyecto sección, haga clic Respuestas al formulario. Si necesita descargar las respuestas del formulario, haga clic Exportar a CSV.
El widget Advanced Forms actualmente ofrece integraciones con Zapier, Google, MailChimp, HubSpot, Albato y ActiveCampaign.
Para ver las integraciones disponibles, haz clic en el widget Formularios avanzados para abrir el menú flotante y, a continuación, haz clic Configuración. Haz clic en el Integración pestaña para ver las integraciones disponibles. Haga clic en la integración deseada y siga las instrucciones que aparecen en pantalla.
Nota
Los usuarios deben tener Administración de aplicaciones gratuita permiso para agregar integraciones. Si un usuario no tiene el permiso, la sección de integración estará vacía
El widget Formularios avanzados 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 las funciones más amplias:
|
Característica |
Widget de formulario de contacto |
Widget de formularios avanzados |
|---|---|---|
|
Añadir y organizar widgets |
No |
Sí Puedes añadir cualquier widget y elemento flexible al contenedor de formulario avanzado. |
|
Campos de widgets únicos |
No |
Sí Cada campo del formulario avanzado es un widget independiente, que te permite diseñar cada campo de forma individual. |
|
Mensajes de éxito y error personalizados |
No |
Sí Escriba y diseñe mensajes de éxito y error personalizados para el envío de formularios. |
|
Formulario de varios pasos |
No |
Sí |
|
Lógica condicional |
No |
Sí |
|
Integraciones |
Sí |
|
|
Campos de formulario disponibles |
Texto, menú desplegable, botón de radio, casillas de verificación, archivo adjunto, fecha, hora, texto largo, clic para enviar correo electrónico, número de teléfono, suscripción, número y texto libre. |
Botón de opción, correo electrónico, texto corto, texto largo, suscripción, número, número de teléfono, casilla de verificación, fecha, carga de archivos, hora y menú desplegable. |
Para editar los mensajes de un formulario:
-
Haga clic en el widget Formularios avanzados para abrir la barra flotante y, a continuación, haga clic en Pasos.
-
Haga clic en cualquiera ¿Éxito 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.
-
Haz clic en el widget de texto que contiene el mensaje de error o éxito y edita el texto y el diseño como desees. También puede añadir widgets adicionales o columnas interiores en esta vista.
Para enviar a los visitantes del sitio una copia de las respuestas de sus formularios:
-
Haga clic en el widget Formularios avanzados para abrir la barra flotante y, a continuación, haga clic en Configuración.
-
Amplíe el Notificación por correo electrónico al visitante del sitio sección.
-
Activa el botón situado junto a Responder automáticamente al remitente del formulario. A continuación, configure los campos Enviado desde, Asunto del correo electrónico y Mensaje de correo electrónico.
Sí. Para recibir un correo electrónico cuando se envíe el formulario, debe agregar la dirección de correo electrónico del destinatario deseado en el panel de contenido del formulario.
Para enviar un correo electrónico cuando un visitante envía un formulario:
-
Haga clic en el widget Formularios avanzados para abrir la barra flotante y, a continuación, haga clic en Configuración.
-
En el Configuración de envío pestaña, desplázate hacia abajo y expande la Notificaciones por correo electrónico al propietario del sitio sección.
-
Introduzca un correo electrónico en el Notifique por correo electrónico a: campo. Si introduce varios correos electrónicos, sepárelos con un espacio o pulse la tecla de entrada. O bien, consulta la Usa el correo electrónico de la biblioteca de contenido casilla para enviar los formularios al correo electrónico que aparece en la biblioteca de contenido.
Para ocultar el título de un campo:
-
Haga clic en el campo de entrada deseado para abrir la barra flotante y, a continuación, haga clic Contenido.
-
Haga clic en el icono con forma de ojo situado junto al título del campo de entrada y salida. El ojo se tacha cuando el título del campo está oculto