How to activate Browsing History in HUB
With the “Browsing History”, users will be able to see the history of their last ten products browsed on the site. This information will be available in a "List", which will be displayed by clicking on the corresponding bubble. The products will be displayed in descending chronological order.
Enter the Notification HUB module
Select the Showcases tab
Select the Browsing History option
In the left column are the configuration options. On the right, the preview of the showcase.
Bubble
Turn the button On or Off.
Define the position
Select the position in which you would like this bubble to appear on your site:
• Left
• Right
Bubble text (optional)
Select a title for the list that will be displayed with the latest products browsed by the user.
Color bubble
Select the color of the bubble
List title
Type a title for the bubble
Show prices
Turn the button On or Off.
You can visualize the widget in...
• On all pages.
• In a specific one.
• All pages, except...: Paste the URLs you want to include separated by a “,”. You can filter URLs by prefix by adding an asterisk () to the end. For example: https://www.yourpage.com/checkout/. (This also applies to Exit popup and Banners)
Configure the appearance of the showcase
• Select style: rounded or square.
• Select a font.
Click on the Save changes button to finish
Use this option to add your layout in HTML.
Load the HTML for the products container: inside, the products will be displayed replacing {{ products }} with the list of most popular products.
Load the HTML for each product: Each product of the tag {{ products }} will be replaced by this code. Within this HTML, the texts {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} will be replaced by the title, description, price, image and URL of each product, and {{ seenAt }} will be replaced for the elapsed time since user has seen that product.
Important! The link that triggers the action to display the widget must have the id "wpn-ir-inline". Additionally, links to products must have the "wpn-inline-product-link" class.
You can use the USE DEFAULT SETTINGS button to return to custom mode
You can preview the showcase in the right sector of the screen, both the desktop and mobile versions.
Access
Enter the Notification HUB module
Select the Showcases tab
Select the Browsing History option
Set up
In the left column are the configuration options. On the right, the preview of the showcase.
Bubble
Turn the button On or Off.
Define the position
Select the position in which you would like this bubble to appear on your site:
• Left
• Right
Bubble text (optional)
Select a title for the list that will be displayed with the latest products browsed by the user.
Color bubble
Select the color of the bubble
List title
Type a title for the bubble
Show prices
Turn the button On or Off.
You can visualize the widget in...
• On all pages.
• In a specific one.
• All pages, except...: Paste the URLs you want to include separated by a “,”. You can filter URLs by prefix by adding an asterisk () to the end. For example: https://www.yourpage.com/checkout/. (This also applies to Exit popup and Banners)
Display
Configure the appearance of the showcase
• Select style: rounded or square.
• Select a font.
Click on the Save changes button to finish
Upload HTML
Use this option to add your layout in HTML.
Load the HTML for the products container: inside, the products will be displayed replacing {{ products }} with the list of most popular products.
Load the HTML for each product: Each product of the tag {{ products }} will be replaced by this code. Within this HTML, the texts {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} will be replaced by the title, description, price, image and URL of each product, and {{ seenAt }} will be replaced for the elapsed time since user has seen that product.
Important! The link that triggers the action to display the widget must have the id "wpn-ir-inline". Additionally, links to products must have the "wpn-inline-product-link" class.
You can use the USE DEFAULT SETTINGS button to return to custom mode
Preview
You can preview the showcase in the right sector of the screen, both the desktop and mobile versions.
Updated on: 07/06/2023
Thank you!