Install guide

Add Formleak to Framer

Add it as site-wide custom code at the end of <head>, then publish.

No cookies. Never reads what people type.

Step 1: Open Site Settings
In your Framer project, open the site settings (click the project name or the settings icon).
Step 2: Find Custom Code
Open the custom code section (called Custom Code or Code depending on your version).
Screenshot coming soon
Framer site settings with the custom code section open
3
Step 3: Add the line to the end of <head>
Add a new code entry, paste the Formleak line and place it at the end of the <head> tag, for all pages.
Add it as custom code at the end of the <head> tag, on all pages.
```
<script src="https://formleak.com/t.js" data-site="YOUR_SITE_KEY" defer></script>
```
Replace YOUR_SITE_KEY with your own key: log in or add your website to see your code here.
Add it as custom code at the end of the <head> tag, on all pages.
```
<script src="https://formleak.com/t.js" data-site="YOUR_SITE_KEY" defer></script>
```
Step 4: Publish
Save, then click Publish. Framer doesn't run custom code in the editor preview, so check on your live site.
Step 5: Check it's working
Open a page on your live site that has a form and click into a field. Then open your website in Formleak: the setup check turns green as soon as data arrives.
Open the setup check Open the setup check

Good to know

Republish after any change to custom code.
Code added to a single page's settings replaces site-wide code on that page. Keep Formleak in the site-wide settings.

Based on Framer's own help pages: Framer: custom code, Framer: adding a tag to your site. Menus change from time to time; if something looks different, their help pages have the latest.