Shopify is a website builder for online stores that make it easy to collect donations online.
In order to collect donations on your website, you can:
1. Use the premade button that is linked to your secure donation page
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 from Shopify templates
- Step 2: Scroll down & find the “Button label”
- Step 3: Go to the Donorbox campaign & copy the campaign URL
- Step 4: Paste the button link on your Shopify page
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.
Scroll down until you find the “Button Label.” Choose a name for your button and enter it here. For example, I chose “Donate Now.”
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.
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.
How To Embed the Donation Form
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!
Start on your Shopify page and select the “Add section” on the left side of the screen under the “Sections” option.
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”
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.
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!
We hope this step by step guide on embedding donation form on Shopify was helpful.
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 .