Embedding a Form with WeGive

WeGive Forms can live anywhere your supporters are — on your website, in an email, or behind a button on your donation page. This guide walks through the three ways to share a WeGive Form and how to generate the code you need from the dashboard.

Before You Start

You'll need:

• A published Form in your WeGive dashboard (under Elements → Forms)

• Access to the page or email where you want the Form to appear

• If you're embedding an iframe or pop-up, the ability to paste HTML/JavaScript into your site (most CMS platforms like WordPress, Squarespace, and Webflow support this through an "Embed" or "Custom HTML" block)

Opening the Implement Menu

1. In your WeGive dashboard, go to Elements → Forms.

2. Click the Form you want to share.

3. On the Form detail page, click the Implement button in the top-right corner.

4. The Implement modal opens with your sharing options.

Sharing Option 1: Direct Link

The simplest way to share a Form is with a direct URL. This is perfect for email newsletters, social posts, text messages, or a button on your site that links out to the Form.

Your Form URL follows this pattern:

https://app.wegive.com/{your-org-slug}/form/{form-slug}

From the Implement modal, copy the link and paste it anywhere you'd normally share a URL. Supporters who click it will land directly on the hosted WeGive Form.

You can also use the built-in QR code (generated automatically in the Implement modal) for print materials, event signage, or mailers. The QR code points to the same direct link.

Sharing Option 2: Inline Embed (iframe)

Use this method when you want the Form to appear directly inside one of your web pages — no redirect, no new tab. The Form renders in place and supporters can fill it out without leaving your site.

The embed code is a standard HTML iframe that looks like this:

html

<iframe  allowpaymentrequest="true"  allow="payment"  title="WeGive Form"  width="100%"  height="100%"  src="https://app.wegive.com/{your-org-slug}/form/{form-slug}"></iframe>

The allowpaymentrequest and allow="payment" attributes are important — they let the browser surface Apple Pay and Google Pay if your Form ever connects to a payment flow. Leave them in place.

How to add it to your site

Paste the iframe snippet into an HTML or "Custom Code" block on the page where you want the Form to appear. Most website builders have a dedicated embed block for exactly this purpose.

Sizing tips

• The iframe is set to 100% width and height so it adapts to the container you place it in. Wrap it in a container with a defined height (for example, min-height: 800px) so the Form has room to render.

• On mobile, the Form automatically stacks its left-side content (banner, description, links) above the questions.

Sharing Option 3: Pop-Up

A pop-up embed places a button on your page that, when clicked, opens the Form in a modal overlay on top of your existing content. This is a good choice when you don't want the Form taking up permanent space on the page.

From the Implement modal, choose the Pop-Up option and copy the generated snippet. The snippet includes both a trigger button and the JavaScript that opens the modal. Paste it into your page where you want the button to appear.

Supporters click the button, fill out the Form in the overlay, and are returned to your page when they're done.

Configuring Your Form Before You Embed

A few settings on the Form itself affect how the embedded experience feels. Review these in the Form editor before you grab the embed code:

• Campaign association — Linking a Form to a Campaign automatically attributes every submission to that Campaign for reporting.

• Allow anonymous submissions vs. require login — If login is required, name and email are captured automatically from the signed-in supporter.

• Confirmation page — Customize the thank-you message, add a video or image, toggle confetti, or set an external redirect URL so supporters land somewhere specific after submitting.

• Conditional logic — Use branching rules to show or hide questions based on previous answers.

• Answer mapping — Map responses to donor record fields, custom fields, or communication list subscriptions so data flows where you need it.

Which Method Should I Use?

Troubleshooting

The iframe looks cut off or scrolls awkwardly. Set a generous min-height on the container holding the iframe (for example, min-height: 900px). The Form's question list can grow tall depending on how many fields you've added.

The pop-up button doesn't open the Form. Make sure the script portion of the pop-up snippet was pasted along with the button. Some website builders strip <script> tags by default — you may need to use a dedicated "Custom HTML" or "Embed" block rather than a rich-text block.

Submissions aren't showing up under the right Campaign. Confirm the Form is associated with the Campaign in the Form editor. Campaign attribution for Forms is set at the Form level, not through URL parameters.

The Form URL 404s. Double-check the org slug and form slug in the URL. If you recently renamed the Form, its slug may have changed — grab a fresh copy from the Implement modal.