Mostrar un slide in en la web

En este artículo, aprenderás cómo crear y mostrar un Slide in en tu sitio web utilizando Connectif. Esta funcionalidad te permitirá captar la atención de tus visitantes de una manera efectiva y dinámica.

Tiempo de implementación: 10 minutos
Dificultad: Fácil
¿Cuándo utilizarlo?: Cuando necesites captar la atención de tus visitantes de manera sutil pero efectiva.

PASO 1: Creación del Slide in

1. Accede a tu cuenta de Connectif.

2. Dirígete a "Contenido > Contenido web" y haz clic en  Crear nuevo contenido.

3. Selecciona el tipo de contenido Slide in.

Mostrar un Slide In en tu web - 1-min.png

4. Configura el diseño del Slide in según tus necesidades en la pestaña General.

  

Puedes personalizar el diseño del Slide in para que se ajuste a la estética de tu sitio web. Si necesitas más información sobre cómo componer tu contenido, revisa el artículo sobre el Editor de Contenido Web de Connectif.

5. En la pestaña Componentes, selecciona aquellos que desees incluir en tu contenido. Puedes añadir texto, imágenes, botones y más.

Mostrar un Slide In en tu web - 2-min.png

6. Haz clic en  Guardar para conservar las modificaciones en el diseño de la Floating Bar.

 

PASO 2: Creación del workflow para mostrar el slide in

7. Dirígete a Workflows y haz clic en   Crear nuevo workflow.

8. Selecciona   Crear workflow en blanco.

9. Edita el nodo "Inicio" para que se dispare para toda tu lista de contactos, existentes y nuevos, tal como se ve en la imagen.

Mostrar un Slide In en tu web - 3-min.png

10. Añade un nodo de tipo disparador "Al visitar página".

11. Configura el nodo para que se active en las páginas donde desees que aparezca el slide in.

 

Puedes configurar el nodo para que el slide in aparezca en una URL específica, en todas las páginas de tu sitio web, o según otros criterios personalizados.

Mostrar un Slide In en tu web - 4-min.png

12. Añade un nodo de tipo acción "Enviar contenido web"

Mostrar un Slide In en tu web - 5-min.png

13. Configura el nodo y, en su configuración selecciona tu Slide In. Haz clic en Siguiente .

Mostrar un Slide In en tu web - 6-min.png

14. Ajusta las configuraciones adicionales según tus necesidades, como la frecuencia de aparición y las condiciones de visualización, tal como se ve en la imagen. Haz clic en Siguiente .

Mostrar un Slide In en tu web - 7-min.png

15. (Opcional). Si tienes variables, deberás asociarlas en el siguiente paso. Si no, haz clic en Siguiente para acceder a las limitaciones del nodo.

16. Mantén activa la limitación del nodo por defecto para que el Slide In se muestre solo una vez por contacto, tal como se ve en la imagen.

Mostrar un Slide In en tu web - 8-min.png

17. Haz clic Aplicar para guardar la configuración del nodo.

18. Guarda tu workflow y actívalo para determinar cuándo debe iniciarse y, opcionalmente, cuándo deseas terminarlo, para que deje de mostrarse la Slide In.

Mostrar un Slide In en tu web - 9-min.png

 

En nuestro ejemplo, el workflow se iniciará automáticamente y se detendrá pasados 30 días.

 

 

¡Éxito!
Tu Slide In está integrada en tu página web.

 


¡Sigue aprendiendo!

Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0