How to Embed a Fundraising Page on Your Website

Looking for Donation Forms (Embeds)? Donation Forms (Embeds) are no longer being developed, and we recommend embedding a Fundraising Page instead since they offer much more!  If you already have Donation Forms on your website, don't worry. They'll keep working. See What about my older Donation Forms (Embeds)? below.

MonkeyPod offers your organization the flexibility of accepting online donations through two channels: 

  1. Fundraising Pages: Standalone pages that are not part of your website. Choose among various templates to get the look you like.
  2. Fundraising Pages embedded on your own website: Your website is where many supporters first get to know your organization, so it's a great place for them to give. With MonkeyPod, you can embed any Fundraising Page right on your own website so supporters can donate without ever leaving your site—and every gift is recorded in your MonkeyPod automatically. The embedded pages are based on templates and can be configured to match the look of your site.

Once you have created a Fundraising Page, you can customize it to match your website and embed it there with a simple copy and paste. This article covers how to customize and embed an existing Fundraising Page.

Which Fundraising Pages can I embed?

Any Fundraising Page that uses one of the newer templates (Maui, Hawaiʻi, or Kauaʻi) can be embedded. (You'll find the template choice on the page's Visual Design tab, under Template.)

Note: Pages created before the new templates arrived stay on the Old School template until you choose a new template, so nothing changes on your live pages until you're ready.

What will donors see on my website?

The embedded page keeps things compact, since your website is already telling your story. Donors see:

  • The page title: so they know which campaign they're giving to.
  • The progress bar: if the page shows one, donors see the same progress as on the page itself.
  • The giving form: donation options, amounts, the donor's details, and payment, in short steps.

The logo bar, banner image or video, description, footer, share buttons, and links to other pages are hidden on the embedded version. (A web designer can bring some of these back. See Can I make the embedded page match my website? below.)

The embedded page fills the width of whatever space you give it and grows to fit its content, so the same code works in a narrow sidebar or across a full page. Donors can make one-time gifts, monthly gifts, and Send Payment Offline pledges, all without leaving your website.

How do I embed a Fundraising Page on my website?

Step 1: Get your Fundraising Page ready

  1. Go to Fundraising > Fundraising Pages and open the page you want to embed. (Don't have one yet? See How to Make a Fundraising Page.)
  2. On the Visual Design tab, make sure the page uses Maui, Hawaiʻi, or Kauaʻi under Template.
  3. Publish the page if it isn't live yet.

Step 2: Copy the embed code

  1. Select the page's Embed tab.

  2. Under Embed this page on your website, select Copy Embed Code.

  3. Scroll down to the Preview to see how the embedded page will look. Narrow your browser window to see how it would look in a smaller space, like a phone or a sidebar.

Step 3: Copy and paste the code into your website

  1. In your website editor, open the page where you want donors to give.
  2. Add an embed or custom code block wherever you want the giving form to appear, and paste the code into it. (It works a lot like embedding a YouTube video.)
  3. Preview and publish your website changes.

Note: Every website builder handles embed codes a little differently. If you're not sure where to paste the code, check your website builder's help articles for "embed code" or "custom HTML," or ask your web developer.

How do I turn on Google Pay and Apple Pay?

Card and bank payments work on any website where you embed a Fundraising Page. Digital wallets like Google Pay and Apple Pay appear only on websites you add to Allowed Domains, at the bottom of the page's Embed tab.

Enter your website's domain exactly as it appears in the address bar and select Add.

One list covers every Fundraising Page. Google Pay works right away. Apple Pay needs one extra step: your website has to host a small verification file from Apple. Follow the instructions in the Allowed Domains section of the Embed tab.

One thing to know: some website builders don't allow you to add Apple's verification file, so Apple Pay may not be available on every site. Card and bank payments always work. If you're not sure whether your site can host the file, check with your web developer or your website builder's support team.

Can I make the embedded page match my website?

Yes! If you have a web designer (or you're comfortable with CSS), the Advanced Design option on the Embed tab lets you fine-tune the embedded page's fonts, colors, and spacing to match your website. Only the embedded version changes; the standalone version of the page keeps the template's design. See How to Customize Fundraising Pages to Match Your Website to learn how.

What about my older Donation Forms (Embeds)?

Before Fundraising Pages could be embedded, the way to accept gifts on your website was a Donation Form (Embed). Donation Forms will no longer be developed as of November 2026, and we recommend embedding a Fundraising Page instead. Embedded Fundraising Pages support multiple donation options, modern templates, Apple Pay, and better reporting.

If your organization already uses Donation Forms, no need to rush to replace them. They'll keep working and you can still edit them and create new ones, but we recommend switching when it's convenient, for example when you set up your next campaign.

If your organization has never created a Donation Form, the Donation Forms (Embeds) menu item doesn't appear in your MonkeyPod. Embedding a Fundraising Page is the new way to go.

Frequently Asked Questions

Why does my page's Embed tab say it can't be embedded?

The page uses the Old School template. Choose Maui, Hawaiʻi, or Kauaʻi on the Visual Design tab, select Save, and the embed code will appear on the Embed tab.

If I change my Fundraising Page, do I need to update the code on my website?

No. The embedded page always shows your page's latest settings, so edits you make in your MonkeyPod show up on your website automatically. Changing the page's web address on the Basic Info tab won't break an embed that's already on your website, either.

Can I embed the same page in more than one place?

Yes. Paste the same embed code anywhere you'd like donors to give, like a sidebar on your homepage and a full-width section of your "Donate" page. Every gift is recorded on the same Fundraising Page.

What happens after a donor gives on my website?

By default, donors see your thank-you message right inside the embedded page, so they stay on your website. If you've entered an address under Redirect After a Donation is Made? on the page's Giving Options tab, donors go to that page instead. A few website builders (like Google Sites) block this. In that case, donors see your thank-you message with a Continue button that opens your redirect page in a new tab.

Will gifts from my website show up differently in my reports?

Gifts made through an embedded page are recorded on that Fundraising Page, exactly like gifts made on the page itself. The Online Conversion report shows visits to the embedded page separately, so you can compare how donors give from your website and from the page's own link. See Learn About Conversion Tracking for Fundraising Pages.

I'm a fiscally sponsored project. Does my sponsor's disclosure still appear?

Yes. The fiscal sponsor disclosure appears on the embedded page too, and it can't be hidden with Advanced Design.

Related Articles