Website Integration

Embed AI chat functionality directly into your website using our iframe integration.

1

Get Your Embed Code

Find your unique embed code in your project settings. Each project has its own iframe code that connects to your specific documents and configurations.

Embed Code 
<iframe
    src="https://filebrain.pro/embed/chat/YOUR_PROJECT_ID/"
    width="100%"
    height="600px"
    frameborder="0"
    allow="clipboard-write"
></iframe>
2

Customize Appearance

Customize the chat interface by adding URL parameters to your embed code:

Parameter Description Example
theme Set light or dark theme theme=dark
welcome Custom welcome message welcome=Hello!
placeholder Input placeholder text placeholder=Ask+me+anything
3

Add to Your Website

Add the iframe code to your website's HTML where you want the chat interface to appear. The chat will automatically adapt to its container's width.

Example with Parameters 
<iframe
    src="https://filebrain.pro/embed/chat/YOUR_PROJECT_ID/"
    width="100%"
    height="600px"
    frameborder="0"
    allow="clipboard-write"
></iframe>

Best Practices

  • Place the chat in an easily accessible location on your website
  • Consider using a floating button to toggle the chat interface
  • Test the integration on different screen sizes
  • Ensure the height is appropriate for your layout

Need Help?

Having trouble with the integration? Our support team is here to help:

Contact Support