Embed your Donation Form
If you are looking to use Raisely to accept donations, but want the Donation Form to be embedded on a site built on a different platform, you can use the Embed option to set this up. Each Raisely campaign comes with its own HTML embed code, which can be pasted into an external website built on WordPress, Squarespace, Wix and any other page that accepts HTML embeds.
Skip Ahead To
How to embed your donation form
Customise your donation form embed
How to embed your donation form
Before you start, make sure you have backend access to the web page you want to embed your form on. You'll be adding a line of HTML code, so you'll need to add this to the page's HTML directly or via a HTML block/widget if using a Page Builder.
Steps:
- In the Raisely admin panel, select the campaign you want to embed and then navigate to Settings > Donation Form. Click on the Embed tab.
- Click Copy Embed Code to copy the embed code into your computer's clipboard.
- Paste the embed code where you would like it to show on your external website.
Wordpress Plugin for Raisely
Your site may be built on Wordpress, and if so, Raisely has a Wordpress plugin available to make the embed process simple. Do note that Wordpress has some restrictions when trying to use embed codes. You can check out their Pricing plan page to ensure you meet the requirements to use plugins and external embeds.
Using Wordpress Plugin
- From your Wordpress backend, select Plugins > Add. In the search bar, type in Raisely to bring up the plugin
- Select Install, and once done select Activate
- From the Wordpress sidebar, select Settings > Raisely. You will then be asked to add in your API. This can be found back in your Raisely campaign under Settings > API & Webhooks. Simply copy and paste your API Key back into the Wordpress Raisely plugin settings and select Submit
- If using Wordpress' editor (Gutenberg), you will find a new block available for your Raisely Donation Form. Otherwise, you can use the shortcode below:
- [raisely_donation_form campaign=ADD YOUR SUBDOMAIN]
- For example, if your campaign URL is donation-form.raisely.com, then the shortcode would be: [raisely_donation_form campaign=donation-form]
Customise your donation form embed
Beyond the dollar amounts, fields, and settings that you can set up for your donation form across your Raisely campaign, you can also control some settings just for the embedded form.
Set your Title and choose to only embed your form on known domains in the Settings area of the Embed tab.
| Setting Name | Description |
|---|---|
| Title | The title that appears above your dollar amounts on the donation form |
| Only allow on known campaign domains | Prevents your donation form from being embedded on domains other than the ones you register when selecting Settings > Domains for additional security. |
If you're using a personalised URL (PURL) to pre-fill the donation amount on the embedded form, you can add the following line so that the amount step is not skipped:
startOnAmount=true
Here's an example of the PURL if you want the donation amount to be pre-selected and the first step skipped:
https://nick-active-event.raisely.com/en/embed?amount=30
Here's an example of the PURL if you want the donation amount to be pre-selected and the first step still shown:
https://nick-active-event.raisely.com/en/embed?amount=30&startOnAmount=true
FAQs
### accordion
## expand
# Will donors still be able to pay with Apple Pay or Google Pay in my embedded donation form?
Only Google Pay works on embedded donation forms. Apple Pay is not available on embedded donation forms.
## expand
## expand
# Can I embed a donation form from a particular fundraising profile?
Yes, you can! However it requires a little more advanced setup and you can't use Raisely's default embed code. Instead, you can embed the form in an iFrame like this:
<iframe src="https://mycampaign.raisely.com/embed/perry-profile" width="100%" height="600" style="border:0"></iframe>
You need to change mycampaign with your Raisely campaign subdomain, and perry-profile with the path of the profile you're embedding.
Note: This embed code won't work with any tracking scripts like Google Analytics or Facebook Pixel.
## expand
## expand
# Can I embed a donation form on another page in my Campaign or different Raisely Campaign?
Yes you can though you will need to embed the form using an <iframe> rather than the embed code. To do so, simply use the HTML block and add:
<iframe src="https://mycampaign.raisely.com/embed" width="100%" height="600" style="border:0"></iframe>
You need to change mycampaign with your Raisely campaign subdomain. To note, iframes capture the entire source page. If you are just after the donation form, consider creating a page in Raisely with only the form, and use this as your source.
## expand
### accordion
Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas.