This helps customers quickly identify products they've browsed, improving navigation and reducing decision fatigue.
Why Use Badge Overlay?
Improve Navigation: Help customers quickly find products they're interested in
Reduce Confusion: Prevent customers from re-clicking the same products
Build Familiarity: Visual reminder of products they've already explored
Save Time: Customers can skip products they've already reviewed
Enhance UX: Creates a more personalized shopping experience
Where Badges Appear
The "Previously Visited" badge appears on:
Collection pages
Search results
Homepage product grids
Related product sections
Any product grid on your store
Important: Badges do NOT appear:
In the Recently Viewed widget itself (redundant)
On the current product page
In cart or checkout
Enabling Badge Overlay
Step 1: Enable the Feature
Go to App Embeds → Recently Viewed → Badge Overlay
Toggle Enable Badge Overlay to ON
The feature activates immediately for all customers
How It Works
Customer browses Product A
Product A is tracked in their session
Customer navigates to a collection or search page
Product A now shows a "Previously Visited" badge
Customer can easily see which products they've already explored
Badge Styling
Badge Position
Choose where the badge appears on product images:
Go to App Embeds → Recently Viewed → Badge Overlay
Select badge location:
Top Left (default, most visible)
Top Right (less intrusive)
Bottom Left (subtle)
Bottom Right (subtle)
Recommendation: Top-left corner is most conventional and visible. Use top-right if your theme already has badges/labels in the top-left.
Badge Colors
Customize badge appearance:
Background Color: Badge background (default: #4A5568)
Text Color: Badge text (default: #FFFFFF)
Badge Text
Customize the badge label:
Go to App Embeds → Recently Viewed → Badge Text
Enter custom text (default: "Previously Visited")
Keep it short (2-3 words maximum)
Alternative Text Ideas:
"Seen Before"
"Already Viewed"
"Visited"
"You've Seen This"
Custom translations for international stores
Character Limit: 20 characters maximum to ensure readability

