1. Bold Commerce Help Center
  2. Bold Brain - Shopify
  3. Tutorials

Install Your Recommendation Widget

Follow
Avatar
Brendin
Published:
Updated:
  • Bold Brain
  • All Versions
  • Basic Liquid knowledge required
  • 10 Minutes

Overview

Bold Brain gives you the ability to add a recommendation widget to your product pages. Generally, you can auto-install the widget when you go to activate it. However, there are some instances where you may want to install the widget on a back-up theme.

Note: This guide requires you to create your widget before proceeding with the installation.

To manually install your Brain widget, 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 menu, select Widgets

  4. From the "Recommendations Widget" page, select the ellipsis beside your desired widget.

    To the far-right of the recommendation widget you want to install, select the ellipsis (under Actions)

  5. Select Install.

    From the dropdown menu, select Install (second one down)

  6. Select Copy.

    Note: A message will appear to let you know the code has been successfully copied to your clipboard. You can also scroll to the side to locate the widget's ID.

    In the pop-up window, select Copy on the right-hand side in order to copy the widget's code

  7. Select Close.

    In the bottom-right corner, select Close

  8. From Shopify's admin, select Online Store.

    Select Online Store on the left-hand side of your Shopify admin

  9. Select Actions.

    Next to your live theme or the theme you want the recommendation widget to show up on, select Actions on the right-hand side (to the left of Customize)

  10. Select Edit code.

    From the dropdown menu, select Edit Code

  11. Under "Templates", select product.liquid.

    Note: This may be located under "Sections" in the product-template.liquid file.

    Under the Templates section, select product.liquid

  12. Navigate to the bottom of this file and paste the code you copied in Step 6.

    Note: This should always go above the "schema" coding for the widget to display correctly.

    Paste the Widget code that you just copied at the very bottom of the page

  13. Select Save.

    In the bottom-right corner, select Save

Helpful Links:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Articles in this section