All Collections
Creating Campaigns: Legacy
Embedding: Legacy
How To Embed Your Donation Form on Your Wordpress Website (Legacy)
How To Embed Your Donation Form on Your Wordpress Website (Legacy)
Candace Cody avatar
Written by Candace Cody
Updated over a week 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.ย 

There are 2 types of embed options:

  1. Donation Page Pop-up - 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 pop up looks on a website:


Here's a look at the on-page embed:

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.

Here's how you can embed your donation form on your Wordpress site:

Step 1: Under Campaigns, select the Settings of the campaign 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 right before the closing </head> tag.

Step 4: Login to your Wordpress and navigate to Plugins.

Step 5: Search for Simple CSS and HTML and download plugin.
โ€‹
โ€‹Step 6: In the plugin, navigate to the HTML section and paste in your embed code from CauseVox. Select Update to install.

Step 7 (Optional): For an on-page embed, select Copy To Clipboard and paste the embed code into your website HTML where you'd like it to be displayed on the page.

Step 8 (Optional): If you'd like to embed a button to trigger the pop-up embed, select Copy To Clipboard and paste the button code into your website HTML where you'd like it to be displayed on the page.

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

Was this article helpful? Rate it below!

Did this answer your question?