​

URL Source Collector

URL Source Collector is a hidden component that silently captures data from the visitor’s URL or referrer and submits it alongside your form - so you can track exactly where your leads, signups, and conversions come from without asking the user a single extra question. Add the component to any form, pick what to capture, and the values are automatically included in every submission.

​

Why Use It

Use URL Source Collector to track attribution for:

• Paid ads - Google, Meta (Facebook/Instagram), Microsoft (Bing), LinkedIn, TikTok, X (Twitter)
• UTM campaigns - utm_source, utm_medium, utm_campaign, utm_term, utm_content
• Referring sites - which external websites are sending you traffic
• Custom URL parameters - promo codes, partner IDs, plan slugs, etc.
• Per-page source tags - know which landing page or CTA converted

---

​

How to Add the Component

1. Open Forms Plugin in Framer
2. Select your form on the canvas
3. Insert the URL Source Collector component
4. In the properties panel, choose what to capture and configure the options

That’s it - every submission from that form will now include the captured value.

---

​

Capture Modes

The Capture dropdown is the main control. It decides what the component reads and submits. There are five modes: Each mode has its own settings, described below.

---

​

UTM Tags

Captures all standard UTM parameters from the current URL and submits each one as its own form field with a matching name. Automatically captured UTM keys:

• utm_source
• utm_medium
• utm_campaign
• utm_term
• utm_content

You can also turn on paid ad platform toggles to capture click IDs: Available settings:

• Fallback - default value submitted when the URL has no UTM data (e.g. direct)
• First-Touch (Yes / No) - persist the first-visit values across internal navigation and return visits
• Ad platform toggles - turn each platform On or Off to include its click IDs

---

​

Current URL

Captures the full URL of the page the visitor submitted the form from - protocol, domain, path, and query string. Useful when you want to know the exact landing page of every conversion. Available settings:

• Field Name - the form field name this value submits as (default: source)
• Fallback - default value if the URL can’t be read
• First-Touch (Yes / No) - persist the first-visit URL

---

​

Referrer URL

Captures the URL of the external page the visitor came from (based on document.referrer). If the visitor typed your URL directly or came from a bookmark, the referrer will be empty - in that case, the Fallback value is used. Available settings:

• Field Name - form field name this value submits as
• Fallback - default value when no referrer is available (e.g. direct)
• First-Touch (Yes / No) - remember the first-touch referrer across the session

---

​

URL Parameter

Captures one specific query-string parameter by name. Use this mode when you care about a single custom parameter that isn’t a standard UTM tag - like ?promo=SUMMER50, ?ref=partner-name, or ?plan=pro. Available settings:

• Field Name - form field name this value submits as
• Parameter - the query-string parameter name to read (e.g. promo, ref, plan)
• Fallback - default value when the parameter isn’t present in the URL

Example: For the URL https://yoursite.com/pricing?promo=SUMMER50:

• Set Parameter to promo
• Set Field Name to promo_code
• The submission includes promo_code: SUMMER50

---

​

Custom Value

Submits a literal static value - not read from the URL at all. Useful for per-page or per-variant source tagging where you want to hard-code the source identifier. Available settings:

• Field Name - form field name this value submits as
• Value - the literal string to submit (e.g. homepage-hero, pricing-footer)

Example: If the same form appears on three pages and you want to know which page converted: Add the component to each page’s form and set a different Value per page. Every submission now tells you exactly which slot converted.

---

​

First-Touch Attribution

The First-Touch toggle is available in UTM Tags, Current URL, and Referrer URL modes. It controls how the component treats return visits and internal navigation:

---

​

Fallback Values

The Fallback field sets a default value that’s submitted when nothing can be captured. Common fallback values:

• direct - visitor came directly (typed URL, bookmark, no referrer)
• organic - unknown organic source
• none - parameter wasn’t present
• unknown - generic placeholder

Leave Fallback empty if you’d rather submit an empty value when there’s nothing to capture.

---

​

Examples

​

Example 1 - Track Paid Ad Campaigns

Best setup for agencies running Google / Meta / LinkedIn ads:

1. Insert the URL Source Collector component
2. Set Capture to UTM Tags
3. Turn Google Ads, Meta (Facebook), and LinkedIn toggles On
4. Set First-Touch to Yes
5. Set Fallback to direct

When a visitor clicks a Google Ad like ?utm_source=google&utm_campaign=spring-launch&gclid=abc123, every UTM parameter and the gclid are sent with the form submission - even if the visitor navigates to a different page before submitting.

​

Example 2 - Capture Referring Sites

Track which external sites are driving form submissions:

1. Set Capture to Referrer URL
2. Set Field Name to referrer
3. Set Fallback to direct
4. Set First-Touch to Yes

Submissions from visitors coming from example.com/blog-post include referrer: https://example.com/blog-post. Direct visitors submit referrer: direct.

​

Example 3 - Per-Page Source Tags

Track which landing page or CTA section converts best:

1. On each page’s form, insert a separate URL Source Collector
2. Set Capture to Custom Value
3. Set Field Name to page_source
4. Set Value uniquely per page - homepage-hero, pricing-footer, blog-cta, etc.

Each submission includes a page_source field telling you exactly which page/slot converted - no URL parameter setup needed.

​

Example 4 - Custom Promo Code Capture

Capture a promo code from URLs like /pricing?promo=SUMMER50:

1. Set Capture to URL Parameter
2. Set Parameter to promo
3. Set Field Name to promo_code
4. Set Fallback to none

Submissions include promo_code: SUMMER50 when the parameter is in the URL, or promo_code: none when it isn’t.

---

​

Using with Integrations

All captured values are submitted as regular form fields - so they automatically work with every integration. You can map them to contact properties, subscriber attributes, or CRM fields using the normal field-mapping flow. Common mappings: See the Integrations Overview for platform-specific mapping instructions.

---

​

Tips

• Add as many URL Source Collectors as you need - each component captures one thing, so if you want to capture multiple data points in the same form, simply add a separate component for each. For example, add one for UTM Tags, another for Referrer URL, and another for a Custom Value - all on the same form. There’s no limit.
• Enable only the ad platforms you run campaigns on - keeps submissions clean and avoids sending empty click-ID fields.
• First-Touch: Yes is usually the right choice for attribution; only disable it if you specifically want current-page context at the moment of submission.
• The component is invisible to the user - nothing renders on the form and nothing slows it down.

---

​

Next Steps

• Conditional Logic - add dynamic behavior to form fields
• Form Fields - configure the visible fields of your form
• Integrations Overview - map captured values to your CRM or email platform