Support

Installing Madlitics in Framer

Add a custom code snippet to the <head> of your Framer site

Framer is known for its clean visual editor, responsive design tools, and creative flexibility — making it a favorite for designers and marketers who want full control without touching code. For teams that need precise attribution and analytics, Framer also makes it easy to add custom scripts — like Madlitics — directly into your site’s <head> tag.

In this guide, we’ll first cover creating your Madlitics account and grabbing your installation snippet. Then, we’ll walk through how to add that snippet into Framer and publish your changes so attribution runs across every page.

After Madlitics has been installed, next we'll update our forms with Madlitics fields to capture marketing data to and enhance customer submissions.

Register for a Madlitics account

Step 1: Sign up for a free trial on the Madlitics website to get started.

_{Start by signing up for a FREE Madlitics trial to begin capturing attribution data.}

‍

Copy Madlitics code snippet

Step 2: Once you’ve registered and logged in, you’ll land in your dashboard’s Get Started section. Here, you’ll find your unique Madlitics installation snippet, which is required to enable tracking on your site. Copy your unique code snippet.

_{Locate your unique installation snippet in the dashboard under Get Started › Step 1 › Copy Code Snippet.}

Install Madlitics in Framer

Step 3: Framer, adding your Madlitics snippet only takes a minute.

Start by opening your site’s Settings from the dashboard or editor.
In the left-hand menu, look for Custom Code — this is where you’ll manage any scripts that run on your site.
Click Add Script to create a new custom snippet.
Give it a name so you can easily identify it later — something like “Madlitics tracking.”
Set the placement to End of <head>, and make sure it’s set to run on All Pages and every page visit.
Next, paste your Madlitics code snippet into the code input area. Once you’re happy with it, click Add to save your snippet.

After saving, publish your site to push the changes live. Keep in mind that scripts don’t run in Framer’s preview mode, so you’ll need to check the published version to confirm that tracking is active.

‍

_{A. Click the}**_{••• menu}**_{and choose}**_{Open Settings}**_{to access your site settings panel.}

‍

_{B. Or, from the editor, click the}**_{gear icon}**_{(project setting) in the top right to jump directly to settings.}

‍

_Click_{Add Script}_{to create a new custom snippet.}

‍

_{Give it a name so you can easily identify it later — something like “Madlitics Tracking”, and update the script options to}**_Placement**_{: End of <head>, and make sure it’s available on All Pages and}**_Runs**_{On every page visit.}

‍

_{Paste your Madlitics code snippet into the code input area and click}**_Add**_{to save your snippet.}

Verify the Snippet Is Installed

To confirm everything’s working, open your published site in a browser. Right-click and choose Inspect, or press Cmd + Option + I (Mac) or Ctrl + Shift + I (Windows). In the Elements tab, scroll up to the <head> section and make sure your Madlitics snippet is there.

If you see it in place, you’re good to go!

‍

Configuring your forms to capture marketing attribution:

Configure Framer forms

Stacked bar chart illustrating lead volume across different marketing campaigns, including Black Friday, Retargeted, Spring Promo, Referral, and SEO. Highlights trends in campaign effectiveness.

Getting started

Outperforms basic UTM tracking
Madlitics captures, categorizes, and persists attribution data across sessions, giving you a complete, structured view of what’s working in your marketing. Say goodbye to losing attribution when users navigate your site, struggling with formatting inconsistencies, and ingored non-UTM traffic.

Capture all traffic
Madlitics categorizes all inbound leads — whether they have UTM parameters or not — so every conversion is accounted for, and you won't miss out on Organic Search, Organic Social, and Referral traffic.

Attribution across pages and sessions
A LinkedIn ad click should be attributed correctly—even if the visitor signs up on a different page later. If someone clicks an ad, browses multiple pages, then submits a form later, Madlitics persists attribution data across sessions, ensuring your reports reflect true performance.

Cleaner, more reliable data
Duplicate UTMs and inconsistent formatting break reports and mislead teams. Madlitics cleans and organizes attribution data before sending it to your CRM, giving you accurate insights.

See which content converts
Attribution isn’t just about where visitors came from—it’s about what convinced them to convert. By capturing landing page data alongside UTM parameters, Madlitics shows you which blog posts, case studies, or pricing pages drive the most revenue, helping you scale content that works.

Transform form submissions into actionable insights
Madlitics connects marketing touchpoints to lead generation, ensuring every form submission is fully attributed — optimize ad spend by identifying high-ROI channels, refine messaging based on what content drives engagement, make data-driven decisions with clean, structured reports, and more.

Installing Madlitics in Framer

Register for a Madlitics account

Copy Madlitics code snippet

Install Madlitics in Framer

Verify the Snippet Is Installed

Next:

Configuring your forms to capture marketing attribution:

Related articles

Frequently Asked Questions

Contact our support team and we'll work together to figure out a solution

Built for real teams. Backed by real results.