Skip to main content

How to Use Embedded Forms in GivePanel

Guide to setting up embedded forms in GivePanel, adding allowed domains, and sharing the code with your website team.

Harry Gardner avatar
Written by Harry Gardner
Updated this week

Embedded forms allow you to add your GivePanel event registration 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.

  1. Go to Account Settings and scroll to the Allowed Domains section.

  2. Enter the full domain name (e.g., www.yourcharity.org or a dedicated microsite URL).

  3. 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:

  1. Go to Campaigns > Campaign List.

  2. Find the campaign you want to embed.

  3. In the Actions column, click the three dot menu and choose Embed.

  4. 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).

  5. 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 two common issues to watch for:

  • 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.

Need Help?

If you run into any issues or have questions, please don’t hesitate to reach out to our support team.

Did this answer your question?