HCL Commerce Version 9.1.12.0 or later

Adding browsing history for React-based stores.

You can display recently viewed products (browsing history) using a new Page Composer tool for React-based stores. This document gives the steps to add "Browsing history" to your default Emerald store home page.

Before you begin

  • Ensure that a site administrator has configured your site to support Management Center marketing features. See Configuring marketing for Management Center.
  • Ensure that the catalog entries that you want to display in the e-Marketing Spot exist in Management Center in your catalog.
  • To display predefined cross-sells, up-sells, accessories, or replacements for products, you must have merchandising associations setup in your catalog.
  • If you want to target a specific customer segment in the web activity, the customer segment must exist in Management Center.

Procedure

  1. Open the Management Center Marketing tool.
  2. Select EmeraldSAS.
  3. Create an E-Marketing Spot with an appropriate title such as Recently Viewed.
  4. Create a web activity with the title Recently Viewed. For more details, see Creating a web activity that displays catalog entries
  5. Associate the newly created web activity with the Recently Viewed E-Marketing Spot.
    1. Click the E-Marketing Spot icon.
    2. In the search box, enter the name of the newly created E-marketing spot i.e. Recently Viewed.
    3. Click the Find and Add button to add the E-marketing spot.
    4. Click the Save button.
  6. Click the Display Recently Viewed icon next to the E-Marketing Spot icon.
  7. In the Display Recently Viewed section, go to the the Type of list drop-down list and select Catalog Entries.
  8. Input an integer value in the Maximum Number box which specifies the maximum number of products you want to display in the Recently Viewed E-Marketing Spot widget.
  9. Click the Save button to save changes.
  10. Click the Activate icon to enable the activity on the storefront.
  11. Open the Page Composer tool for Emerald store.
  12. Search the Recently Viewed E-Marketing Spot widget and add it to the home page.

Results

The Recently Viewed e-spot widget is successfully added to the default Emerald store.

What to do next

You can verify this by going to the default Emerald store and browsing through a few products. Once done, go to the home page and your browsed products are displayed under the title Recently Viewed.