Lead source tracking for Framer.
One install per Framer project, from the Plugins panel or the Custom Code box. Every form on the site is covered after that.
Plugins panel, or Custom Code.
On Framer, the free Marketplace plugin and the hosted script end in the same place: your Lead Source dashboard, with the same data on each lead. One is added like any other Framer plugin. The other is a line you paste under Site Settings yourself.
The Framer plugin
- Add it from the Framer Plugins panel, no custom-code editing
- Tags each Framer form submission with its source
- Sends every lead to the Lead Source dashboard
View in the Framer Marketplace
The one-line script
- One JavaScript line in Framer's custom code, no plugin
- Identical data to the plugin, in the same dashboard
- One tag you can reuse on a site that is not built in Framer
One dashboard. Every answer.
Framer sends you an email per submission. Lead source tracking lines those submissions up by channel, so the campaign that earned the most enquiries sits at the top, and each one opens to show the pages behind it.
- Channels sorted by the Framer leads they brought
- First page and page path on every enquiry
- Readable without a CRM connected
Framer builds the site and the forms. Which ad sent the visitor is not on its list.
Framer publishes a fast site with native forms, a CMS, and hosting in one place. What it does not tell you is which campaign, channel or page produced the person who just filled one in. That answer lives in the visit, and by the time the submission arrives it is usually gone.
The site and the form. The part Framer nails
- Native forms with the fields and validation you need
- A visual design canvas and a built-in CMS
- Fast hosting and publishing in one place
- Form submissions delivered to your inbox
The campaign behind the enquiry
- The campaign and channel that drove the click
- The first page of the site they opened
- The pages they browsed first
- The UTM parameters that came in with the visit
One install on the project, not code on every form.
Doing it by hand in Framer means a hidden field on each form, custom code that copies the UTMs out of the address bar into it, and a cookie to remember them once the visitor clicks to a second page. Duplicate a page, rebuild a form, and the wiring has to be redone. Nobody notices until the source column goes blank.
Lead Source goes on the project, not the form. Plugin or script, it attaches the channel and page path to every Framer form, including the ones on pages you publish next month.
What one Framer install covers.
Framer already treats code and plugins as project settings, and Lead Source works the same way. Add it to the project and each form on each page picks it up.
- Works with native Framer forms across your whole site
- Installs from the Framer Marketplace, no custom-code editing
- The script tag is reusable on your non-Framer sites too
- Channel, first page and page path on each submission
The free Framer plugin.
Open the Plugins panel in your project and add Lead Source. That puts it on the site, and the Custom Code settings stay untouched. From then on Framer form submissions carry their source, straight into your dashboard. There is a longer write-up of the plugin launch from the week it went live.
- Added from the Marketplace, with Custom Code left alone
- Each lead's channel, first page and page path
- UTM parameters on every Framer form submission
- The same dashboard the script route uses
View in the Framer Marketplace
<!-- Paste your real snippet from app.leadsource.co --> <script async src="https://app.leadsource.co/ft.js" data-site="YOUR_SITE_KEY"></script>
Or paste it into Custom Code.
Happier with code than plugins? A single JavaScript line in the project's Custom Code does what the plugin does, and the leads go to the same dashboard. Running a WordPress or Webflow site next to the Framer one? The same tag works there, so every site is installed alike.
- Create an account and copy the tag it gives you
- Paste it into Framer under Site Settings, General, Custom Code, at the end of the <head>
- Send a test through a Framer form and check the source a few minutes later
- UTMs recorded on each Framer submission
Questions, answered.
Which forms does Lead Source work with on Framer?
Framer's native forms, on every page of the site. Each submission gets labelled with channel, first page and page path, and no form needs its own setup.
Do I need the plugin, or can I just paste the script?
Either. The Marketplace plugin is quicker and involves no code: you add it from the Plugins panel. The script is one JavaScript line pasted into Custom Code by hand. Both record the same data and deliver it to the same dashboard.
Where do I paste the script in Framer?
In Framer, open Site Settings, then General, then Custom Code, then paste your one-line snippet at the end of the <head>. That is the install. A test submission shows up with its source within minutes.
I have more than one Framer site. Does each need its own install?
Yes, one per project. Add the plugin or paste the script into each Framer site you want tracked. The dashboard keeps each site's leads apart, so one site's campaigns never muddle another's.
See where every Framer form lead came from. Free to start.
The free Marketplace plugin or one line in Custom Code. Channel, campaign and page path for each Framer form submission, in your dashboard within minutes.
Start freeFree to start · no card