Home > Docs > StoreFrog Product Recommendations > Install Recommendation Widgets in a Shopify Store

Install Recommendation Widgets in a Shopify Store

Last updated on November 29, 2024

SF Product Recommendations provides a comprehensive solution to enhance product recommendations on your Shopify store. It offers a variety of recommendation widgets that seamlessly integrate with your store and can be tailored to suit your customers’ preferences. If you haven’t enabled the App embed option for your recommendation provider, the recommendations won’t automatically be displayed on the storefront. You will have to add them to the store manually. This guide explains the process of installing Recommendation Widgets in a Shopify store manually.

  1. Create widget.
  2. Copy the widget ID.
  3. Go to the Shopify theme editor.
  4. Select the widget from the sidebar.
  5. Paste the widget ID.
  6. Save settings.

Install a recommendation widget in the store

Once the recommendation is all set, clicking the Create widget will open a pop-up with instructions for installing it in the store.

Configuring a recommendation widget
  • Click on Copy ID from the pop-up to copy the widget ID to your clipboard.
  • Once the widget ID is copied, click Go to editor to access the Shopify theme editor.
Installing recommendation widget

This will redirect you to the Shopify Theme editor. To activate the recommendation widget:

  • Select the Storefrog Smart Widget option from the sidebar Theme editor under the App section.
Shopify theme editor
  • Paste the Widget ID under the Widget-ID field in the newly opened window.
  • Finally, click on Save to activate the recommendation widget on the store.
Shopify theme editor

Now, the widget will be displayed on the front end of the store.

Shopify store