Introducción
Esta guía te mostrará instrucciones paso a paso sobre cómo crear un pop-up de suscripción desde cero.
🚀 Comencemos
Desde el área de personalizaciones haz clic en el botón “Nueva personalización”; asígnale un nombre y elige un tipo de personalización. En este ejemplo utilizaremos la opción Popup.
2. Elige la posición que ocupará ese pop-up en tu sitio web. ¡No te preocupes! si todavía no estás seguro, simplemente elige cualquiera de las opciones disponible y luego podrás seleccionar su correcta ubicación.
3. Haz clic en “crear personalización” para acceder al editor y comenzar a diseñar tu formulario de suscripción web.
4. Comienza a agregar sobre tu diseño los elementos principales del touchpoint.
Elemento de imagen: puedes agregar una imagen para hacer lo más atractivo
Elemento de texto: cuéntales por qué es importante que se suscriban
5. Cuando tengas listo el diseño, ahora si, incopora el contenido “Formulario” desde el editor.
Campos del Formulario: Define qué campos tendrá el formulario. Por ejemplo, nombre, email, teléfono, etc.
Diseño del Formulario: Personaliza el diseño para que se ajuste al look & feel de tu sitio web. Puedes modificar colores, fuentes y el layout del formulario.
Mensajes y Confirmaciones: Personaliza el mensaje de agradecimiento o de confirmación que verá el usuario una vez que envíe el formulario.
☝️ Revisa el diseño tanto para dispositivos de escritorio como para móviles.
6. Una vez configurado esto, primero haz clic en el botón “guardar” sobre el margen superior derecho del editor y luego se te habilitará el botón “propiedades” a la izquierda del mismo.
7. En la sección de propiedades, puedes configurar aspectos avanzados de visualización. Por ejemplo, puedes diseñar un botón disparador que invite al usuario a hacer clic allí para luego mostrarse el formulario.
Revisa el diseño tanto para dispositivos de escritorio como para móviles.
8. Listo! ahora continua revisando todas las configuraciones avanzadas en estilos y apariencia del touchpoint para darle el toque final. Podrás cambiar la posición del touchpoint, configurar animaciones de entrada y salida, tiempos de cierre automáticos y muchas opciones más! Cuando finalices, haz clic en “guardar” y cierra la ventana de propiedades para volver a editor.
9. Ahora que ya está listo el diseño de tu touchpoint de formulario, configuremos las propiedades de visualización y personalización web. Para ello, haz clic en la flecha a la izquierda que se encuentra junto al nombre del touchpoint.
10. En esta página podrás configurar todas las opciones de visualización antes de su publicación final.
¿Cuándo mostrar el elemento web?: Configura el disparador, la frecuencia y, si es necesario, fechas de publicación.
¿Dónde mostrar el elemento web?: selecciona en qué tipo de páginas y dispositivos debe aparecer.
¿Quien debe ver el elemento web?: configura las características de tu audiencia para que solo se le muestre a la persona correcta. Por ejemplo, te recomendamos que este tipo de formulario solo se le muestre a usuarios calificados como “desconocidos”.
¡AHORA SI! Tu touchpoint esta listo para publicarse. Recuerda que antes de activarlo, puedes hacer clic en el botón “vista previa” para ver la versión final. Si ya estás seguro, simplemente haz clic en “publicar” y tu touchpoint comenzará a estar visible según las condiciones configuradas.