Your customized Donation Page on CauseVox can easily be embedded right on your website, making giving through your donation page seamless.
Here's how an embeddable donation page pop up looks on a website:
With the embeddable page, donating will be easier than ever, keeping donors right on your website.
Our popup donation page is customizable, mobile-friendly, and secure, offering your donors a delightful online giving experience.
Here's a few ways the embeddable donation page can be used at your organization:
- You can easily replace the link to your donate button to #donate to pop up your donation page.
- You can link to #donate on any text, images, or buttons on any page on your site, so that the donation page will pop up when clicked.
- You can bring your donors directly to your donation page from any email appeals, social media posts, and more. All you need to do is add #donate onto your site URL and link it in the email or post. Ex: www.yoursite.org/#donate
Ready to embed the donation page on your website? Here's how:
Step 1: Navigate to the "Embed Codes" tab in your Donation Page Settings.
Step 2: Select copy to clipboard and paste it onto your website right before the closing </head> tag.
Or, if you're not the best person to embed the code on your website, you can select "Email Code" to send to your website administrator.
Step 3: Once it's embedded, you can use link #donate anywhere on your website. Once the link to #donate is clicked, the donation page will popup.
Example of #donate used on donate button in Squarespace
Or, you can simply direct your donors directly to the donation page by adding #donate to and url. Example: www.yoursite.org/#donate
Adding multiple donation embeds to the same page
If you have multiple donation pages and would like to trigger them from the same page, doing so is very easy. First, make sure you have completed the steps above and that the embed code is installed correctly on your site.
To trigger a specific donation page, you can replace any link with the value #donate_(donation page id). Note the underscore in between "donate" and the donation page ID.
Your specific donation page ID can be found on the embed codes page under your donation page settings.
Questions about embedding the donation page? You can email us at firstname.lastname@example.org and we'd be happy to help!