Integrate Bytechat on your Shopify store

Do you have a store via Shopify? You can easily add Bytechat by placing a small piece of code in your theme. This makes the chatbot immediately available on all pages of your store.

Step 1: Edit theme

1. Log in to your Shopify admin panel.
2. In the left menu, go to Online Store and click Themes.
3. Click the three dots button (...) next to your current theme.
4. Select the option Edit code from the menu.

Step 2: Find the correct file

You're now in Shopify's code editor. We need to modify a file that loads on every page.

1. Look in the left sidebar under the Layout heading.
2. Click on the file theme.liquid to open it.

Step 3: Add script

Now we'll add the Bytechat code to this file.

1. Open your Bytechat dashboard and go to the Account tab.
2. Here you'll find your unique installation code. Copy the complete script.
3. Go back to Shopify and scroll all the way down in the theme.liquid file.
4. Look for the line with </body> (this is usually near the bottom).
5. Paste the copied script just above the </body> tag.

<script
src="https://app.bytechat.ai/loader.js"
data-customer-id="[your-customer-id]"
defer>
</script>

Note: In your dashboard, [your-customer-id] is already automatically filled in for you.

Step 4: Save and test

1. Click the Save button in the top right.
2. Go to your store (the front end that customers see) and refresh the page.
3. If everything is correct, the Bytechat icon should now appear in the bottom right corner.

Congratulations! You've successfully integrated Bytechat on your Shopify store.