Home > Docs > StoreFrog Product Recommendations > Hot Selling Recommendations for Shopify

Hot Selling Recommendations for Shopify

Last updated on October 4, 2024

Hot seller recommendations are customized suggestions for high-performing products within a specific category, utilizing metrics such as sales momentum, customer satisfaction, and emerging trends. These recommendations enable consumers to explore sought-after and trending items that align with their preferences. In this guide, we will explore the process of integrating Hot Selling Recommendations for Shopify stores using SF Product Recommendations by WebToffee, enhancing the shopping experience and fostering greater engagement.

Hot sellers on storefront
Hot sellers on the storefront
  1. Install StoreFrog Product Recommendations on your store.
  2. From the admin panel, head to Apps > SF Product Recommendations.
  3. Click on Create new recommendation.
  4. Under Select a page, select a page to display hot sellers.

Hot seller recommendations can be added to any page of your Shopify store.

  1. After selecting a page, click on the Hot selling template under Select recommendation type.
Recommendation templates
Recommendation templates

Customize recommendation

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

Configure Recommendation
Configure Recommendation

Hot seller recommendations highlight the top-selling products in your store. The Recommend Products section allows you to display customized hot-selling products depending on the page the customer is viewing.

If there isn’t enough sales data, hotseller recommendations will display random products from the store.

Product page

The product page displays hot-selling products based on the product the customer is currently viewing. You can choose to display products from any of the categories below.

Product page
Product page
  • Hot-selling products from the same collection as the currently viewing product (Default).
  • Hot-selling products with the same tag as the currently viewing products.
  • Hot-selling products from the same vendor as the currently viewing products.
  • Hot-selling products from the same category as the currently viewing products.
  • Store-wide hot-selling products. (Suitable for stores with fewer orders. Instead of displaying products based on the currently viewed products, display the storewide hot-selling products.)

Shop page

By default, the shop page will showcase the store’s top-selling products in the last 30 days. However, if you require customization, you have the flexibility to display products according to any of the options listed below:

Shop page
Shop page
  • Store-wide hot-sellers (Default).
  • Hot-selling products from selected collections.
  • Hot-selling products with selected types.
  • Hot-selling products from selected vendors.
  • Hot-selling products from selected categories.

Collection page

By default, the collection page will showcase the current viewing collection’s hot-selling products. However, if you require customization, you have the flexibility to display products according to any of the options listed below:

Collections
Collection page
  • Display hot-selling products from the same collection as the customer is viewing. (Default).
  • Display store-wide hot-selling products. (Suitable for stores with fewer orders and products. Instead of displaying products based on the currently viewed products, display the storewide hot-selling products).

Cart page

The cart page displays hot-selling products based on the last added cart product. You can choose any display products from any of the below categories.

  • Hot-selling products from the same collection as the last added cart product(Default).
  • Hot-selling products with the same tag as the last added cart product.
  • Hot-selling products from the same vendor as the last added cart product.
  • Hot-selling products from the same category as the last added cart product.
  • Store-wide hot-selling products. (Suitable for stores with fewer orders and products. Instead of displaying products based on the currently viewed products, display the storewide hot-selling products).

404 page

The page will display the highest-selling products in the last 30 days from the whole store. No customizations are available.

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 be visible on the selected page only when the filter set using the Display rule option matches the products on the front end. The available filters are:

https://www.webtoffee.com/wp-content/uploads/2023/11/2023-10-31_14-11-05-1024x176.png
Display rules

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

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
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 displayed for the products from the selected category.

Exclude – The recommendation will be hidden for the products from 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 – The recommendation displayed for the products from the selected collection.

Exclude – and the recommendation will be hidden for the products from the selected collection.
ProductsThe widget will only appear on the page if the product(s) on the page satisfies the product condition set here.Include – The recommendation displayed for the products selected.

Exclude -The recommendation will be 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.Include -The recommendation will be only displayed for the products with the selected tag.

Exclude – The recommendation will be hidden for the products with the selected tag.
Viewing dateThe recommendation widget will only appear in the store in the selected interval of time.Start date – The recommendation will start to display from the selected date.

End date – The recommendations will be displayed 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.User is guest – The recommendations will only be visible to the guest user.

User is customer – Recommendations will be visible for only customers.
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 will only be displayed on the product pages of items priced higher than the selected value.

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

Step 4: Set up visual preferences

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.