Install an embedded donation form
Before you start
The steps to add an embedded form depend on your website builder, and we offer builder-specific guides for:
Learn how to add Apple Pay as an option to your embedded form.
When installing an embedded form for the first time, you’ll complete three main steps:
- Safelist your website's domain.
- Add the Install snippet to your website’s
<head>section. - Add the form embed code to your pages.
You’ll find the Install snippet and embed code under Settings and Install in the campaign editor.
Can I add embedded forms to my website?
Most website builders let you add embedded forms. For specific steps, check your builder’s help center and search for topics like:
- Embed code
- Custom HTML
- Add external JavaScript
Safelist your domain
Safelisting domains helps protect your campaigns from showing up on unapproved sites.
Just add your website’s domain, like example.com, to safelist every page on that site.
Add the Install snippet to your website
The Install snippet is a script that lets embedded forms function on your site. You only need to add it once.
Adding multiple Install snippets can slow down your site. Use only one Install snippet, even if you plan to embed multiple forms.
To add the Install snippet:
- Go to the campaign’s Settings tab
- Select Installation
- Next to Install snippet, select Copy
- Paste the snippet into your website’s
<head>section
If you can’t access the <head> section, try adding the snippet to the <footer> or using a custom code block on the page. We recommend the <head> for optimal performance.
Add the form to your website
Link your donate button
To link your donate button:
- In the Studio builder, go to Settings and Install
- Under Donate button, select Copy campaign parameter
- In your website editor, link your donate button to the parameter
Place the form on the page
To embed the form directly on a webpage:
- In the Studio builder, select Settings
- Select Installation
- Under Inline donation grid, select Copy inline embed code
- Go to your website’s editor
- Paste the embed code inside a custom HTML block on your site
Need help?
Check out our troubleshooting article for help when you run into any issues.