How to Embed Your ChatBot on Woocommerce
Here is a step-by-step guide on how to embed your ChatBot on Woocommerce.
Step 1: Access your Woocommerce
a) Login to https://woocommerce.com/login.
![](https://files.readme.io/f10c474-image9.png)
b) Click on "My Stores".
![](https://files.readme.io/3f06c06-image15.png)
c) Click on "Manage Store".
![](https://files.readme.io/1e64670-image8.png)
Step 2: Adding an embed
a) Click on "Pages".
![](https://files.readme.io/5f07664-image2.png)
b) Click on "Homepage".
![](https://files.readme.io/c8e9c33-image7.png)
Step 3: Setting up an embed
a) Click anywhere on the webpage.
![](https://files.readme.io/8b0b3ee-image5.png)
b) Click where you want your ChatBot to appear.
![](https://files.readme.io/4d7239d-image13.png)
c) Click on the "+" icon.
![](https://files.readme.io/648ba44-image1.png)
d) Search for "Custom HTML".
![](https://files.readme.io/693e1d8-image4.png)
e) Click on "Custom HTML".
![](https://files.readme.io/6d72dd7-image16.png)
f) Paste your Code inside the HTML block. To find the code of your Chatbot, follow this guide: https://docs.customgpt.ai/docs/embed-customgpt-chatbot.
![](https://files.readme.io/af978d0-image6.png)
g) Click on "HTML Preview".
![](https://files.readme.io/ea8dbbd-image3.png)
Step 4: Save Changes
a) Click on "Save".
![](https://files.readme.io/e36d020-image11.png)
b) Click again on "Save".
![](https://files.readme.io/c412839-image12.png)
Step 5: Check the result
a) Click on the "Laptop" icon.
![](https://files.readme.io/dff1421-image17.png)
b) Click on "View site".
![](https://files.readme.io/4a2347a-image10.png)
![](https://files.readme.io/ab7534d-image14.png)
Congratulations! You have successfully embedded your ChatBot on Woocommerce. This accomplishment will greatly enhance user engagement and support on your website โ
Updated 5 months ago