Historial de navegación

Con el Historial de navegación, los usuarios podrán ver el historial de sus últimos diez productos navegados en el sitio. Esta información estará disponible en un “Listado“, que se visualizará haciendo clic en la burbuja correspondiente. Los productos se mostrarán por orden cronológico de forma descendente.

Acceso

Ingresa al módulo HUB de notificaciones
Selecciona la pestaña Vitrinas
Selecciona la opción Historial de navegación

Configurar

En la columna de la izquierda se encuentran las opciones de configuración. A la derecha, la vista previa de la vitrina.



Burbuja
Activa o desactiva el botón.

Define la posición
Selecciona la posición en la que te gustaría que se vea esta burbuja en tu sitio:
• Izquierda
• Derecha

Selecciona el color de la burbuja
Selecciona un título para el listado que se desplegará con los últimos productos navegados por el usuario.

Define el lugar donde se visualizará el widget
• En todas las páginas.
• En una específica.
• Todas las páginas, excepto...: Pega las URLs que quieras incluir separadas por una “,”. Puedes filtrar URLs por prefijo agregándole un asterísco ( ) al final. Por ejemplo: https://www.tupagina.com/checkout/. (Esto también aplica para Exit popup y Banners)

Click en el botón Guardar cambios para finalizar

Apariencia

Configura la apariencia de la vitrina



• Selecciona estilo: redondeado o cuadrado.
• Selecciona una tipografía.

Click en el botón Guardar cambios para finalizar

Subir HTML

Usa esta opción para agregar tu diseño en HTML.



Carga el HTML para el contenedor de productos: dentro, se mostrarán los productos reemplazando {{ products }} por el listado de productos populares.



Carga el HTML para cada producto: Cada producto del tag {{ products }} será reemplazado por este código. Dentro de este HTML, se reemplazarán los textos {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} por el título, descripción, precio, imagen y URL de cada producto.



¡Importante! El link que dispara la acción de mostrar el widget debe tener el id "wpn-ir-inline". Adicionalmente, los enlaces a los productos deberán contar con la clase "wpn-inline-product-link".

Puedes usar el botón UTILIZAR CONFIGURACIÓN PREDETERMINADA para volver al modo personalizado

Visualización

Puedes previsualizar la vitrina en el sector derecho de la pantalla, tanto la versión para desktop como para mobile.

Icomm Beta AI

Cómo activar burbuja de Historial de Navegación

Con el Historial de navegación, los usuarios podrán ver el historial de sus últimos diez productos navegados en el sitio. Esta información estará disponible en un “Listado“, que se visualizará haciendo clic en la burbuja correspondiente. Los productos se mostrarán por orden cronológico de forma descendente.



Ve al módulo Ecommerce AI

Selecciona el menú Burbujas

Ingresa a la sección Historial de navegación

Configurar

En la columna de la izquierda se encuentran las opciones de configuración. A la derecha, la vista previa de la vitrina.



Burbuja

Activa o desactiva el botón.

Define la posición

Selecciona la posición en la que te gustaría que se vea esta burbuja en tu sitio:

• Izquierda

• Derecha

Título de la burbuja

Escribe el título que quieres mostrar en la burbuja.

Selecciona el color de la burbuja

Selecciona un título para el listado que se desplegará con los últimos productos navegados por el usuario.

Título del listado

Escribe el título que quieres mostrar en la lista del historial de productos.

Mostrar precios de los productos

Activa la opción si deseas que en el listado se vean los precios de los productos.

Se visualiza el widget en

Define las páginas del sitio donde deseas mostrar la burbuja de Historial.

• En todas las páginas.

• En una específica.

• Todas las páginas, excepto...: Pega las URLs que quieras incluir separadas por una “,”. Puedes filtrar URLs por prefijo agregándole un asterísco ( ) al final. Por ejemplo: https://www.tupagina.com/checkout/. (Esto también aplica para Exit popup y Banners)

Click en el botón Guardar cambios para finalizar

Configuración avanzada

Usa esta opción para agregar tu diseño en HTML.



Carga el HTML para el contenedor de productos: dentro, se mostrarán los productos reemplazando {{ products }} por el listado de productos populares.



Carga el HTML para cada producto: Cada producto del tag {{ products }} será reemplazado por este código. Dentro de este HTML, se reemplazarán los textos {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} por el título, descripción, precio, imagen y URL de cada producto.

Apariencia

Configura la apariencia de la vitrina



• Selecciona el estilo del borde: redondeado o cuadrado.

• Escoge una tipografía.

Click en el botón Guardar cambios para finalizar

Métricas

La pestaña de métricas y resultados muestra los principales indicadores de los últimos 30 días para mejorar el análisis de datos directamente desde el Hub.



¡Importante! El link que dispara la acción de mostrar el widget debe tener el id "wpn-ir-inline". Adicionalmente, los enlaces a los productos deberán contar con la clase "wpn-inline-product-link".

Puedes usar el botón UTILIZAR CONFIGURACIÓN PREDETERMINADA para volver al modo personalizado

Visualización

Puedes previsualizar la vitrina en el sector derecho de la pantalla, tanto la versión para desktop como para móvil.

Actualizado el: 09/01/2025