recently-viewed-products

Track and display recently viewed products using browser storage.

44|7|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/finsilabs/awesome-ecommerce-skills --skill recently-viewed-products
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recently-viewed-products
Source: https://github.com/finsilabs/awesome-ecommerce-skills/tree/main/skills/storefront-ui/recently-viewed-products
Command: npx skills add https://github.com/finsilabs/awesome-ecommerce-skills --skill recently-viewed-products

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps shoppers easily find products they've previously browsed, improving engagement and conversion by reducing the effort to rediscover items.

Core Features & Use Cases

  • Persistent Browsing History: Tracks viewed products using browser storage (localStorage, sessionStorage, or cookies) to maintain history across sessions.
  • Dynamic Widget Display: Renders a "Recently Viewed" widget on product pages, cart drawers, or the homepage.
  • Platform Adaptability: Provides specific instructions for Shopify, WooCommerce, BigCommerce, and custom/headless implementations.
  • Use Case: A shopper browses three different pairs of shoes, leaves the site, and returns later. The "Recently Viewed" widget on the homepage now shows those three pairs, allowing them to quickly continue their shopping journey.

Quick Start

Use the recently-viewed-products skill to enable the built-in "Recently Viewed" section in your Shopify theme's customizer.

Frequently Asked Questions about recently-viewed-products

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I show recently viewed products on my Shopify storefront?

To show recently viewed products on a Shopify storefront, use this Skill to enable the built-in "Recently Viewed" section directly within your theme customizer. It renders a widget on product pages, cart drawers, or the homepage.

How does browsing history tracking work for e-commerce personalization?

Browsing history tracking for e-commerce personalization works by storing viewed product data using browser storage mechanisms like sessionStorage, localStorage, or cookies to maintain and retrieve user history across sessions.

Can I use a recently viewed products widget with WooCommerce or BigCommerce?

Yes, you can use a recently viewed products widget with WooCommerce or BigCommerce. This Skill provides specific integration instructions for these platforms, as well as guidance for custom headless setups.

Does the recently viewed widget display accurate product data after updates?

Yes, the recently viewed widget displays accurate product data by re-fetching fresh product information based on stored browsing history. This ensures the displayed items reflect current details and availability.

What's the best way to add a recently viewed section to a headless storefront UI?

The best way to add a recently viewed section to a headless storefront UI is to use this Skill's custom implementation guidance. It leverages browser storage to track history and dynamically renders the widget.

Why use sessionStorage or cookies for recently viewed product history?

Use sessionStorage or cookies for recently viewed product history to persistently track user browsing data client-side. This approach maintains history across sessions, improving engagement and reducing rediscovery effort.