How to Embed Infonic AI Chatbot with an Iframe
Use this method when your website is not on WordPress or when you prefer a simple HTML embed.
Create and prepare the chatbot
Create an account, add the website you control, and upload or add the content the chatbot should use. Configure its appearance and fallback behavior.
Copy the iframe
Open the embed area in the dashboard and copy the complete iframe snippet. Do not copy only the URL or remove its required attributes.
Paste into your website
Add a custom HTML or embed block where you want the chatbot to appear, paste the snippet, and publish. If your platform sanitizes iframe tags, use its approved embed component or ask the platform administrator to allow the chatbot domain.
Test before launch
- Open the page in a private browser window.
- Test desktop and mobile sizes.
- Ask questions that are covered and not covered by your knowledge base.
- Confirm links, scrolling and the email fallback work as expected.
Troubleshooting
A blank frame commonly means the website or domain is not authorized, the embed was altered, or the site’s Content Security Policy blocks frames. Verify the website URL in the dashboard and check the browser console. Contact support@infonicai.com with the affected page URL if the problem continues.
