Collect Donations on Your Shopify Site With Donorbox| Step by Step Guide

Collect Donations on Your Shopify Site With Donorbox| Step by Step Guide

shopify donation form

Shopify is a website builder for online stores that make it easy to collect donations online. Many Nonprofits use Shopify to get new supporters and increase their revenue. There are a lot of apps for nonprofits and charities on Shopify.

In order to collect donations on your Shopify website, you can:

1. Use the premade donate button that is linked to your secure donation page

2. Embed Donorbox’s customizable donation form or donate button

Read on to find out which is the best option for you and how to add them to your Shopify.


Here’s How To Add Donate Button to Your Shopify Site:


Step 1

Select an image with text from Shopify templates, or if you want to add a new one, select “Add section” and choose “Image with the text” or “Image with text overlay.” Select the image to appear behind your text.


Step 2

Scroll down until you find the “Button Label.” Choose a name for your button and enter it here. For example, I chose “Donate Now.”

shopify donations


Step 3

Go to your Donorbox campaigns page and find your desired campaign. Right-click the link for “Preview Campaign Page” and copy that URL, as shown below.



Step 4

Now head back to your Shopify page and paste the link where it says “Button link.” Hit enter and a button will automatically appear beneath your text. Make sure to hit “Save” in the upper right-hand corner, then you can start collecting donations through your Shopify site.

shopify donations


How To Embed the Donation Form on Shopify

When embedding the donation form, you must make sure your site is SSL secure in order to protect donors’ information. Shopify stores use SSL encryption everywhere, so you are ready to embed the form!


Step 1

Start on your Shopify page and select the “Add section” on the left side of the screen under the “Sections” option.

shopify donations


Step 2

Scroll all the way down to find “Custom content” and hit the button that says “add”. Once this section has been added, hit “Add content” and select “Custom HTML”

shopify donation form


Step 3

Now head to your Donorbox campaigns page and find your desired campaign. Click the form integrations icon </> next to it. Select the “Embed Form” option for that campaign.


Step 4

Paste the code in the box that says “HTML” and the donation form will automatically appear. Hit “Save” and you’re ready to collect donations securely and easily from your Shopify site!

shopify donate button

 


Conclusion

We hope this step-by-step guide on embedding donation forms was helpful for Shopify fundraising.

Donorbox is being used by more than 35,000 nonprofits across the world.

Please let us know if you have any doubts while setting up at .

Happy Fundraising!

Wagisha Jha is the content overseer and writer at Donorbox. She is a marketer specializing in early to mid-stage startup growth. In her free time, she can be found writing, caring for animals, or indulging in fine arts. Say hello to her on Linkedin or Instagram.

Join the Nonprofit Movement
Receive our free email updates to get nonprofit tips, resources and freebies sent directly to your inbox.

Join us in serving the nonprofit world!

Take your donor experience to the next level!
Join the 35,000+ nonprofits already raising funds online.
(No setup fee. Unsubscribe anytime)