How to Embed Your ChatBot on Wordpress
Here is a step-by-step guide on how to embed your ChatBot on Wordpress.
Please note: This widget cannot be added to WordPress.com's Free and Personal plans due to JavaScript restrictions..
Step 1: Access your Wordpress
a) Login to <https://wordpress.com/login>.
![](https://files.readme.io/019290c-Screen_Shot_2023-10-03_at_12.45.04_PM.png)
Step 2: Adding an embed
a) Click on "Pages".
![](https://files.readme.io/c2743ce-Screen_Shot_2023-10-03_at_2.35.13_PM.png)
b) Click on the page you want your ChatBot, or click on "Add new" to create a new page.
![](https://files.readme.io/95a0b52-Screen_Shot_2023-10-03_at_2.32.55_PM.png)
Step 3: Setting up an embed
a) Click on the "+" icon.
![](https://files.readme.io/bb95b5c-Screen_Shot_2023-10-03_at_1.54.14_PM.png)
b) Search for "Custom HTML".
![](https://files.readme.io/143275e-Screen_Shot_2023-10-03_at_1.58.28_PM.png)
c) Click on "Custom HTML".
![](https://files.readme.io/5aefac1-Screen_Shot_2023-10-03_at_2.01.14_PM.png)
d) 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/7d26af7-Screen_Shot_2023-10-03_at_2.37.10_PM.png)
Step 4: Save Changes
a) Click on "Update".
![](https://files.readme.io/7bb8f55-Screen_Shot_2023-10-03_at_2.38.06_PM.png)
Step 5: Check the result
a) Click on the "View Page" icon.
![](https://files.readme.io/9e17d1c-Screen_Shot_2023-10-03_at_2.28.13_PM.png)
![](https://files.readme.io/845697b-Screen_Shot_2023-10-03_at_2.40.43_PM.png)
Congratulations! You have successfully embedded your ChatBot on Wordpress. This accomplishment will greatly enhance user engagement and support on your website โ
Updated 4 months ago