Añade elementos de arrastrar y soltar a tus Formularios de Registro para recopilar correos electrónicos, números de teléfono, datos personalizados y aumentar la participación. Elige entre más de 13 elementos, incluidos campos, botones, imágenes y gamificación.
En este artículo, aprenderás sobre todos los elementos disponibles en el Constructor de Formularios y cómo usarlos.
¿Qué son los elementos del formulario?
Los elementos del formulario son elementos reutilizables que arrastras desde la barra lateral izquierda a tu Formulario de suscripción. Te ayudan a:
Recopilar datos del suscriptor (correo electrónico, teléfono, nombre, cumpleaños, preferencias).
Asegurar el cumplimiento con RGPD y TCPA.
Crear experiencias atractivas (Rueda de la Fortuna, temporizadores de cuenta regresiva).
Abre tu formulario en el Constructor de Formularios → Arrastra elementos desde la barra lateral izquierda a tu diseño de formulario → Personaliza cada elemento usando el menú de la derecha.
💡 Todos los campos se pueden ajustar aún más usando Campos en Configuración del tema. Aprende más sobre la configuración del tema.
Campo de Correo Electrónico
Recoge direcciones de correo electrónico añadiendo un Correo electrónico campo en cualquier parte de tu formulario.
Arrastra el Correo electrónico campo desde la barra lateral izquierda a tu formulario. Puedes personalizar:
Texto de marcador de posición: Texto predeterminado mostrado en el campo (por ejemplo, "Ingresa tu correo electrónico").
Etiqueta: Texto encima del campo (por ejemplo, "Correo electrónico").
Campo requerido: Haz que el campo sea obligatorio.
Mensajes de error: Personaliza el mensaje mostrado cuando el campo no se completa correctamente (por ejemplo, "La dirección de correo electrónico debe contener @ y un dominio válido").
Alineación de entrada: Selecciona la alineación del campo a Izquierda, Centro, Derecha o Completo.
Relleno: Ajusta el espaciado interno dentro del campo.
Campo de número de teléfono
Recoge números de teléfono con un campo de código de país predefinido.
Arrastra el campo Número de Teléfono a tu formulario y personaliza:
Texto de marcador de posición: Texto predeterminado mostrado en el campo (por ejemplo, "Ingresa tu número").
País predeterminado: Rellena el campo con un país específico (mostrado como bandera + código).
Etiqueta: Texto sobre el campo (por ejemplo, "Teléfono").
Campo requerido: Haz que el campo sea obligatorio.
Mensajes de error: Personaliza el mensaje mostrado cuando el campo no se completa correctamente (por ejemplo, "Debe ser un número de teléfono válido").
Alineación de entrada: Selecciona la alineación del campo a Izquierda, Centro, Derecha o Completo.
Relleno: Ajusta el espaciado interno dentro del campo.
Al recopilar números de teléfono, agrega un Consentimiento Legal para cumplir con TCPA (EE. UU.) o RGPD (UE).
Consentimiento Legal
Agrega un RGPD o TCPA casilla de verificación de cumplimiento para recopilar consentimiento documentado.
Arrastra el elemento de consentimiento legal a tu formulario y luego:
Elige una plantilla: RGPD (UE) o TCPA (EE. UU).
Edita el texto y añade tu enlace de política de privacidad.
Personaliza el mensaje de error requerido.
Esto significa que los visitantes de tu sitio web deben marcar la casilla para enviar tu formulario.
Campo de Entrada
Recopila datos de texto personalizados como nombre, apellido, dirección, ciudad, código postal o propiedades personalizadas.
Arrastra el campo Entrada a tu formulario y luego:
Asocia el campo a una propiedad: Nombre, Apellido, Dirección, Ciudad, Estado, Código postal, o un Propiedad personalizada
Personaliza el marcador de posición, la etiqueta, el mensaje requerido, la alineación y los rellenos.
Campo de Fecha
Recopila fechas como cumpleaños o registros de eventos.
Arrastra el campo Fecha a tu formulario y:
Mapea el campo a Cumpleaños o a una Propiedad personalizada.
Personaliza el marcador de posición, la etiqueta, el mensaje requerido, la alineación y los rellenos.
Campo Desplegable
Recopila datos estructurados como género, país o preferencias personalizadas, y proporciona a los usuarios opciones desplegables para elegir.
Arrastra el campo Desplegable a tu formulario y luego:
Mapea el campo a Género, País, o a una Propiedad personalizada.
Personaliza el marcador de posición, la etiqueta, el mensaje requerido, la alineación y los rellenos.
Si seleccionas el tipo de propiedad personalizada, puedes agregar tus opciones de menú desplegable personalizadas haciendo clic en Agregar una opción.
💡 Ejemplos de casos de uso:
Recoger idioma preferido.
Preguntar por intereses en categorías de productos.
Reunir tamaño de la empresa (B2B).
Botón de opción
Permitir a los usuarios seleccionar una opción de una lista (por ejemplo, género, frecuencia de suscripción) haciendo clic en un botón de radio.
Arrastra el elemento Botón de opción a tu formulario y:
Mapea a Género o a una Propiedad personalizada.
Si seleccionas una propiedad personalizada, agrega opciones (por ejemplo, "Semanal," "Mensual") bajo Gestiona tus opciones.
Personaliza el marcador de posición, la etiqueta, el mensaje requerido, la alineación y los rellenos.
Los visitantes de tu sitio web deberán seleccionar una opción y suscribirse como resultado.
Casilla de verificación
Deja que los usuarios seleccionen múltiples opciones de una lista (por ejemplo, intereses de producto, preferencias de contenido) marcando casillas.
Arrastra el elemento Casilla de verificación a tu formulario y:
Agrega nombre de propiedad para tu Propiedad personalizada.
Añade opciones (por ejemplo, "Zapatos," "Ropa," "Accesorios") bajo Gestiona tus elecciones.
Personaliza el marcador de posición, la etiqueta, el mensaje requerido, la alineación y los rellenos.
💡 Todas las selecciones de casillas se guardan como valores de texto en la propiedad personalizada. Puedes usarlos para segmentar a tus clientes en función de sus datos personales.
Texto
Añade títulos, descripciones o instrucciones a tu formulario.
Arrastra el Texto a tu formulario y:
Escribe o pega tu contenido.
Seleccionar estilo de texto: Título Grande, Título Medio, Título Pequeño, Párrafo o Nota al pie.
Selecciona Color de texto y Color de enlace.
Formatea el texto utilizando el menú de la derecha (negrita, cursiva, enlaces, alineación, etc.).
Personaliza los rellenos.
Botón
Añade un botón para enviar el formulario, enlazar a una página o navegar formularios de múltiples pasos.
Arrastra el Botón a tu formulario y:
Selecciona la acción del botón:
Enviar formulario: Recopila datos del suscriptor.
Enlace a: Redirige a una página/URL específica (por ejemplo, página de producto, publicación de blog).
Ir al siguiente paso: Avanza en formularios de múltiples pasos.
Cerrar formulario: Descartar el formulario (útil para formularios promocionales).
Añade Texto del Botón.
Selecciona el estilo del botón: Primario, Secundario o Terciario.
Establece la alineación del botón a Izquierda, Centro, Derecha o Completo.
Ajustar los rellenos.
Puedes ajustar el estilo del botón aún más en Configuración del tema → Botones.
Imagen
Añadir imágenes (JPG, PNG, GIF) de hasta 2000px de dimensiones y, opcionalmente, enlazar imágenes a URLs.
Arrastra el elemento Imagen a tu formulario y luego:
Haz clic en Seleccionar archivo y sube tu imagen.
Añadir Texto alternativo y Enlace a (opcional).
Ajustar Alineación y Relleno.
Redimensiona la imagen arrastrando las esquinas.
Nota: El elemento de Imagen es diferente de la imagen de fondo del formulario, que se establece en Configuraciones de diseño.
Línea/Espacio
Añadir separación visual entre los elementos del formulario.
Arrastra Línea/Espacio a tu formulario y:
Cambia entre Línea (borde) o Espacio (relleno vertical).
Personaliza:
Línea: Grosor del borde, Ancho, Estilo (sólido, discontinuo, puntiagudo), Alineación, Color del borde y Relleno.
Espacio: Altura en píxeles (hasta 240px).
Rueda de la Fortuna
Gamifica tu formulario permitiendo que los visitantes giren una rueda para ganar descuentos a cambio de su suscripción (correo electrónico o número de teléfono).
Arrastra el elemento Rueda de la Fortuna a tu formulario y:
Configura las secciones de la rueda:
Añadir secciones ganadoras con códigos de descuento y probabilidades.
Añadir secciones perdedoras (la rueda se detiene solo en secciones ganadoras).
Personaliza colores, texto.
Ajusta los estilos de la rueda, incluyendo Ancho, Color del puntero y Relleno.
Temporizador de cuenta regresiva
Crea urgencia con un temporizador de cuenta regresiva en vivo. Esto es parte del marketing de FOMO, que es ideal para ventas, ofertas por tiempo limitado o eventos como BFCM.
Arrastra el elemento Temporizador de cuenta regresiva a tu formulario.
Establece la fecha y hora de finalización (AM/PM).
Habilitar Desactivar después de la fecha de finalización: Deshabilitar automáticamente el formulario cuando el temporizador expire.
Personaliza Fuente, Color de cuenta regresiva y Relleno.
El temporizador se ajusta automáticamente para adaptarse al ancho de tu formulario en todos los dispositivos.
Los visitantes de tu sitio web verán el tiempo restante dependiendo de cuándo interactúen con tu formulario de suscripción.
Elemento de Descuento
Añadir un código de descuento al Mensaje de Éxito de tu formulario para recompensar a nuevos suscriptores. El elemento de Descuento muestra un código de cupón automáticamente después de la presentación del formulario.
Importante: El elemento de Descuento es sólo disponible en el Mensaje de Éxito, no en el diseño principal del formulario. No puedes añadirlo al formulario en sí, solo al mensaje mostrado después de que un visitante se suscriba.
Arrastra el elemento Descuento desde la barra lateral izquierda al diseño del mensaje de éxito y:
Elige el tipo de descuento:
Usar descuento de Rueda de la Fortuna: el formulario mostrará el descuento conectado a tus secciones ganadoras de la Rueda de la Fortuna.
Usar tu propio descuento: Escribe el descuento que deseas mostrar a los suscriptores.
Personaliza Color del texto, Color del borde, Color de fondo y Relleno.
Preguntas Frecuentes
¿Por qué mi iPhone hace zoom automáticamente cuando toco un campo del formulario?
Los iPhones hacen zoom si el tamaño de la fuente es inferior a 16 píxeles. Para evitar esto, establece el tamaño de fuente de tu campo de entrada en al menos 16px en Configuración del tema→ Campos.
¿Cómo reordeno los elementos?
Arrastra los elementos hacia arriba o hacia abajo en el Constructor de Formularios para cambiar su pedido.
¿Puedo estilizar los elementos individualmente?
Texto, Botón, Imagen y Línea/Espacio se pueden estilizar individualmente. Los campos (Correo electrónico, Teléfono, Entrada, Fecha) comparten estilos globales establecidos en Configuraciones del tema → Campos.
¿Todavía tienes preguntas? No dudes en enviarnos un correo electrónico a [email protected] o a través del chat en la aplicación. ¡Estamos aquí 24/7!