Usar formularios puede ser una excelente manera de recopilar información para nuevos clientes potenciales y muchos otros aspectos de su negocio. Comprender cómo usar el generador de formularios es fundamental para optimizar el sistema y personalizarlo según las necesidades de su negocio. Puede agregar elementos para recopilar la información que necesita de sus clientes potenciales. Todas las herramientas de estilo, diseño y opciones se encuentran convenientemente ubicadas a la derecha. Personalice sus formularios con precisión, personalizando diseños, colores y otros elementos estilísticos.
Descripción general de la función Formularios
Vaya a Formularios. Verá tres pestañas: Generador, Analizar y Envíos.
El "Generador" incluye una lista de todos sus formularios existentes. También puede crear un formulario nuevo desde esta página.
"Analizar" te ofrece una visión general del número de envíos, además de un gráfico. Puedes ordenar por formulario, elegir un periodo específico y mucho más.
"Envíos" le permite revisar los envíos de todos los formularios o seleccionar uno específico. También puede buscar un envío específico por nombre, correo electrónico, número de teléfono o ID de contacto.
Paso 1: Crear un formulario
Vaya a Sitios > Formularios, haga clic en Generador, luego en + Agregar formulario y luego en Comenzar desde cero o elija una plantilla.
Nota: También puede hacer clic en editar en un formulario ya existente para editar más.
Paso 2: edita tu formulario agregando elementos
Puede editar el nombre del formulario haciendo clic en el lápiz para editar.
Haga clic en el signo + de la izquierda para ver todos los elementos disponibles.
Una vez que veas el que necesitas, haz clic en él, arrástralo y suéltalo en la posición donde quieras que esté.
Nota: También puede agregar una etiqueta corta a cada elemento que agregue. Esto le permite asignar un título o encabezado breve y específico a cada elemento de su formulario. Sirve como un resumen rápido del contenido o la información que se espera de los encuestados.
Si ya no necesita este elemento, haga clic en él y en la X para eliminarlo.
También puedes añadir tus campos personalizados. Junto a Elementos (pestaña Adición rápida), verás los Campos personalizados.
Esta es la lista de elementos que puedes agregar desde la sección Agregar rápido:
Nombre completo
Nombre de pila
Apellido
Fecha de nacimiento
Teléfono
Correo electrónico
Botón
DIRECCIÓN
Ciudad
Estado
País
Código Postal
Sitio web
Organización
Texto
HTML
Imagen
Nota: El elemento Imagen permite redimensionar la imagen en el propio constructor. También puedes alinear la imagen y añadir texto para fines SEO.
Captcha
Fuente
Nota sobre los Términos y Condiciones
: La clonación permite duplicar elementos o diapositivas conservando todas las configuraciones, estilos y validaciones, lo que ahorra tiempo y garantiza la coherencia.
La función de autocompletar direcciones facilita a los usuarios introducir direcciones precisas mostrando sugerencias en tiempo real y rellenando automáticamente campos como calle, ciudad, estado, código postal y país. Esto agiliza los envíos, reduce errores y mejora la coherencia de los datos. Simplemente añada el campo Dirección a su formulario y active la función de autocompletar.
Paso 3: Agregar lógica condicional (opcional)
En el lado izquierdo verás el ícono de lógica, al lado del “+” para agregar elementos
Haga clic en él para iniciar la lógica condicional.
Redirigir a URL:
Los usuarios son redirigidos a una URL designada si se ingresa una entrada específica en un campo o se selecciona una opción particular.
Mostrar mensaje personalizado:
Los mensajes condicionales se muestran según la entrada del usuario o las opciones seleccionadas. Esta función permite una comunicación personalizada con los usuarios según sus acciones dentro del formulario.
Descalificar líder:
Los clientes potenciales pueden ser descalificados si se cumplen ciertas condiciones, como introducir información específica. Tras la descalificación, se puede mostrar un mensaje personalizado o redirigir a los usuarios a una URL específica.
Nota: Los clientes potenciales descalificados no se cuentan como envíos.
Mostrar/ocultar campos:
Los campos se pueden mostrar u ocultar dinámicamente según la información del usuario o las opciones seleccionadas. Esta función permite una experiencia de formulario más ágil y personalizada para los usuarios.
Paso 4: edita tu formulario dándole estilo
Vaya al lado derecho y haga clic en 'Estilos y opciones'.
En estilos , puedes editar:
El diseño
El estilo del formulario (fondo, relleno, bordes, sombra, etc.)
El estilo de campo personalizado
La etiqueta
Marcador de posición
Agregar CSS personalizado
La imagen de fondo, destinada a cubrir toda la página, proporciona un fondo visualmente atractivo para el formulario.
La imagen del encabezado está diseñada para cubrir todo el ancho del formulario y se mantiene en la parte superior. Esto permite mostrar imágenes atractivas en la parte superior, creando una experiencia impactante y visualmente atractiva.
Cambiar la marca de la agencia
En “Temas” podrás elegir entre una amplia gama de temas creados profesionalmente que se adaptan a diversos estilos y propósitos.
Nota: Todos los temas ya vienen con un fondo, estilo de campo, fuente, tamaño, diseño de botón, etc. A continuación se muestra un ejemplo de cómo se ve el tema Casual.
En "Configuración", puedes elegir el nombre del formulario, determinar qué sucede al enviarlo (redirigir a una URL específica, mostrar un mensaje de agradecimiento o mostrar una confirmación de pedido si se vendió un producto a través de este formulario), añadir un ID de píxel de Facebook y habilitar la zona horaria. También puedes activar o desactivar la función de Contactos Fijos. Además, los controles de la bandeja lateral se han movido a un icono de configuración para facilitar la edición en línea en pantallas pequeñas. Esto te permite abrir y cerrar la bandeja sin perder tu selección.
Para obtener más información sobre la venta de productos a través de formularios, consulte nuestro artículo Cómo agregar y usar productos en formularios.
Nota: Al activar la opción de zona horaria se capturará la información de la zona horaria de la persona que envía el formulario.
Paso 5: Historial de versiones
En el historial de versiones, puede acceder a versiones anteriores de un formulario. Por ejemplo, si realizó cambios y los guardó, pero ahora desea recuperar una versión anterior, puede hacerlo desde el historial de versiones. Esta función muestra la fecha y la hora de cada iteración, lo que le permite realizar un seguimiento y restaurar versiones anteriores según sea necesario.
Paso 6: Integrar el formulario
Genera enlaces y códigos de inserción. Conecta formularios a calendarios e intégralos en tus embudos de ventas y sitios web. Tus clientes potenciales y contactos pueden completar formularios fácilmente mientras tú gestionas los envíos en el sistema.
Una vez que haya creado un formulario y guardado los cambios, puede hacer clic en “Integrar formulario” para acceder a un enlace o código para insertar.
Disponemos de múltiples opciones de integración.
Los formularios también se pueden conectar a un calendario (consulte Configuración del calendario para obtener más información sobre esto).
Los formularios también se pueden utilizar en embudos o sitios web mediante el elemento Formulario
Una vez que un formulario se integra al sistema de una de estas maneras, los clientes potenciales/contactos podrán completarlo como corresponde y usted podrá ver los envíos en su sistema.
Paso 7: Guarda tu formulario
Aunque recomendamos que guardes tu formulario de vez en cuando mientras lo estás editando, no olvides guardarlo una última vez cuando hayas terminado todas las ediciones.
Características destacables
La función de Edición en Línea permite editar elementos de texto directamente en la vista previa del constructor. Puedes hacer clic, escribir y actualizar al instante elementos de texto como etiquetas, marcadores de posición, opciones y botones. Haz clic en cualquier elemento de texto del constructor, edítalo directamente y verás los cambios reflejados al instante.
La opción " Otros " en los formularios permite a los encuestados proporcionar respuestas personalizadas cuando las opciones estándar no son aplicables.
Puede agregar la opción "Otros" a sus campos de opción múltiple en el generador de formularios. Esta función admite tanto casillas de verificación como botones de opción, y las respuestas personalizadas se muestran junto con las respuestas estándar en los informes.
Elemento de Pagos y Confirmación de Pedido
1. Agregue el elemento Pagos: arrastre el elemento Pagos a su formulario.
Configurar los ajustes de pago: haga clic en el elemento Pagos para configurar las opciones del producto, los precios y los detalles de pago.
Configurar la confirmación del pedido: en la configuración del formulario, habilite "Mostrar confirmación del pedido" en las acciones de envío para mostrar una página de confirmación automática después del pago.
Personalizar la página de confirmación: La página de confirmación se ajustará al tema de su formulario para una experiencia de usuario uniforme. Actualmente, las opciones de personalización de la página de confirmación del pedido son limitadas.
Compatibilidad con relleno vertical cero para formularios Los formularios admiten relleno de ceros en la parte superior e inferior, lo que permite un control total del espaciado vertical. Esto ayuda a crear diseños más limpios y precisos, sin espacios innecesarios, ideal para lograr una alineación perfecta y diseños modernos. Cómo aplicar relleno de ceros: 1-Abrir los Formularios. 2- Vaya a Estilos → Diseño → Relleno .
3- Previsualizar y publicar para aplicar los cambios.
Iconos de botones para elementos de botones de formulario
Esto permite la compatibilidad de iconos con elementos de botones de formulario en WebFyre, lo que permite a los usuarios mejorar los botones mediante un selector de iconos con función de búsqueda impulsado por una amplia biblioteca de símbolos de material. Para usarlo, agregue un botón en el generador de formulario, active Mostrar icono , busque y seleccione el símbolo deseado en el panel de iconos y elija su ubicación a la izquierda o derecha de la etiqueta; los cambios se mostrarán instantáneamente en la vista previa en vivo.
Información adicional
A continuación se muestran algunas características importantes que están disponibles en el editor de formularios:
Edición de texto en línea:
Puedes editar texto directamente en el generador de formularios, incluyendo opciones de formato como negrita , tamaño de fuente y color . Simplemente haz clic en un bloque de texto o encabezado y realiza ajustes con el editor integrado para agilizar el formato.
Estilo específico del dispositivo:
Las vistas de escritorio y móvil ahora pueden tener estilos separados. Puedes ajustar los colores de fondo , el relleno , el tamaño de fuente y más para cada dispositivo. Para usar esto, alterna entre las vistas de escritorio y móvil en el editor y aplica los cambios a cada dispositivo individualmente.
Ajustes de texto específicos para dispositivos móviles:
Personalice el texto para usuarios móviles acortando los titulares o usando texto alternativo para mayor claridad. Esto es especialmente útil para mejorar el diseño en pantallas pequeñas.
Vistas previas en vivo:
Todas las actualizaciones de diseño se muestran en tiempo real a medida que realizas cambios. Esta vista previa en vivo te permite ver cómo se verá tu formulario tanto en computadoras de escritorio como en dispositivos móviles antes de publicarlo.
Mensajes de envío personalizables:
Puedes crear mensajes personalizados "Al enviar" con formato de texto enriquecido. Además, puedes ajustar el diseño del mensaje tanto para la vista de escritorio como para la de móvil . Usa la sección "Estilo del mensaje" para dar formato a tu mensaje de envío y alternar entre las vistas de dispositivo para obtener un resultado impecable.
Estas funciones están disponibles directamente en el editor de formularios. Simplemente navegue por las secciones correspondientes (como Edición de texto , Estilos y opciones y Editor de mensajes de envío ) para acceder y usar estas herramientas.
Preguntas frecuentes
Pregunta: ¿Cómo agrego un elemento de Pagos a mi formulario?
Respuesta: Para agregar un elemento de Pagos a su formulario, navegue al generador de formularios, haga clic en el signo "+" para ver todos los elementos disponibles y localice el elemento de Pagos. Haga clic en él, arrástrelo y suéltelo en la posición deseada del formulario. Esto le permite configurar los pagos directamente desde el formulario.
Pregunta: ¿Qué sucede al realizar un pago a través del formulario?
Respuesta: Al realizar un pago a través del formulario mediante el elemento Pagos, aparecerá automáticamente una página de confirmación del pedido tras el envío. Esta página proporciona al usuario un mensaje de confirmación claro y conciso, adaptado al diseño del formulario para una experiencia fluida.
Pregunta: ¿Puedo personalizar la página de confirmación del pedido después de un pago?
Respuesta: Actualmente, las opciones de personalización de la página de confirmación del pedido son limitadas. La página se ajustará automáticamente al tema del formulario, pero se planean más opciones de personalización, como ajustes de diseño y contenido, en futuras actualizaciones.
Pregunta: ¿Qué acciones puedo configurar para el envío del formulario además de la confirmación del pedido?
Respuesta: En la sección "Configuración" del formulario, en la parte superior central, puedes elegir qué sucede después de enviarlo. Las opciones incluyen redirigir a una URL específica, mostrar un mensaje de agradecimiento personalizado o mostrar una confirmación del pedido si se vendió un producto a través del formulario. También puedes agregar un ID de píxel de Facebook y habilitar el seguimiento de la zona horaria.
Pregunta: ¿Cómo puedo usar la lógica condicional en mis formularios?
Respuesta: Para usar la lógica condicional, haga clic en el icono de lógica junto al signo "+" en el generador de formularios. Puede configurar acciones como redirigir a los usuarios a una URL específica, mostrar mensajes personalizados según la información ingresada por el usuario, descalificar clientes potenciales según ciertos criterios o mostrar y ocultar campos dinámicamente para crear una experiencia de formulario más personalizada.
Pregunta: ¿Esto aplica a todas las plantillas y diseños?
Respuesta: Sí, el relleno de ceros es compatible con todas las variaciones de diseño para formularios, encuestas y cuestionarios.
Pregunta: ¿Puedo acceder a versiones anteriores de un formulario?
Respuesta: Sí. La función Historial de versiones permite ver, rastrear y restaurar versiones anteriores, incluyendo marcas de tiempo para cada cambio.