Agrega Pop Ups en tu ecommerce Seguir

Hola!

En la siguiente guía te explicaremos cómo agregar distintos Pop Ups en diferentes páginas y poder contar con la gestión completa de ellos.

📍Recuerda que Riqra te puede ayudar colocando algunas imágenes publicitarias

Más información en la 👉Guía Secciones de visualización 

📋Pasos a seguir

Toda esta configuración la realizaremos a través de Google Tag Manager, recuerda en compartirnos el ID del contenedor para que se vea reflejado en tu página. Te dejo más información Aquí

1. Ingresa al contenedor de GTM

2. En "Añadir nueva etiqueta", selecciona "HTML personalizado"

 

 

3. En el espacio de HTML, coloca el siguiente script

<script>
__VIT__.modalForImages({
id: "aviso-categoria",
image: "https://images.pexels.com/photos/1132047/pexels-photo-1132047.jpeg",
imageWidth: "600px",
link: "https://www.google.com.pe/",
linkTarget: "_blank",
showAgainInXHours: 0.008
showWhenLoggedIn: true
});
</script>

3.1 Modifica el "id"

El nombre debe ser único para la etiqueta. No utilices espacios ni tildes

3.2 Modifica la imagen "image"

Coloca el link de la imagen que aparecerá como POP UP

3.3 Modifica el tamaño de la imagen en "imageWidth" en píxeles

La imagen se adapta al espacio que desean ocupar, para el ejemplo usaremos 600px de ancho

3.4 Modifica la URL que redirige al dar clic en la imagen en "link"

Esta alternativa es opcional, en caso no deseen redireccionar no se coloca esta línea

3.5  Modifica el tiempo que deseas vuelva aparecer el Pop Up en showAgainInXHours

Coloca el tiempo en horas, recuerda que vuelve aparece siempre y cuando se realice la acción definida en el activador y ocurre el tiempo definido. Para el ejemplo 0.008 representa a 30 segundos

3.6  Modifica showWhenLoggedIn

Coloca "true" en caso desees que sólo se visualice el modal cuando el usuario haya ingresado sesión. De lo contrario, hay que dejarlo en "false".

 

🔍Se visualizará de la siguiente manera:

4. En la sección "Activación"

✔ Añade la Ventana cargada donde se mostrará el Modal

4.1 Clic en el espacio para agregar un activador

4.2 Agrega un nuevo activador

4.3 Luego de dar clic en el espacio, Selecciona la opción de ventana cargada

4.4 Asegúrate que esté seleccionado lo siguiente

4.5 Coloca el Path en donde se activará el Modal

Para este ejemplo, aparecerá cuando estemos en la categoría de Frutas -->/c/Frutas

4.6 Coloca un nombre al activador y guárdalo

 

✔ También agrega un Cambio en el historial 

4.7 Repite el paso 4.1, 4.2

4.8 Luego de dar clic en el espacio, Selecciona la opción de Cambio en el historial

4.9 Agrega el Page Path (mismo colocado en el punto 4.5) y el History Source igual a pushState

4.10 Coloca un nombre al activador y guárdalo

 

🔍Se debe visualizar de la siguiente manera:

 

5. Guarda la etiqueta

Y No te olvides de dar clic en "Enviar" para que se vea relejada la configuración

TIP! ✨

Si deseas ver su funcionamiento antes de enviarlo, puedes dar clic en vista previa 

 

📩Si tienes alguna duda o consulta, escríbenos a soporte@riqra.com 📩