# Integrate a chatbot to my website

**URL:** <https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83>\
**Category:** Integrations\
**Created:** [December 30, 2021, 1:28pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83 "2021-12-30T13:28:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexandra](https://avatars.discourse-cdn.com/v4/letter/a/e68b1a/32.png) [@alexandra](https://forum.ideta.io/u/alexandra)\
**Post date:** [December 30, 2021, 1:28pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/1 "2021-12-30T13:28:44Z")

</div>

How to integrate my chatbot to my website? Can you explain the process?

---

<div class="post-metadata">

**Author:** ![alexandra](https://avatars.discourse-cdn.com/v4/letter/a/e68b1a/32.png) [@alexandra](https://forum.ideta.io/u/alexandra)\
**Post date:** [December 30, 2021, 1:51pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/2 "2021-12-30T13:51:11Z")

</div>

Sure, you can integrate your chatbot to your website. Your chatbot can be embed to the entire website or to one specific page.  
To do so, go the “Publish” section and you will see the script to copy and paste on your website.

 ![Capture d’écran 2021-12-30 à 14.13.35](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/6b10eefc112ff587360842c0f05427473efd37e9.png)

Once you added your chatbot to your website, you can still modify it. Just go to the “Publish” section and click on “Update” so that the changes may appear on your chatbot website directly.

We also have a blog post dedicated to this topic with more insights:  
[Chatbot integration](https://www.ideta.io/blog-posts-english/chatbot-integrations-all-platform)

---

<div class="post-metadata">

**Author:** ![sumt7](https://avatars.discourse-cdn.com/v4/letter/s/43a26b/32.png) [@sumt7](https://forum.ideta.io/u/sumt7)\
**Post date:** [January 7, 2023, 12:17pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/3 "2023-01-07T12:17:02Z")

</div>

Thanks for your response. How can I embed the chat box in the mid center of the website?

Something like this [Markup Hero - Free Screenshot & Annotation Tool](https://markuphero.com/share/MN8QMHo1TfyXv7TdeS4M) in the screenshot/

---

<div class="post-metadata">

**Author:** ![Glen](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Glen](https://forum.ideta.io/u/Glen)\
**Post date:** [January 7, 2023, 1:00pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/4 "2023-01-07T13:00:23Z")

</div>

Hi !

You need to use an iframe :

`<iframe src="YOUR_CHATBOT_URL" width="300" height="300">`

and insert it in your HTML.

Where width and height are in pixels.

---

<div class="post-metadata">

**Author:** ![sumt7](https://avatars.discourse-cdn.com/v4/letter/s/43a26b/32.png) [@sumt7](https://forum.ideta.io/u/sumt7)\
**Post date:** [January 9, 2023, 3:56pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/5 "2023-01-09T15:56:41Z")

</div>

Thank you, I’ll test it tomorrow.

---

<div class="post-metadata">

**Author:** ![sumt7](https://avatars.discourse-cdn.com/v4/letter/s/43a26b/32.png) [@sumt7](https://forum.ideta.io/u/sumt7)\
**Post date:** [January 10, 2023, 2:15pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/6 "2023-01-10T14:15:34Z")

</div>

Hi @Glen

I’ve tried but it’s not working. As I’ve been working on the local host.  
Plz check the attached screenshots.

 ![design](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/ae407e48a7acf560b83d1fcd43188158830f50c7.png)  
 ![embbed code](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/5a483bd35513dc8a448925e67c189ea7d2c45199.png)

---

<div class="post-metadata">

**Author:** ![Glen](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Glen](https://forum.ideta.io/u/Glen)\
**Post date:** [January 23, 2023, 1:42pm UTC](https://forum.ideta.io/t/integrate-a-chatbot-to-my-website/83/7 "2023-01-23T13:42:41Z")

</div>

I do not see an iframe in your code :

> [@Glen](#):
>
> `<iframe src="YOUR_CHATBOT_URL" width="300" height="300">`

the chatbot URL is :  
[https://app.ideta.io/web-display/BOT\_ID](https://app.ideta.io/web-display/BOT_ID)

where you can get BOT\_ID from the bot settings.