HTML Installation
Install the localbot form on any website where you can edit the HTML source.
Install the localbot form on any website where you can edit the HTML source. This is the universal installation method.
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
Get your embed code
Log in to your localbot dashboard and copy the localbot form embed code. It looks like this:
<script src="https://www.localbot.io/api/widget/YOUR_WIDGET_ID" async></script>Paste before the closing body tag
Open your website's HTML file in a text editor. Find the </body> tag (usually near the end of the file) and paste the embed code directly above it:
<!-- Your page content above -->
<script src="https://www.localbot.io/api/widget/YOUR_WIDGET_ID" async></script>
</body>
</html>Save and upload
Save the file and upload it to your server. If you're using a CMS or hosting panel, click Save/Publish.
Targeting a specific location
By default, localbot appends the form to the end of your page. To place it in a specific location, add an empty div with the ID localbot-contact:
<div id="localbot-contact"></div>The localbot form will render inside this div instead of appending to the body.
Verify
Open your website in a browser. You should see the localbot form. Fill it out and check your phone. You should receive an SMS alert.
Content Security Policy
If your site (or your CDN / reverse proxy) sends a Content-Security-Policy header, the browser will block the localbot form unless localbot.io is explicitly allowed. Add it to both script-src and connect-src:
Content-Security-Policy:
script-src 'self' https://www.localbot.io;
connect-src 'self' https://www.localbot.io;If you are not sure whether you have a CSP, open your site, press F12, and look at Network → any page request → Response Headers. If you see content-security-policy, check that localbot.io appears in the script-src and connect-src directives.
Troubleshooting
- localbot form doesn't appear: Check that the script tag is before
</body>, not inside<head>. Verify the ID in the script URL is correct in the dashboard. - localbot script blocked or missing in Network tab: Most likely a CSP issue. See the "Content Security Policy" section above.
- Form appears but no SMS: Make sure you've added your phone number in the dashboard setup.
- localbot form appears twice: Make sure the form script appears only once. localbot prevents double-loading, but check for duplicate inclusions.
Last updated: 2026-05-23. Maintained by Benjam Indrenius.