How to add a Donation Form in Drupal 8

Drupal 8 is a content management system (CMS) that helps customers build dynamic content and workflows. Donorbox has put together an integration guide for our Drupal 8 users. This step-by-step guide walks you through how to install a Donorbox donation form on your Drupal 8 website. Check out how easy it is!

2 minutes read
How to add a Donation Form in Drupal 8

We put together a quick integration guide for our Drupal 8 users – keep reading to find out how easy it is to install a Donorbox donation form onto your Drupal 8 website!


Academy banner

Step 1

Head over to your Donorbox campaigns page.  Click the form integrations icon </> for your fundraising campaign. Then, click the “<>Embed Codes” button.

drupal 8 donations


Step 2

You can edit some of the default settings in your form here, like setting a default donation amount or recurring option. As you change the settings, you will see the code automatically adjust itself.

When you’re happy with the settings, copy the embed code for your form. This code will be pasted in your Drupal site later on.

drupal 8 donations


Step 3

Now, log into your Drupal 8 account. At the top of your Dashboard, click the “Manage” tab, followed by the “Content” tab. Then click the blue “Add Content” button.

donate on Drupal 8


Step 4

In order to add a permanent donation page to your website, choose the “Basic page” option for your new content.

Drupal 8 donations


Step 5

After naming your page, paste the donation form embed code into the appropriate field.

Drupal 8 donations


Step 6

Below your code, change your text format to “Full HTML”. The code should instantly transform into your donation form within the text box. Because we are using an embed code instead of a preset donation module, make sure not to skip this step or lines of code will appear on your website instead of the form itself.

donation form in Drupal 8


Step 7

To ensure that your new donation page is featured on your website’s menu bar, click the “Menu Settings” tab to the right of the text box and select “Provide a menu link”. Don’t forget to name your menu link – this is the title that will appear on your menu bar.
donation form in Drupal 8


Step 8

Click the “Save And Publish” button located at the bottom left of the page, and you’re all set! Your new donation page should look a little something like this:

donate on Drupal 8

 

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

Avatar photo

Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.

  • facebook
  • twitter
  • instagram
  • linkedin
  • tumblr

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!