Create and Edit Recommendation Widgets on Your Product Pages


Bold Brain gives you the ability to add recommendation widgets to your product pages. These widgets can show items related to the product a customer is viewing, frequently purchased products, recently added items, and many more.

Note: The widgets are currently only available to clients on a paid plan tier. If you're still on a free plan tier after your trial period has ended, the app will stop displaying the widgets on your storefront. You won't be able to edit or view them on the store until a paid plan tier has been selected.

To add a recommendation widget in Brain, please follow these steps:

  1. From Shopify's admin, select Apps.

    Select the Apps option on the left-hand side of your Shopify admin

  2. Select Bold Brain.

    select Bold Brain from your list of apps

  3. Select Widgets.

    From the side navigation bar, select Widgets

  4. Select Create New Widget.

    Along the top tab, select Create New Widget

  5. Select the Widget Type.

    Note: Visit What do each of the widget types mean? to learn more about each of the widget types.

    Select your widget type from the list (top-left to top-right: most frequently bought, related products, recently added, recently viewed by you; bottom-left to right: smart widget, top-rated)

  6. Select a Backup Strategy.

    Note: This will allow you to either fill the widget with other items or hide it if Brain is unable to associate enough products with the widget type.

    Choose a backup strategy from the dropdown menu

  7. Adjust the Widget Title (optional).

    In the widget customization section, enter in a title

  8. Select the Number of Items (optional).

    Beow the title, you can select whether 3, 4, 5, or 6 products will be displayed in the widget

  9. Select Allow Free Products (optional).

    Select the allow free products checkbox if you want free products to show up in the widget

  10. Select Display Add to Cart Button (optional).

    Select the Display Add to Cart Button checkbox if you want there to be a button for customers to add items directly to their cart without being first redirected to the product page

  11. Select the Background Color (optional).

    Note: A separate color selection modal will pop-up when you select the background color box.

    Click the box underneath Background Color to choose from a color spectrum or enter a HEX code

  12. Select Save or Save And Install.

    Note: Selecting "Save And Install" will automatically insert the widget's coding into your theme files and enable it on the storefront. Selecting Save will not place the widget on the storefront. You will need to install and activate it at a later time.

    In the bottom-right corner, select Save or Save and Install

  13. To edit a recommendation widget, select the ellipsis beside the widget you want to adjust.

    Note: If you're unable to edit your widgets, visit Why can't I edit my recommendation widgets? for more information.

    Select the Ellipsis

  14. Select Edit.

    Select Edit

  15. Adjust the widget settings accordingly.

    Note: The widget type cannot be changed because of the statistics tracking that Brain provides for each widget. You need to create a new widget to change its type.

    Adjust Widget Settings

  16. Select Save.
    Select Save

Helpful Links:

Was this article helpful?
0 out of 0 found this helpful