Your customizable CauseVox donation form can easily be embedded right on your website, making giving through your donation form seamless.
Types Of Donation Form Embeds
Pop-up Donation Form Embed: When a donate button on your website is clicked, the donation form will be triggered to pop up on any page of your website.
On-Page Donation Form Embed: You can embed the donation form on your website directly. This is usually done on a landing page.
Here's how the pop-up embeddable donation form looks on a website:
Here's how the on-page embeddable donation form looks on a website:
To embed the donation form on your organization's website, follow the steps below:
Step 1: Under Campaigns select the Settings (gear icon) of the form you wish to embed.
Step 2: Under Donation Forms, select your donation form.
Step 3: Select Embed Code from the left navigation. Under Global Javascript Code (Required) select Copy To Clipboard and paste the Javascript code into your website HTML right before the closing </head> tag.
Step 4: Choose one of the two embed code options below. For an on-page embed, under Embed a Donation Form, select Copy To Clipboard and paste the embed code into your website HTML where you'd like it to be displayed on the page.
If you'd like to embed a button to trigger the pop-up embed, under Embed a Donation Button, select Copy To Clipboard and paste the button code into your website HTML where you'd like it to be displayed on the page.
If you want your website donations to be counted towards the funding progress of a connected site, you'll need to add the site's id to the optional embed code under the form_id line.
You can find the site_id in the site settings web browser:
Copy that code and paste the line of code for the site_id below the form_id in the embed code:
site_id: 'ZMbr1JWPM4OyBq6e', (replace with your site_id)
Additional Notes
Where you need to navigate to install this can look different depending on your website builder.
Here's how to install on Wordpress (popup or on-page embed).
While Wix is best suited for the pop-up embed option, you can paste both the Global Javascript code and the on-page (or button popup) embed code within the same Wix embed HTML code block.
For GoDaddy Website Builder, due to their limited customization capabilities, only the on-page embed will work at this time.
If you'd like to style the button, you can add your own CSS code or reach out to [email protected].
Advantages Of The CauseVox Donation Form
Our popup donation form is customizable, mobile-friendly, and secure, offering your donors a delightful online giving experience.
You can more than double the donations you raise with a CauseVox Donation Form, compared to a generic PayPal button.
Learn all the Advantages of the CauseVox Donation Form.
Having trouble? Send us an email at [email protected] with the name of your website builder and we can provide additional instructions.