When should I use this?
Use this setup if:
You’re embedding your DIY / Virtual GivePanel form on your website
You want to track which channels are driving fundraisers using marketing source codes
You’re using links with
?source=(e.g. email, paid social, website pages)
Overview
Marketing Source codes allow you to track where your fundraisers signed up from (for example, email campaigns, website pages, or social posts). When using embedded forms, a small update is needed to the embed code to ensure these source codes are captured correctly.
How Marketing Sources Work
Marketing Source codes are added to the end of a URL, for example:
?source=emailcampaign
When a supporter registers and creates a fundraiser, this source is saved against their fundraiser record.
Please note: Marketing Source codes are applied to the fundraiser record only (not the registration).
Using Marketing Sources with Embedded Forms
If you’re using embedded forms on your website, you may want to track which sources are driving fundraisers.
For example:
yourwebsite.com/your-event-page?source=homepage
yourwebsite.com/your-event-page?source=paid-social
To make this work, your embedded form needs to be able to pick up the source code from the page URL.
Why This Doesn’t Work by Default
When you copy your default embed code from GivePanel, it will look like this:
<iframe scrolling="no" style="border-style: none; width: 100%; height: 100%; overflow: hidden;" src="https://givp.nl/register/xxxx" title="Your Event Name Here" />
This works perfectly for embedding your form, but:
→ it doesn’t recognise anything added to your page URL (like ?source=), so even if someone lands on a tracked link, that information won’t be carried through to their fundraiser that gets created through the embedded form.
Updating Your Embed Code
To allow your form to pick up marketing source codes, a small change is needed.
Step 1: Copy your embed code from GivePanel
Follow the usual steps to copy your embed code.
See: How to Use Embedded Forms in GivePanel (DIY & Virtual Challenges)
Your embed code will look something like this:
<iframe scrolling="no" style="border-style: none; width: 100%; height: 100%; overflow: hidden;" src="https://givp.nl/register/xxxx" title="Your Event Name Here" />
Step 2: Replace it with the updated version
Update your embed code so it looks like this (making sure to include your own form URL and event name as it appears in GivePanel):
<script> document.write('<iframe scrolling="no" style="border-style: none; width: 100%; height: 100%; overflow: hidden;" src="https://givp.nl/register/xxxx' + window.location.search + '" title="Your Event Name Here" /></iframe>'); </script>
What’s changed?
There are two small changes to your embed code:
1. The form is now wrapped in a script
This allows the form to adapt based on the page it’s on, rather than always loading a fixed version.
2. The form URL has been updated to include:
' + window.location.search + '
This allows the form to:
→ pick up any tracking code in the page URL (like ?source=homepage)
→ pass that into GivePanel when the supporter registers
In simple terms
Before:
→ your form always loaded the same link
Now:
→ your form can adjust based on the page URL
→ which means marketing source codes are captured automatically
What You’ll Need to Do
Copy your embed code from GivePanel
Replace it with the updated version above but keep your form URL and event title the same
Add the updated code to your website
Add your marketing source code to the URL of the page where the form is embedded (this is the page you’ll be promoting)
If you’re not familiar with editing code, your web team or developer should be able to help with this.
Important: Test Before Going Live
Because websites can behave differently, it’s important to test this setup.
We recommend:
Add a test source code to the end of your web page URL (the page where the form is embedded) that is going to be promoted, for example:
www.yourwebsite.org.uk/your-event-page?source=test
Complete a test registration and create a fundraiser
Export your fundraiser data and check the Marketing Source column to confirm the value has been captured correctly
Compatibility Notes
This approach works well on many platforms (such as WordPress), but some website builders handle embedded scripts differently.
For example:
WordPress → typically works as expected
Wix → may not support this approach
Other platforms (e.g. Drupal) → may vary
If the source code isn’t appearing after testing, it’s likely due to how your website handles embedded scripts.
Need Help?
If you’d like help understanding how marketing source tracking works within GivePanel, our team is happy to help.
For updates to your website or embed code, we recommend working with your web team or developer, as we’re not able to directly support changes to external websites.