How to install Boei on Framer

You can install Boei effortlessly on your Framer site, and you won't even need a developer.

Just grab a cup of coffee ☕️, and you can do the installation in 5-mins yourself.

Step 1. Create an account

Create a Boei account if you don't have one yet. The onboarding trains your AI chatbot on your website content. You can also add other ways customers can reach you, like WhatsApp, email, or phone.

Step 2. Copy installation code

In your Boei dashboard, open your widget and click the Install tab. Select Framer and copy the installation code.

Install tab - Framer

Tip: The Install tab also offers a landing page link, QR code, and iframe embed.

Step 3. Go to Framer

  1. Log in to your Framer account.
  2. Go to Settings by clicking the cog on the right top.
  3. Click General and scroll down to Custom Code.
  4. Paste the Boei code from step 2 in the End of <body> tag area. If there is already some code there, paste the Boei code below that.

image-20230927104421660

Click Save and then Publish to see the changes on your live site.

Note that Framer does not load Boei in the Preview mode.

Congrats, you are done!


Troubleshooting

If the Boei chatbot doesn't appear on your site:

  • Make sure you Published, not just saved. Boei doesn't show in Framer's Preview mode, only on the live site.
  • Hard-refresh the page (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows) to bypass browser cache.
  • Disable ad blockers in your test browser. Some block third-party scripts.

Common questions

Will it slow down my site? No, Boei loads asynchronously after your page renders.

Does it work on mobile? Yes, the chatbot is fully responsive.

Can I show it only on certain pages? Yes, set page rules in your Boei dashboard.

Feedback Questions

Last updated: May 23, 2026