How to install Brainybear chatbot on your Shopify site

If you have Shopify Plus, you may be able to add third-party scripts to your checkout page and should talk to your Merchant Success Manager at Shopify to add Brainybear chatbot to your checkout.

For non-Shopify Plus customers you can install Brainybear chatbot on your Shopify storefront, however the built-in Shopify checkout will block third-party scripts, including Brainybear. This is a limitation within Shopify, however, we can suggest a workaround for tracking your Shopify checkout flow.

Step 1. Navigate to Brainybear > Assistants and copy the chatbot snippet for the Brainybear chatbot.

Step 2. Visit your Shopify Admin dashboard.

Step 3. Click on Online Store, then click on Themes.

Step 4. On your current theme, click on Actions and then select Edit code.

Step 5. Within the Layout folder, click on theme.liquid.

Step 6. Scroll down the theme.liquid page until you've found the </head> closing tag.

Some themes will a variation of the </head> tags such as {/head}, [/header], or other variations of [/head]. These all work in the same way.

Step 7. Paste your Chatbot snippet just before this closing </head> tag.

Step 8. Click on Save to apply the changes.


Using the steps above, the chatbot snippet should now be installed on your Shopify storefront. To also track the order status page, you'll need to install the Tracking Code in another section of Shopify. Follow the steps below for help with doing this.


Step 9. To install the Tracking Code on your order status page, inside the Shopify Admin sidebar click on Settings.


Step 10. Click on Checkout.


Step 11. Scroll down until you reach the Order status page scripts section. Paste the chatbot snippet in the text field.


Step 12. Click Save.

The chatbot snippet should now be installed on your order status page. This does not install the chatbot snippet on your Shopify checkout, as Shopify's built-in checkout doesn't allow third-party scripts, such as Brainybear.