Adding Recently Viewed Carousel
How to Add and Configure the Recently Viewed Component in Mobile Studio
Understanding the feature:
Recently viewed is a carousel that shows products a user has recently viewed, with the most recent first. It is available on
-
- Homepage
- Product Detail Page
- It does not require any third-party integration.
- The component is fully powered by Reactiv.
Step 1: Add the Recently Viewed component to your homepage
- Open Reactiv App Studio.
- Find the new Recently Viewed component.
- Drag and drop it onto your homepage layout.
Step 2: Customize the component header
- After placing the component, edit the header text.
- Enter the label or message you want users to see above the recently viewed products.
Step 3: Set display limits for the product carousel
- Configure how many products to show per recommendation.
- Set the maximum products to show in the component.
- Adjust the display so it fits your homepage design and content needs.
Step 4: Define the minimum number of viewed products required
- Define the number of PDP a user must view before the component appears.
- The Recently Viewed carousel will only display once this threshold is met.
- If the user has viewed fewer than the required number of products, the component will not be shown