Home > Docs > StoreFrog Product Recommendations > Recently Viewed Recommendations for Shopify 404 Pages

Recently Viewed Recommendations for Shopify 404 Pages

Last updated on October 4, 2024

Recently viewed recommendations offer a convenient way for customers to revisit products they’ve shown interest in. These suggestions showcase items the customer has previously viewed during their browsing session, making it easy to pick up where they left off. By displaying fresh products in their memory, these recommendations help shoppers make informed decisions and streamline their shopping experience. In this guide, we’ll explore how to implement Recently Viewed Recommendations for Shopify 404 Pages with SF Product Recommendations by WebToffee.

Recently viewed recommendations on store
Recently viewed recommendations on store

Step1: Select a page to display upsell recommendations

  1. Install the SF Product Recommendations.
  2. Navigate to Apps > SF Product Recommendations.
  3. Click on Create widget.
  4. Select the 404 page to display the Upsell recommendations.
  5. Under the recommendation type, choose Recently viewed.

Recently viewed recommendations are available on all pages.

Available recommendation widgets
Available recommendation widgets

Selecting the template will provide you with various options to customize the recommendation.

Customize recommendations
Customize recommendations

For recently viewed recommendations, the application automatically suggests items that the customer has previously viewed during their browsing session. The last visited product will be displayed first.

Furthermore, the application offers a wide range of customization options for the recommendation widget.

Step 2: Set up widget title

This text will display as the title of the product recommendation widget in the e-store.

Widget title
Widget title

Step 3: Set up display rules

The recommendation widget will only be visible on the selected page when the filter set using the Display rule option matches the products on the front end. The available filters are:

Display rules
Display rules

The available filters under the Display rules will vary depending on your page selection.

Selected pageAvailable Display rules
Product pageCategory | Collections | Products | Tags | Viewing date | User Status | Price
Collection pageCategory | Viewing date | User Status | Price
Shop pageViewing date | User Status | Price
Cart pageCategory | Collections | Products | Tags | Viewing date | User Status | Price
404 pageUser role

Available display rules

Display ruleExplanationOptions
CategoryThe widget will only appear on the page if the product(s) on the page satisfies the category condition set here.Include – The recommendation will only be displayed for the selected category products.

Exclude – The recommendation will be hidden for the selected category.
CollectionsThe widget will only appear on the page if the product(s) on the page satisfies the collection condition set here.Include -Recommendations are displayed for the products with the selected tag.

Exclude – Recommendations hidden for the products with the selected tag.
ProductsThe widget will only appear on the page if the product(s) on the page satisfies the product condition set here.Include – Recommendations displayed for the products selected.

Exclude -Recommendations hidden for the products selected.
Product tagThe widget will only appear on the page if the product(s) on the page satisfies the product tag condition set here.Start date – The recommendation starts to appear on the selected date.

End date – The recommendations display till the selected date.
Viewing dateThe recommendation widget will only appear in the store in the selected interval of time.Start date – The recommendation starts to appear on the selected date.

End date – The recommendations display till the selected date.
User roleThe recommendation widget will only be visible to the user roles selected here. Don’t configure if you want to display recommendations to all users.The recommendation widget will only appear in the store in the selected time interval.
PriceThe widget will only appear on the page if the value of the product(s) on the page matches the price condition set here.Greater than – Recommendations displayed on the product pages of items priced higher than the selected value.

Less than – Recommendations displayed on the product pages of items priced lower than the selected value.

Step 4: Customise widget appearance

Click on Customize to customize the appearance of the recommendation widget at the store’s front end. The Visual preference window will provide a wide range of customization options and a live preview of how the widget will appear on the store. To learn more about how to customize the widget’s appearance, refer to the Personalize Appearance of Recommendation Widget in Shopify Store.

Visual preferences
Visual preferences

Step 5: Generate the widget

After the configurations, clicking the Create new recommendation generates the new widget.

If App embed functionality is enabled for SF Product Recommendations, the recommendation will automatically be added to the store. Otherwise, you have to install the widget manually in your store. To know more about manual widget installation, refer to the article, How to install a recommendation widget on the store manually.