Skip to main content
All CollectionsCreating CampaignsSitesSite Embeds
How To Embed Your Donation Form On Your Wordpress Website
How To Embed Your Donation Form On Your Wordpress Website
Jenna Notarfrancesco avatar
Written by Jenna Notarfrancesco
Updated over a year ago

Your customized Donation Form on CauseVox can easily be embedded right on your website built on Wordpress, making giving through your donation form seamless.

With the embeddable form, donating will be easier than ever, keeping donors right on your website.

The CauseVox Donation Form is customizable, mobile-friendly, and secure, offering your donors a delightful online giving experience.

There are 2 types of embed options:

  1. 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.

  2. 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:

The donation form pop-up produces a standard web link that you can add to any webpage. If you'd like to style the button, you can add your own CSS code or reach out to [email protected].

To embed the donation form on your Wordpress site, follow the steps below:

Step 1: Login to your Wordpress site and navigate to the page or post you wish to edit. Use the Block Inserter + icon to add an HTML block.

See detailed instruction on adding blocks and custom HTML on Wordpress.

Step 2: Login to your CauseVox account and navigate to Campaigns and select the campaign settings you wish to edit.

Step 2: Under Sites & Forms, select the donation form.

Step 3: Select Embed Code from the left navigation. Under Global Javascript Code, Copy To Clipboard and paste the Global Javascript code into your website HTML block.

Step 4: Select either the Embed a Donation Form code OR the Embed a Donation Button code and paste it below the global javascript in the HTML block.

Now you can save, and your donation page should be embedded!

Was this article helpful? Rate it below!

Did this answer your question?