The best way to streamline your donor's website giving experience is by installing your floating donate button, however, we understand that an embedded form is sometimes a preferred alternative in situations like:

The code to add an embedded form to your website is below. We offer a condensed and wide version. Feel free to use either!

While you don't need to be a web developer to add an embedded form to your website, there are a few specific steps you'll need to follow to successfully display an embedded form on your site. We've outlined those steps in the next section.

When viewing the code, you'll notice that there's a bit that says YOUR URL HERE. Before the form will display on your page, we'll need to replace that text with a giving form link. The next few steps will walk you through exactly how to accomplish that.

Step 1

Copy & paste the embedded form code, and add it to the backend of your website in the location you'd like it to appear.

Step 2

Copy the link to your Giving Form that you'd like to display in the embedded form. Simply right-click the link to a giving form and select Copy Link Address.

If you would prefer to feature a campaign page or event page in your embedded form rather than your giving form/fundraising page, then use the campaign page or event page URL instead. The campaign page URL is found from Campaigns > Options > Campaign Page and the event page URL is found from Events > Options > Event Page.

Step 3

Replace the YOUR URL HERE text in the embedded form code with the giving form link you copied. When doing this, it's important that you leave the opening and closing quotation marks where they are - you're ONLY replacing the words YOUR URL HERE.

Replace YOUR URL HERE

With Your Giving Form Link

Step 4

Save & publish the changes you've made to your website. Refresh your website to view the changes. You're all set!

A slimmed-down version of the embedded form that is more of a "mobile-like" view.

A full-page version of the embedded form that fills most of the window.