Embedded forms allow you to add your GivePanel forms directly to your website - perfect for creating a seamless experience for your supporters.
Here’s how to set them up and what to watch out for.
Step 1: Enable Embedded Forms
To get started, you’ll need the GivePanel Support Team to enable embedded forms in your account.
If the feature isn’t already included in your license, our team will be happy to chat through your options.
Once enabled, two new sections will appear in your GivePanel account:
Allowed Domains
The Embed option under each campaign in your Campaign List
Step 2: Add Allowed Domains
Before a form can be embedded, you’ll need to specify the domain(s) where the form will be placed. This ensures your form is secure and will display correctly.
Go to Account Settings and scroll to the Allowed Domains section.
Enter the full domain name (e.g.,
www.yourcharity.orgor a dedicated microsite URL).Click Save Domain.
If your domain isn’t added here, the embedded form will not load and will show an error message.
Step 3: Get the Embed Code
Once the domain is allowed, you can grab the embed code for any campaign form:
Go to Campaigns > Campaign List.
Find the campaign you want to embed.
In the Actions column, click the three dot menu and choose Embed.
Choose your preferred layout option:
Responsive (recommended): Adapts to fit the space on your website automatically.
Fixed Width: Set a specific width (default is 425px, but this can be adjusted).
Copy the embed code.
Important: We recommend sharing the code with your IT team or the person who manages your website, as they’ll need to paste this into your site’s code wherever you’d like the form to appear.
Common Issues
Here are a few common issues to watch for:
Form not loading
Missing or incorrect allowed domain: If the form isn’t displaying, double-check that the correct domain has been added in your Allowed Domains list.
Styling conflicts
Most styling is stripped to make embedding simple, but some minor adjustments might be needed depending on how your website is built. This is normally something the person who looks after your website is best placed to support you with.
Confirmation page not fully visible after registration
When embedding a form using an iframe, the height of the iframe is controlled by the embed settings and the way it has been added to your website. If the iframe height is too small or to large, the confirmation page shown after registration may not be fully visible, meaning supporters may miss next steps, such as being invited to claim their JustGiving fundraising page.
As a first step, try adjusting the iframe height to ensure there is enough space for the full confirmation page and any next steps to be displayed. 800px is a good starting point.
If you’d like to explore a more dynamic approach, your website team may also be able to look into automatically adjusting the iframe height using JavaScript. As this depends on how your website and iframe are configured, they would be best placed to advise on the best approach for your setup.
Need Help?
If you run into any issues or have questions, please don’t hesitate to reach out to our support team.