How to Add a Recurring Donation Form in Concrete CMS

Concrete CMS is a popular website builder that many nonprofits use to create attractive websites that connect donors with their organization. But if you don’t have a streamlined donation form that can accept recurring donations on your website, you’re missing out – big time. Read on to learn how you can easily add a Donorbox donation form to your Concrete CMS website.

2 minutes read
How to Add a Recurring Donation Form in Concrete CMS

Concrete CMS is an easy-to-use tool to create interchangeable and dynamic content. It’s one of many website builders nonprofits use to connect with their audience online. 

Donorbox donation forms are sleek, accessible, and fully customizable. Plus, recurring donations are front and center so you save time and energy in your donor recruitment process. Choose up to four of the following intervals to feature on your form: one-time, daily, weekly, biweekly, monthly, quarterly, and annually. You can also set a default selection and mark your preferred interval with a heart. 

Here’s a quick and easy tutorial to teach you how to install a Donorbox donation form onto your Concrete CMS  website.


Steps to Add a Donorbox Donation Form in Concrete CMS


Step 1

Log in to your Donorbox account or sign up and create your first campaign. It’s free and easy to get started! Learn more in our step-by-step guide

Once you’re logged in, go to your Campaigns and find the campaign you wish to embed on your site. Click “Go to Launchpad.”  

From the Launchpad, copy the embed code for your donation form. You can simply click “Copy Code to Clipboard.”


Step 2

Log in to your Concrete CMS account. Navigate to the page you want to add your Donorbox donation form to. Click a blank space on the page builder and click “Add Block” from the menu. You can also click the plus sign at the top left of your screen. 

From the Block menu, select “HTML.”

Paste your donation form embed code into the HTML block and click “Save.”


Step 3

You may need to adjust the positioning of your form. To do that, simply click on that section and click “Design & Block Template.” You can change the position of your form by clicking the arrow symbol and adjusting as needed. 

Once you have the position the way you want it, click “Save.” You’ll see your donation form ready to go live on your website! Remember that you can change the color of your form to match your website whenever you’d like, you’ll just need to copy and paste the updated code.

In addition to your donation form, you can also embed the following from your campaign – 

  • Pop-up donation form for more dynamic access 
  • Donate buttons for quick access to your donation form 
  • Your fundraising/crowdfunding page 
  • Goal meter (if one isn’t already a part of your donation form) 
  • Donor wall to automatically show off your donors 

All of these help turn your website into a donation generator. And you can simply follow the same steps to find the code in your Campaign Launchpad and paste it in Concrete CMS. 


Conclusion 

Your website is so many things – your welcome mat, your business card, and your trophy case. It should also be one of your primary ways to accept donations. 

Having an attractive and easy-to-use donation form to collect recurring donations on your website is non-negotiable these days. And if you use Concrete CMS for your website, adding your Donorbox donation form is super easy. 

We hope you found this guide useful! If you have any questions or comments, feel free to contact our Support team.

For more how-tos and fundraising tips, check out the rest of our Nonprofit Blog. Sign up for our newsletter to get curated content in your inbox every month!

Join the fundraising movement!

Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.

Take your donor experience to the next level!
Join the 50,000+ nonprofits already raising funds online.
Join a 30min Demo to see how Donorbox can help you reach your fundraising goals!
.brave_popup #brave_element--NNN3oo2Vl6_Qoue46FF.brave_element.brave_element--button .brave_element__styler .brave_element__button_text { border-bottom: 1px solid #fff; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FF { text-align:left; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FK { z-index: 6 !important; left: 232px !important; } const _sticky_bravepop_id = 51310;
Join a 30min Live Demo to see how Donorbox can help you reach your fundraising goals!