circle-info
Tell us how we can improve docs for you.
BotPenguin updatesarrow-up-right
search
What's NewGo to dashboard

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.

hashtag
Access the Embedded Chatbot Installation

  1. Log in to your BotPenguin Dashboard.

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

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

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

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

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

hashtag
Verify the Installation

Once added:

  • Reload your webpage

  • Confirm the chatbot appears correctly

  • Test a conversation to ensure it responds as expected

hashtag
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

hashtag
FAQ's

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

chevron-rightDo I need coding knowledge to install it?hashtag

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

chevron-rightWhere can I embed the chatbot?hashtag

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

chevron-rightCan I change the size of the embedded chatbot?hashtag

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

chevron-rightWill the chatbot work on mobile devices?hashtag

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

chevron-rightCan I embed the chatbot on multiple pages?hashtag

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

chevron-rightCan I send the installation code to my developer?hashtag

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

PreviousOther / Native AppsNextManage Chatflow

Last updated

Was this helpful?