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.

Step1: Select a page to display upsell recommendations
- Install the SF Product Recommendations.
- Navigate to Apps > SF Product Recommendations.
- Click on Create widget.
- Select the 404 page to display the Upsell recommendations.
- Under the recommendation type, choose Recently viewed.
Recently viewed recommendations are available on all pages.
Selecting the template will provide you with various options to customize the recommendation.
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.
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:
The available filters under the Display rules will vary depending on your page selection.
Selected page | Available Display rules |
---|---|
Product page | Category | Collections | Products | Tags | Viewing date | User Status | Price |
Collection page | Category | Viewing date | User Status | Price |
Shop page | Viewing date | User Status | Price |
Cart page | Category | Collections | Products | Tags | Viewing date | User Status | Price |
404 page | User role |
Available display rules
Display rule | Explanation | Options |
---|---|---|
Category | The 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. |
Collections | The 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. |
Products | The 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 tag | The 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 date | The 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 role | The 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. |
Price | The 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.
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.