Install Embedded Chatbot

The Embedded Chatbot lets you integrate your chatbot seamlessly into any webpage using a simple iframe code.

The Embedded Chatbot allows you to place your chatbot directly inside any webpage using a simple HTML <iframe> snippet. This is ideal for dashboards, support pages, or custom layouts where you want the chatbot to appear inline.

Access the Embedded Chatbot Installation

Log in to your BotPenguin Dashboard.
Navigate to Install Your Chatbot.
Select the Embedded Chatbot tab from the top menu.

You will see the installation options for embedding your chatbot into a website.

Get the Installation Code

In the Get Chatbot Installation Code section:

Copy the iframe code provided.
This code is unique to your chatbot.

Example:

<iframe 
  src="https://page.botpenguin.com/XXXXXXXXXXXX" 
  width="100%" 
  height="600" 
  frameborder="0">
</iframe>

💡 Tip: You can adjust the width and height values to match your page layout.

Add the Code to Your Website

Paste the copied iframe code into the HTML of every page where you want the chatbot to appear.

Common placements include:

Inside the <body> tag
Within a specific container or section
Embedded inside CMS editors (WordPress, Webflow, etc.)

⚠️ Make sure the page allows iframes and does not block third-party embeds.

If a developer manages your website:

Enter their email address in the Share Installation Code section.
Click Send Email.

The developer will receive the installation instructions directly.

Request BotPenguin Installation Support

If you prefer hands-on assistance:

Click Help me in Installing ChatBot.
The BotPenguin support team will handle the installation for you.

Verify the Installation

Once added:

Reload your webpage
Confirm the chatbot appears correctly
Test a conversation to ensure it responds as expected

Troubleshooting

If the chatbot does not appear:

Confirm the iframe code is pasted correctly
Check that your website allows external embeds
Ensure no ad blockers or CSP rules are blocking the iframe

FAQ's

Here are some common questions asked regarding training with FAQ's:

Do I need coding knowledge to install it?

No. If you can copy and paste HTML code, you can install the embedded chatbot. For advanced customization or CMS setups, a developer may help

Where can I embed the chatbot?

You can embed the chatbot on:

Any HTML webpage
Dashboards or internal tools
CMS platforms like WordPress, Webflow, or Wix
Customer support or help pages

Can I change the size of the embedded chatbot?

Yes. You can modify the width and height values in the iframe code to fit your page layout.

Will the chatbot work on mobile devices?

Yes. The embedded chatbot is responsive and works on mobile devices as long as the iframe is placed inside a responsive container.

Can I embed the chatbot on multiple pages?

Absolutely. You can use the same iframe code on as many pages as you want.

Can I send the installation code to my developer?

Yes. Use the Share Installation Code option to email the iframe code directly to your developer.

PreviousOther / Native Apps NextManage Chatflow

Last updated 9 days ago

Was this helpful?