Looking for an attractive and effective way to accept donations on your Site123 website? Donorbox makes it easy to add a recurring donation form to your website in just a few steps. Read on to learn how.
Join the fundraising movement! Join the fundraising movement!
Add us as a preferred source on Google
Site123 is a user-friendly website builder that allows anyone, even with no website-building experience or coding skills, to build responsive websites.
Plus, it only takes a few minutes to embed your Donorbox donation form or button on your Site123 website. Keep reading to find out how it’s done.
If you haven’t already, create your campaign on Donorbox. This detailed blog will help you get started.
Top tip: If you want to add a recurring donation form on Site123, choose up to four different intervals to add to your form from our selection of eight options:
Go to your Donorbox campaigns page, and find the campaign you’d like to embed on your site. Click the “Embed Code” button on the campaign box, as shown below:
You’ll find yourself on the Share & Embed page.
Here, Donorbox gives you the option to select between two form variations: our Classic Form and our OmniGive™ Donation Form. While both are innovative, we strongly recommend you choose the latter for access to more powerful features.
Next, select how you’d like your form to appear on your Site123 website. There are three embed options to choose from:
Navigate between your respective options here:
Copy the generated HTML code for whichever option you choose.
Now, head over to your Site123 editor. Click on the “Pages” tab on the lefthand sidebar, and click the “Add New Page” button to create your Donate page.
Select the first page format option, named “About”.
Now that your new page shows up on your page sidebar, we recommend that you change the name from “About” to “Donate”, or something else that is more relevant and appropriate. Then, click the “Edit” button.
We recommend that you first remove the default picture present on the page by clicking the red “X” at the bottom of the page editor, or that you replace it with one of your own visuals.
Then, paste your donation form embed code in the “Description” text box, and click the green “Save” button.
When you return to your page editor, you will see your code written out, instead of an embedded form. But, don’t worry. Simply click the “Edit” button by the Donate page on the Pages sidebar once again.
This time, the page editor will show up with your donation form or button embedded in the “Description” text box. Click the green “Save” button again.
Your embedded donation form or button should now appear on your Site123 editor! Click the green publish button on the bottom of the lefthand sidebar to save your website.
Your Donorbox donation form is now all set up on your Site123 website! Here’s a glimpse of what it should look like:
As always, you can change the color of your form to match your website design. You make this change in the “Color” tab of your Donorbox campaign editor.
You’re all set to start collecting donations on your Site123 website with Donorbox.
With recurring giving built in, 22+ payment methods, and deep customization, we’ll empower you with what you need to turn site visitors into loyal supporters.
Sign up today for free. And for more tips and fundraising strategies, check out the rest of the Nonprofit Blog.
Raviraj heads the sales and marketing team at Donorbox. His growth-hacking abilities have helped Donorbox boost fundraising efforts for thousands of nonprofit organizations.
Join the fundraising movement! Join the fundraising movement!
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
