Tell us how we can improve docs for you.
BotPenguin updates
Ctrlk
What's NewGo to dashboard
For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

  1. Log in to your BotPenguin Dashboard.

  2. Click on Bots from left menu then Select the bot.

  1. Now click on “Install Your Chatbot.”

  1. 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:

  1. Copy the iframe code provided.

  2. This code is unique to your chatbot.

Example:

💡 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.

Share Installation Code with Your Developer (Optional)

If a developer manages your website:

  1. Enter their email address in the Share Installation Code section.

  2. Click Send Email.

The developer will receive the installation instructions directly.

Request BotPenguin Installation Support

If you prefer hands-on assistance:

  1. Click Help me in Installing ChatBot.

  2. 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.

Support

If you still have questions for our team, write to us at support@botpenguin.com. We’ll get back to you within 48 hours.

PreviousOther / Native AppsNextWebsite Manage Chatflow

Last updated

Was this helpful?