How to Embed Your Live Chat on Wix
Here is a step-by-step guide on how to embed your Live Chat on Wix.
Step 1: Adding an embed
a) Click on "Add Elements" in your Wix Editor.
![](https://files.readme.io/2713de4-Wix_add_elements.png)
b) Click on "Embed Code".
![](https://files.readme.io/72a8fd9-Wix_embed_code.png)
c) Click on "Popular Embeds".
![](https://files.readme.io/612812d-Wix_popular_codes.png)
d) Click on "Embed HTML".
![](https://files.readme.io/6398f21-Wix_HTML.png)
e) Click on "Code".
![](https://files.readme.io/60c28a3-Wix_code.png)
Step 2: Setting up an embed
a) Paste your Code. To find the code of your Live Chat, follow this guide: <https://docs.customgpt.ai/docs/live-chat>.
![](https://files.readme.io/e75013b-Wix_live_chat_code.png)
b) Click on "Update".
![](https://files.readme.io/46815f4-Wix_update_livechat.png)
Step 3: Adjust your Live Chat position
a) Click on the "X" icon.
![](https://files.readme.io/c54af80-Wix_cross_icon.png)
b) Right-click on the Live Chat.
![](https://files.readme.io/a022e85-Wix_live_chat_mark.png)
c) Click on "Pin to Screen".
![](https://files.readme.io/4b0798a-Wix_pin_to_screen.png)
d) Set the position at the bottom-right corner.
![](https://files.readme.io/28e0ed1-Wix_right_bottom.png)
e) Click on the "X" icon.
![](https://files.readme.io/6ec77eb-Wix_bottom_cross.png)
Step 4: Adjust your Live Chat size
a) Adjust the dimensions of your Live Chat to ensure it fits well on your webpage.
![](https://files.readme.io/cd9f6a5-Wix_adjust_dimensions.png)
![](https://files.readme.io/214ea6d-Wix_adjusted.png)
Step 5: Check your ChatBot in action
a) Click on "Publish".
![](https://files.readme.io/bc069c2-Wix_publish.png)
b) Click on "View Site".
![](https://files.readme.io/fc27bf1-Wix_view_site.png)
(c) Final Look:
![](https://files.readme.io/fd4fdc7-wix_Home_demo.png)
Congratulations! You have successfully embedded your Live Chat on your Wix website. This accomplishment will greatly enhance user engagement and support on your website ✔
Updated 4 months ago