How to Embed Your ChatBot on Shopify
Here is a step-by-step guide on how to embed your ChatBot on Shopify.
Step 1: Access your Shopify
a) Login to admin.shopify.com/login.
![](https://files.readme.io/2f59b2b-Screen_Shot_2023-10-02_at_6.14.37_PM.png)
b) Click on "Online Store ".
![](https://files.readme.io/677ae1d-Screen_Shot_2023-10-02_at_6.05.36_PM.png)
c) Click on "Customize".
![](https://files.readme.io/06a8cfd-Screen_Shot_2023-10-02_at_5.19.19_PM.png)
Step 2: Adding an embed
a) Below "Template", click on "Add Section".
![](https://files.readme.io/fe00b4d-Screen_Shot_2023-10-02_at_6.08.52_PM.png)
b) Search and click on "Custom Liquid".
![](https://files.readme.io/fd94931-Screen_Shot_2023-10-02_at_6.10.03_PM.png)
Step 3: Setting up an embed
a) On the left bar, double click on "Custom Liquid".
![](https://files.readme.io/f8a07d4-Screen_Shot_2023-10-02_at_5.18.05_PM.png)
b) Paste your Code inside "Liquid Code". To find the code of your Chatbot, follow this guide: https://docs.customgpt.ai/docs/embed-customgpt-chatbot.
![](https://files.readme.io/adc881e-Screen_Shot_2023-10-02_at_5.18.57_PM.png)
c) Click on "Save".
![](https://files.readme.io/02b56b0-Screen_Shot_2023-10-02_at_5.18.41_PM.png)
Step 4: Check your ChatBot in action
a) Click on the "Exit" icon.
![](https://files.readme.io/0ad8ce9-Screen_Shot_2023-10-02_at_5.19.04_PM.png)
b) Click on the "View your online store" icon.
![](https://files.readme.io/c1ef2f3-Screen_Shot_2023-10-02_at_6.12.05_PM.png)
![](https://files.readme.io/3120a5f-Screen_Shot_2023-10-02_at_5.19.32_PM.png)
Congratulations! You have successfully embedded your ChatBot on your Shopify website. This accomplishment will greatly enhance user engagement and support on your website โ
Updated 5 months ago