Smart Popups

24 junio 23, 2024

Tabla de Contenido

¿Qué es un Smart Popups?

El pop-up es una ventana emergente que aparece repentinamente sobre el contenido en un sitio web. Su aparición se da generalmente a través de la interacción del usuario con la página, mediante acciones como clics o movimientos del ratón. Los pop-ups, por lo tanto, son reactivos a eventos.

¿Cuál es la función de un Smart Popups?

El objetivo principal de un pop-up es llamar la atención del usuario para comunicar un mensaje específico o incentivar una conversión. Pueden desplegarse automáticamente o como resultado de una acción en el sitio.

¿Cómo creo mi popups con Drubbit eCommerce?

En este documento vamos aprender cómo configurar un “Smart Popups”:

Debemos ingresar en Administrar > Configuraciones > General :

Dentro del menú “General”, ingresamos al documento Smart Popups:

En el documento vamos a encontrar el botón “+Crear”, en la parte superior derecha. Acá es donde empezamos a configurar nuestro popups.

Las primeras 2 configuraciones que encontramos son: “mostrar en” y “posición”.

Mostrar en: en esta configuración decidimos en qué dispositivos se puede visualizar nuestro popups. Contamos con las opciones de todos los dispositivos, solo mobile (telefono) o solo desktop (computadora)
Posición: marca la posición y el estilo del popup.

Luego debemos configurar la imagen que queremos usar, tanto la imagen de fondo, la imagen que vamos a utilizar para la versión mobile y la imagen que iría dentro de nuestra popups. Vamos a encontrar un botón llamado “usar imagen completa” que nos va a servir para … (albert)

Una vez ya cargadas las imágenes que usamos, debemos completar los siguientes campos:

Título: título del popups
Texto: indica un texto para el popups
URL para botón cta: este campo se debe completar con la URL que se le otorga al popups, al activar el botón CTA (call-to-action) lo que hacemos es darle acción al popups. Este mismo te llevará a la URL indicada.
Target de usuarios: en este campo indicamos a qué tipo de usuario le queremos mostrar nuestro popups, usuarios logueados, usuarios no logueados o todos los usuarios

Antes de terminar vamos a configurar cuando queremos que se muestre nuestro popups, para eso tenemos 3 variantes:

Mostrar cuando el mouse sale del navegador: cuando activamos esta función, nos mostrará el popups cuando el usuario despliegue el mouse por fuera de nuestra página.
Mostrar luego de x segundos: en esta opción además de activarla debemos determinar la cantidad de segundos que tarda en aparecer nuestro popups. Por ejemplo a los 10 segundos de ingresar a la página.
Mostrar popups luego de scrollear un porcentaje: similar a la opción anterior en esta configuración debemos activarla y determinar a qué porcentaje de la página queremos que se active el popups. Por ejemplo al 25% de la página.
Por último indicamos cuántas veces queremos que se active nuestro popups.

Por último debemos indicar en qué URL lo queremos activar, se aclara con un aviso que si no se condiciona ninguna dirección se mostrará en todas las pantallas.

Damos click en “Crear” y ya tenemos configurado nuestro popups:

Activar mi smart Popups

Una vez ya configurado el popup, debemos activarlo dandole un contexto. Para eso encontramos el botón de “editar contexto” , en la parte superior derecha de la configuración del smart popups: