How Can I Display a Donation Appeal on My Website?

Navigation: Payment options > Donation Appeal

Before you can display your donation appeal on your website you will need to enable the settings for the donation appeal to either display as a standalone option on your registration page or attached to a stand-alone option.

To enable your donation appeal to be viewable, follow these steps:

Displaying a Donation Appeal as a Stand-alone Option

To display the donation appeal as a selectable option on your registration form, please follow these steps:

Step 1: Go to the donation appeal settings by hovering over ‘Payment Options’ and selecting ‘Donation Appeal’.

Step 2: To create a new donation appeal click ‘Add new’ or to edit an existing one click on ‘Edit' to the right-hand side of the screen next to the donation appeal you wish to display.

Step 3: A Pop-up box will appear with the donation appeal settings. One of the questions that you will be asked is ‘Display the option for people to register for this donation appeal: Via a stand-alone registration form?’. Here you will need to select ‘Yes’.

Step 4:  The question ‘Request payment at the point of registration?’ will appear. If you would like payment made as they register, then select ‘Yes’. If not, then select ‘No’ and the person will need to be vetted and will appear in the group ‘Online registrations awaiting approval’ once they have completed their registration.

Step 5: You will now need to save your changes, scroll to the bottom of the window and select ‘Save and Finish’.

Displaying a Donation Appeal as a Registration Form

Step 1: Go to the donation appeal settings by hovering over ‘Payment Options’ and selecting ‘Donation Appeals’.

Step 2: To create a new donation appeal click ‘Add new’ or to edit an existing one click on ‘Edit' to the right-hand side of the screen next to the donation appeal you wish to display.

Step 3: A Pop-up box will appear with the donation appeal settings. One of the questions that you will be asked is ‘Display the option for people to register for this donation appeal: On your registration form?’. Here you will need to select ‘Yes’.

Step 4: The option to ‘Select your registration form’ will appear. Click on this to choose which form the donation appeal can be selected from.

Step 5:  The question ‘Request payment at the point of registration?’ will appear. If you would like payment made as they register, then select ‘Yes’. If not, then select ‘No’ and the person will need to be vetted and will appear in the group ‘Online registrations awaiting approval’ once they have completed their registration.

Step 6: You will now need to save your changes, scroll to the bottom of the window and select ‘Save and Finish’.

Embedding the registration page on your website

The next stage is to make sure that you have the correct links to embed onto your website. Here are the steps you need to follow to embed the registration forms, the login page and event pages into your website.

Settings > Account

Step 1: Login to your account and hover over ‘Settings’ at the top of the page. Then, select ‘Account’.

Step 2: Towards the bottom of the ‘Settings’ page you will see the ‘Navigation’ section where there will be 3 URLs - one for the registration page, one for the login page and one for the events page.

Step 3: To display your donation appeal on your website, you will need to copy the registration page URL.

Step 4: Paste the URL into an <iframe> tag in the following manner (you can adjust width and height as per your preference):

<iframe src="PASTE_YOUR_URL_HERE" width="500px" height="500px"></iframe>

Step 5: Copy the <iframe> code into the body of your web page HTML source

Alternatively, you can embed a single donation appeal into your website for use on a specific page relating to it.

To do this, follow these steps:

Step 1: Login to your account and hover over ‘Settings’ at the top of the page. Then, select ‘Account’.

Step 2: Towards the bottom of the ‘Settings’ page under ‘Navigation’ you will see, ‘Registration form URLs’ – click on ‘Select’.

Step 3: Several URLs will then appear each relating to a specific form you have created and chosen to appear as a Stand-alone option. Select the one for the donation appeal you wish to embed or the form the donation appeal is displaying on and copy it.

Step 4: Paste the URL into an <iframe> tag in the following manner (you can adjust width and height as per your preference):

<iframe src="PASTE_YOUR_URL_HERE" width="500px" height="500px"></iframe>

Step 5: Copy the <iframe> code into the body of your web page HTML source

Having individual form URL’s embedded can be useful to separate and direct prospects to the right form from an area of your website.

For example, if they are looking to register a for annual appeal you can send them straight to the annual appeal form, and those looking for other appeals can then be directed straight there too.

Well done! If you followed these steps correctly, you have now successfully embedded your form into your website.