Add localbot to your Framer site using site-wide code injection or a custom code component.

Time: Under 2 minutes

Option A: Site-wide (recommended)

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

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

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

Click Save.

Publish your site. The widget will appear on all pages.

Option B: Specific page

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

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

In the code component settings, select HTML and paste:

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

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

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

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