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 still need to get one. You can open it for free.

Step 2. Create a new widget

When you create a new account, you will immediately see the new widget that was created for you. (Otherwise, you must create a new widget.)

This is the widget screen that you are looking for:


Step 3. Copy installation code

Click on "Step 3 Install on your site" and then click "copy" on the first box.

This code is linked to your domain in Boei. Each domain has its own code.


Step 4. Go to Framer

Log in to your Framer account using your credentials.

Go to Settings by clicking the cog on the right top.


Now click General and scroll down to Custom Code


Add the Boei code from previous step here in the End of <body> tag area:

If there is already some code there, paste the Boei code below that.

Step 5. Save

After pasting the Boei code, click on the "Save" button.

Hit Publish and test it out on your live site.

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

Step 6. Finished coffee

Congrats, you are done! You now have the Boei installed.

Feedback Questions

Last updated: Sep 27, 2023