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.
Click on Bots from left menu then Select the bot.
Now click on “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:
💡 Tip: You can adjust the
widthandheightvalues 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>tagWithin 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:
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.
Support
If you still have questions for our team, write to us at [email protected]. We’ll get back to you within 48 hours.
Last updated
Was this helpful?