Support
Setting up Framer Forms for Marketing Attribution and UTM Tracking
Step-by-step setup to add Madlitics fields to Framer Forms so every response includes channel, campaign, and landing page attribution.
Start capturing attribution →
Framer makes it easy to design and publish sleek, responsive websites without touching code, while still giving you the flexibility to add powerful custom scripts. That means you can create visually stunning pages and still integrate tools like Madlitics to track exactly where your leads are coming from.
In this guide, we’ll show you how to connect Madlitics with your Framer forms by adding a small code snippet. Once set up, every form submission will include attribution data—like channel, campaign, and landing page—so you’ll know which marketing efforts are working and where to double down.
💆 Heads-up: Make sure Madlitics is installed on the site where this form lives (ie. Framer). The form alone won’t capture attribution data — Madlitics needs to be running on the page to pass lead data into your submissions. Installing Madlitics on Framer ->
With the code ready, it’s time to connect it to your form. Build your form however you like — whether that’s a simple contact form or something more advanced. In the Framer canvas, start by dragging a Form element onto the page. Add your usual fields like Name and Email so visitors can fill them out.
Now that your tracking code is installed, it’s time to connect it to your form. Build your form however you like — whether that’s a simple contact form or something more advanced. In the Framer canvas, start by dragging a Form element onto the page. Add your usual fields like Name and Email so visitors can fill them out. To pass attribution data through your Framer forms, add a Text Field and include optional parameters — Hidden and Value. These fields won’t appear to visitors but will send data like session identifiers and traffic source information.
In the next step you'll update the values for each field parameter, and repeat the process for all collection fields.
To make sure attribution data comes through with every submission, you’ll need to drop in seven (7) fields powered by Madlitics. These fields work behind the scenes, automatically pulling in details like channel, campaign, and landing page without adding anything extra for your visitors to fill out.
From the form editor, drag a Hidden Field into your form. In the field settings, update the label and default value so they line up with the right Madlitics field. For example, to configure Madlitics Field 1, set the label to channel and the default value to [channel].
Repeat this process for all of the Madlitics fields. Once you’ve got all seven in place, save your form and you’re ready to start capturing rich attribution data alongside your lead details. Configure additional Madlitics field value pairs for deeper customization and richer insights.
Marketing Channel Category
Categorizes the visit’s marketing channel based on multiple signals, including traffic type, referring domain, and known platforms.
Name: Channel
Value: [channel]Hidden: Yes
Segment 1
Captures the source of the traffic, identifying the specific platform, publisher, or partner that sent the visitor to your site; for paid traffic, this field records the utm_source, for organic traffic the platform, for referrals the referring domain, and for direct traffic no value is captured.
Name: Segment 1
Value: [segment1]Hidden: Yes
Segment 2
Captures the campaign-level details associated with the visit, identifying which campaign, promotion, or initiative led the visitor to your site; for paid traffic, this field records the utm_campaign, for organic traffic the referring domain, and for direct traffic no value is captured.
Name: Segment 2
Value: [segment2]Hidden: Yes
Segment 3
Captures the keyword, creative variation, or content-level detail that influenced the visit, such as a paid search term, specific ad, post type, or format; for paid traffic, this field records the utm_term, for organic traffic the full referring URL when available, and for direct traffic no value is captured.
Name: Segment 3
Value: [segment3]Hidden: Yes
Segment 4
Captures the audience, ad group, or offer associated with the visit, showing how the traffic was segmented within a campaign; for paid traffic, this field records the utm_content, and for organic and direct traffic no value is captured.
Name: Segment 4
Value: [segment4]Hidden: Yes
Landing Page
Captures the exact page where the visitor first entered your site, recording the original entry point of the session.
Name: LP
Value: [lp]Hidden: Yes
Landing Page Group
Captures the category or logical grouping of the landing page, allowing multiple related entry points to be analyzed under a shared identifier.
Name: LPG
Value: [lpg]Hidden: Yes
Once your Madlitics component is in place, it’s time to push your changes live. Framer scripts, like Madlitics, won’t run inside the preview window—you’ll need to publish your site to see them in action.
Click Publish in the top right, then open the live URL of your page. Fill out the form as if you were a visitor and submit it. From there, check your form submissions inside Framer to confirm everything worked. You should now see attribution details—like channel, segments, and landing page—captured alongside the lead information.
That’s your signal that Madlitics is fully integrated and tracking is up and running.
https://yoursite.com/?utm_source=linkedin&utm_medium=paidsocial&utm_campaign=q1_promo
Framer gives you the freedom to design stunning, fully custom websites — and its form tools make it simple to connect rich marketing data behind the scenes. By integrating Madlitics with your Framer forms, attribution data is automatically captured at submission and passed along with each lead, giving your team clear, first-party insights inside your CRM and analytics tools.
If you have any questions or need help getting set up, our team is ready to support you. Reach out, and we’ll walk you through it.
