How to Embed Your Live Chat on Woocommerce
Here is a step-by-step guide on how to embed your Live Chat 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 on the "+" icon.
![](https://files.readme.io/648ba44-image1.png)
c) Search for "Custom HTML".
![](https://files.readme.io/693e1d8-image4.png)
d) Click on "Custom HTML".
![](https://files.readme.io/6d72dd7-image16.png)
e) Paste your Code inside the HTML block. To find the code of your Live Chat, follow this guide: https://docs.customgpt.ai/docs/live-chat.
![](https://files.readme.io/4717c3d-Screen_Shot_2023-10-03_at_2.52.40_PM.png)
Step 4: Save Changes
a) Click on "Save".
![](https://files.readme.io/773fe1c-Screen_Shot_2023-10-03_at_3.00.05_PM.png)
b) Click again on "Save".
![](https://files.readme.io/f9a2311-Screen_Shot_2023-10-03_at_2.55.26_PM.png)
Step 5: Check the result
a) Click on the "Laptop" icon.
![](https://files.readme.io/ca25c99-Screen_Shot_2023-10-03_at_3.04.08_PM.png)
b) Click on "View site".
![](https://files.readme.io/6650455-Screen_Shot_2023-10-03_at_2.55.44_PM.png)
![](https://files.readme.io/753ead9-Screen_Shot_2023-10-03_at_2.55.54_PM.png)
![](https://files.readme.io/4f52810-Screen_Shot_2023-10-03_at_3.06.15_PM.png)
Congratulations! You have successfully embedded your Live Chat on Woocommerce. This accomplishment will greatly enhance user engagement and support on your website ✔
Updated 4 months ago