Skip to content
localbot Docs
Installation

Framer Installation

Install the localbot form on your Framer site using site-wide code injection or a custom code component.

Install the localbot form on your Framer site using site-wide code injection or a custom code component.

Before you install the localbot form

If this site already has a working contact form, add localbot as another notification recipient first. The current form's email notifications can go to localbot with zero install friction. The full localbot form can be installed later and also takes about ten minutes.

Use this guide when you want localbot to provide the better intake form on the website instead of relying on a static contact page form. The localbot form should get more inbound contact requests from the visitors already on the site.

Time: About 10 minutes

Install the localbot form

Open site settings

In your Framer project, click the gear icon to open Site Settings.

Add custom code

Go to the General tab and scroll to Custom Code. In the End of body tag field, paste your embed code:

<script src="https://www.localbot.io/api/widget/YOUR_WIDGET_ID" async></script>

Click Save.

Publish

Publish your site. The localbot form will appear on all pages.

Option B: Specific page

To add localbot to a specific page only, use a Code component:

Add a Code component

In the Framer editor, press / to open the insert menu. Search for Code and add a Code component to your page.

Paste the embed code

In the code component settings, select HTML and paste:

<div id="localbot-contact"></div>
<script src="https://www.localbot.io/api/widget/YOUR_WIDGET_ID" async></script>

Verify

Open your published Framer site. The localbot form should appear. Submit a test message and check your phone.

Troubleshooting

  • localbot form doesn't appear in editor: Custom code only runs on the published site.
  • localbot form appears twice: If you used both site-wide and a Code component, localbot double-load protection will prevent duplicates, but remove one of the two for cleanliness.

Last updated: 2026-05-23. Maintained by Benjam Indrenius.

On this page