How to Add a Donorbox Donation Form to Ghost in 7 Easy Steps
Wondering how to collect donations on your Ghost site? Donorbox makes it simple! Here's how to add a donation form or button in 7 easy steps.
Updated
Wondering how to collect donations on your Ghost site? Donorbox makes it simple! Here's how to add a donation form or button in 7 easy steps.
Join the fundraising movement! Join the fundraising movement!
Add us as a preferred source on Google
Ghost.io is an easy site builder that’s perfect for busy nonprofits looking to collect donations online without worrying about coding and unnecessary flair.
Integrating a Donorbox donation form into your Ghost post or page is incredibly easy. In this article, I’ll show you how in seven simple steps.
But first, here are your options:
The donation form will show up on your chosen page or blog post:
A Donorbox Donate button will appear in your post or chosen page. When the reader clicks it, they will be redirected to a customized and secure Donorbox donation page. You can read more about our awesome SSL-enabled donation pages here
A Donorbox Donate button will be displayed, as before. But, instead of redirecting to a donation page, your form will pop up on the page or blog post you’re on.
Whatever way you choose, Donorbox has made the whole process quite simple. All the code will be auto-generated for you. So, all you have to do is just copy and paste.
So, let’s get started.
Log into your Ghost.org account.
Then, choose whether you want to add your donation form/button on a page or a blog post. You’ll also need to choose whether to create a new page/post, or edit an existing one.
Log into your Donorbox account.
If you haven’t made a Donorbox account and created a campaign yet, this blog will walk you through the process. It only takes 15 minutes!
Then, head to the Campaigns tab in your dashboard, and find the campaign you want to collect donations for on your Ghost site. Once you’ve found it, click the “Share & Embed” button.
You’ll find yourself on the Share & Embed page.
Decide how you’d like your form to appear on your Ghost site. As I mentioned at the beginning of this guide, you can choose from a few different options. Navigate between your respective options here:
Unless you’re choosing to link to a hosted donation page, you’ll also see two form variations: our Classic Form and our OmniGive™ Donation Form. While both are innovative, I strongly recommend you choose the latter.
The OmniGive™ donation form opens a door to a plethora of benefits for your organization and donors, including 22+ payment methods dynamically displayed based on your donor’s location and device. Learn more about the benefits of the OmniGive form in this blog post.
Copy the generated HTML code for whichever option you choose.
Head back to Ghost. On your chosen page/post, click the “plus” to add an element.
Select the “HTML” option.
Paste your Donorbox form/button code.
All that’s left is to save your changes. Click the “Publish” or “Update” option in the top right corner. You can check your post or page to see if it shows up the way you want it to.
And there you have it! Your Donorbox form integrated into your Ghost blog. Happy fundraising!
If you need any help with this, you can always contact us at . Our fantastic Support Team would love to help you out.
For more fundraising tips and strategies, check out the rest of the Nonprofit Blog.
Rebekah is the Head of the Customer Success & Intelligence team at Donorbox, ensuring nonprofits and individuals receive the best support at all times. Under her guidance, Donorbox is able to create friendly and meaningful relationships with their customers.
Join the fundraising movement! Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
