ITOfunnels | Centro de Ayuda

Preguntas frecuentes y documentación de soporte para ITOfunnels

popup

Como poner un banner para cuando quieran salir de una página

Última modificación

Introducción

En este artículo vamos a explicarte cómo motivar a un usuario a quedarse cuando se detecta que quiere salir de la página. ¿Cómo? A través de elementor podemos detectar el movimiento del cursor y hay funciones ya creadas para cuando detecta que quiere cambiar de página o quiere cerrarla. Así se puede poner de forma automática un banner tipo popup para mostrar información que motive al usuario a quedarse o también, por ejemplo, ofrecerle una promoción irresistible.

Aquí tienes el vídeo 😉

Suscríbete a nuestro canal de Youtube para ver más vídeos como estos 👉👉

¿Tienes cuenta en ITOfunnels?

En nuestra academia te explicamos todo lo que necesitas saber para sacarle el máximo partido a ITOfunnels. *

(*) Sólo accesible para usuarios de ITOfunnels

Cómo poner una barra de aceptación de Cookies en ITOfunnels

Última modificación

Introducción

En este artículo os vamos a explicar cómo poner una barra de aceptación de cookies en vuestras landings.

Los pasos seguir son los siguientes:

¿Tienes cuenta en ITOfunnels?

En nuestra academia te explicamos todo lo que necesitas saber para sacarle el máximo partido a ITOfunnels. *

(*) Sólo accesible para usuarios de ITOfunnels

Creación del Popup

Desde el Escritorio vamos al menú PLANTILLAS –> POPUPS y elegimos un nueva plantilla

Ajustes del Popup

En ajustes del Popup seleccionaremos lo siguiente:

  • With: 100%
  • Posicion vertical: Abajo
  • Overlay: desactivado
  • Close button: desactivado
  • Entrance animation: Fade In Up
  • Exit Animation: FadeOut Down

Diseño del Popup

Una vez abierto Elementor hacemos el diseño del Popup poniendo dos columnas, una para el texto y otra para el Botón de Aceptar

Personalizamos el texto de la Política de Cookies y el Botón.

Ajustes del botón

Pondremos los siguientes ajustes del botón:

  • Accedemos a la parte del contenido del botón. En el apartado enlace clicamos donde pone dinámico y seleccionamos la opción popup.
  • Una vez seleccionado veras que a lado de popup aparece una llave inglesa, debes clicar en ella.
  • Dentro de los ajustes del popup, en action seleccionas close popup y activas don´t show again.

Esto hará que el botón cierre el popup.

Condiciones de Visualización

Ahora nos queda configurar cuándo se verá el popup

Para ellos deberemos clicar sobre la flecha que hay al lado del botón de publicar. Cuando nos aparezca el desplegable seleccionamos Display Conditions.

En el apartado Conditions crearemos una regla para que el popup aparezca en cada página o paso del funnel

Conditions Triggers activamos la opción On page load y definimos los segundo a los que quieras que aparezca el pop up. 

Advanced Rules lo dejamos como está, con todas las opciones desactivadas. 

Publicamos y ya tienes operativo tu aviso de política de cookies para toda la landing

Cómo crear un botón que abra un PopUp

Última modificación

Introducción

En este artículo vamos a explicar cómo crear un botón que abra un Popup

¿Tienes cuenta en ITOfunnels?

En nuestra academia tienes un vídeo específico donde te lo explicamos.

 

Creación del PopUp

1
  • 'Plantillas' -> 'Popups'

    Dirígete hacia el menú 'Plantillas' -> 'Popups'

2
  • 'AÑADIR NUEVA POPUP'

    Pulsa en 'AÑADIR NUEVA POPUP'

3
  • Tipo de plantilla 'Popup'

    Escoge el tipo de plantilla 'Popup' (ya está por defecto)

4
  • Nombre del Popup

    Introduce el nombre del Popup. Por ejemplo: 'prueba-popup'

5
  • 'Crear Plantilla'

    Pulsa en 'Crear Plantilla'

6
  • Cierra la pestaña

    que te aparece pulsando en la x de la parte superior derecha (a no ser que quieras escoger una plantilla de pago)

Configuración del PopUp

1
  • Nueva sección

    Agrega una nueva sección pulsando en el icono rosa con un '+'

2
  • Seleccionar Estructura

    Escoge la estructura que desees

3
  • 'Editor de texto'

    Busca el elemento 'Editor de texto' en el menú de elementor, pulsa los puntitos que forman el cuadrado en la parte superior derecha y arrástralo a la sección para escribir la cabecera del popup. Por ejemplo: 'Rellena tus datos'

4
  • Elemento 'Form'

    Busca el elemento 'Form' y arrástralo a la sección. Configura el formulario como desees

5
  • 'Publicar'

    Pulsa en 'Publicar'. Se te abrirá una serie de configuraciones. Dale clic a 'SAVE & CLOSE'.

6
  • Salir al Escritorio

    Sal al Escritorio de ITOfunnels

Creación del Botón e Implementación del PopUp

1
  • Selecciona Landing

    Dirígete al menú 'Landings' o "Funnels" y accede a la página en la que desees poner el Popup. Pulsa en 'Editar con Elementor'

2
  • Añadir botón

    Busca el elemento 'Botón' y arrástralo a donde desees posicionarlo en tu landing

3
  • Editar botón

    Edita el botón pulsando en él o pulsando en el lapiz azul de su derecha. y arrástralo a la sección para escribir la cabecera del popup. Por ejemplo: 'Rellena tus datos'

4
  • Añadir Enlace Dinámico

    Dentro de la pestaña 'Contenido' -> 'Enlace' -> pulsa en la opción 'Dinámico' encima del icono rueda de engranaje

5
  • Añadir acción 'Popup'

    Desliza hacia abajo hasta encontrar 'Actions' -> 'Popup'. Dale clic en 'Popup'

6
  • Seleccionar el Popup

    Pulsa en el icono de la herramienta, dentro del campo 'Enlace', a la izquierda de 'Popup'. Dentro de Popup, en la barra de búsqueda, introduce el nombre de tu Popup. En este caso: 'prueba-popup'.

7
  • Actualizar

    Pulsa en 'Actualizar'.