How to Add a Recurring Donation Payment Form in Joomla

For all you Joomla users out there, here is a quick guide on how to embed your Donorbox donation forms into your Joomla sites:

 

1. Because we are using an embed code instead of a preset donation module, you will need to make sure your Joomla website allows iframe codes before you copy and paste your donation form embed code, as they are prohibited by default. On your Joomla administrator page, start by clicking on the “Extensions” tab, then the “Plugins” button.

1 plugins

2. Search for the “Editor – TinyMCE” plugin using the search bar and click on it.

2 tinyMCE

 

3. Scroll down to find the “Prohibited Elements” field and remove “iframe” from that list. Then click the “Save” button at the top of the page.

3 iframe

 

4. Now that you have allowed iframe codes on your website, go to your Donorbox dashboard (https://donorbox.org/dashboard) and find the campaign you wish to embed on your site. Click the “embed form” button.

4 embed

 

5. Copy and paste the embed code for your form.

5 copy

 

6. Go back to your Joomla administrator page, and create a new article by clicking on the “New Article” button at the top of the left-hand sidebar.

6 new article

 

7. Name your article and scroll down below the content field to press the “Toggle Editor” button on the bottom right. 

7 toggle

 

8. Once you’ve clicked the toggle button, paste your donation form embed code into the “Content” field.

8 paste

 

9. Click the “Save” button and your embed code will now show up as your donation form on your editor as well as on your website!

9 save

 

10 website

One thought on “How to Add a Recurring Donation Payment Form in Joomla”

Leave a Reply

Your email address will not be published. Required fields are marked *