StoreFrog Product Recommendations for Shopify- Setup Guide

SF Product Recommendations for Shopify is a powerful tool that revolutionizes product recommendations in Shopify stores. It seamlessly integrates with your store and offers a wide array of recommendation widgets, which you can customize to cater to your customers’ preferences. This setup guide is your go-to resource for swiftly and effectively configuring Storefrog Recommendations for a Shopify store.

The application provides:
With SF Product Recommendations, you have the flexibility to Access a diverse selection of product recommendation widgets. These include New Arrivals, Bestsellers, On-sale products, Recently Viewed items, Related products, and more. This flexibility empowers you to cater to your customers’ preferences effectively.

• Recommendation widgets tailored for different store pages, such as Product, Shop, Collection, Cart, and 404 Pages.
• Recommendations widgets are categorized based on customer preferences and behaviors into Generic, Contextual, and Personalized recommendations.
• Design your custom recommendation widget using advanced customization filters.
  With SF Product Recommendations, you can Personalize the appearance and style of the recommendation widget to match your unique preferences. This level of control ensures that the widget seamlessly integrates with your store’s design, making your customers’ experience more engaging and enjoyable.

The below images show a few of the available widgets displayed on different pages of the store:

Once the application is successfully installed,

• From the Shopify admin panel, navigate to Apps.
• Under the Installed apps section, select the option SF Product Recommendations.

• This will open up the application’s Home page.

Once the application is installed, if you haven’t enabled app embed for StoreFrog, a warning will appear on the home page.

To enable app embed, click on the Enable button on the warning message, or from the admin panel, navigate to Online Store > Themes > Customize > App embeds. Then, enable the toggle inline to StoreFrog.

Upon installation, the Home page enables you to generate a new recommendation widget while also presenting initial analytics data depicting the performance of the recommendations on your store (Note: These values will be initialized to zero).

• Total revenue – Total revenue received from the sales facilitated through the recommendation widgets.
• Click through rate – The proportion of clicks on the recommendation widget to the overall impressions.
• Impressions – The overall occurrences of a recommendation widget loading on a page.

Once recommendation widgets are created, the Home page displays all the generated widgets along with several control options:

The available options are:

• Sync – Click to regenerate the recommendation manually (Automatically regenerates recommendations once a day).
• Install widget – Click to activate and display the recommendation on the store.
• Edit – Click to customize the recommendation settings.
• Delete – Click to remove a recommendation from the store.

Click the Create new recommendation button from the home page to access the available recommendations.

The Create recommendation page offers an extensive selection of recommendation widgets that can be effortlessly integrated into your Shopify store with a simple click. These recommendation widgets are categorized based on the five types of pages available in the Shopify store.

The store pages available to display the widgets are as follows:

• Product page
• Collection page
• Shop page
• Cart page
• 404 page
• Checkout page
• Thank you page

The available pages and the supported recommendation widgets are as follows:

Selecting a page from the Create recommendation page provides access to all available recommendations for that specific page. Click on any templates to incorporate the chosen recommendation into your store.

Choosing a recommendation template unlocks various options for customizing the selected recommendations.

The options available under the configuration window will vary depending on the page and recommendation template selected. To learn more, refer to the available recommendations.

The chosen group of products will be shown as recommendations. You have various options, including displaying products from a selected collection, tag, vendor, the same collection as the currently viewed product, and more. The options in this section will depend on the type of recommendation you are setting up.

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

The Products to be Recommended section allows the desired product groups to be selected and displayed on the product recommendation widget. The application allows the choice of multiple product groups to generate product recommendations. For more info on the filter, refer to Custom Product Recommendations for Shopify.

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.

1. Customization options – The sidebar contains a wide range of customization options that can be used to customize the widget’s appearance, such as font size, layouts, the number of products displayed, and more.
2. Preview – The preview provides a clear idea of how the recommendation widget will appear in the store based on the customization options applied in real-time.
3. Preview mode – Preview option for different devices. The preview will change based on the device type selected. The available preview options are:
   1. Desktop
   2. Tablet
   3. Mobile

The recommendation widget will be visible for the products on the front end only when the filter selected here matches the products on the front end. The available filters are:

To know more about display rules and how to set them up, refer to, Set up display rules.

Sort products displayed inside the widget. The available filters are:

• Popularity – Sort the products inside the recommendation in the order of:
  • Most to least popular – The product with a high sale count comes first.
  • Least to most popular – The product with a low sales count comes first.
• Created date – Sort the products inside the recommendation in the order:
  • Oldest to newest – The product added to the store first comes first.
  • Newest to oldest – The product added to the store at last comes first.
• Price – Sort the products inside the recommendation in the order:
  • High to low – The product with the highest price comes first.
  • Low to high – The product with the lowest price comes first.
• Randomize – Products displayed randomly without any order.

This page offers an in-depth overview of the performance of the recommendation widgets on your store, providing insights into metrics such as the frequency of the recommendation widgets appearing on pages, the number of sales facilitated through the widgets, and much more data.

• Average order value – Gross sales divided by the total number of orders places in the store.
• Total revenue – Total revenue received from the sales facilitated through the recommendation widgets.
• Total sales – Aggregate sales generated through the recommendation widget.
• Click through rate – The proportion of clicks on the recommendation widget to the overall impressions.
• Impressions – The overall occurrences of a recommendation widget loading on a page.
• View rate – Overall occurrence of a customer engaging with a recommendation widget.
• Conversion rate – The percentage of purchases made after clicking a recommendation widget,

Furthermore, this page furnishes data based on individual pages within the store, as well as specific information for each recommendation widget that you have created. This detailed breakdown enhances your understanding of performance metrics at a granular level.

This page lists a few general settings that apply to the entire store.

• Hide out of stock products – Enable to hide any out-of-stock products from appearing on the recommendation widget.
• Remove StoreFrog branding—By default, every recommendation widget created will have branding. Enable this to remove the branding from the recommendation widget.