To embed a Giving Form on your website, copy the embed code from the giving form editor or campaign page, then paste it into the source code of your webpage and publish. This keeps donors on your site from first engagement through gift completion — reducing friction and increasing the likelihood of a completed donation.
How do I find the Giving Form embed code?
Access the embed code in either of the following ways:
- Navigate to the campaign associated with the giving form, hover over the giving form card, and select Embed Code.
- Navigate to the giving form editor, click the ellipsis (...) menu, and click Get Embed Code.
In the modal that appears, you can copy the code manually or click Copy Code to copy it to your clipboard.
A Giving Form must be published before you can access its embed code.
How do I add the embed code to a web page?
Open the source code of the webpage where you want the giving form to appear and paste the embed code in the desired location. Adjust placement as needed, then save and publish the page.
Once published, the giving form will be live on your website and ready to accept donations.
After publishing the page, review the website to confirm the giving form displays and functions as expected.
