How To Install Recurring Donation Forms on Site123 with Donorbox

  Site123 is a user-friendly website builder that allows anyone, even with no website-building experience or coding skills, to build responsive websites. You don’t even need to drag and drop widgets, just use the ready-made designs and layouts, add your content, and you’re all set! You can choose to create a Site123 website for free,…

2 minutes read
How To Install Recurring Donation Forms on Site123 with Donorbox

 

site123 donations

Site123 is a user-friendly website builder that allows anyone, even with no website-building experience or coding skills, to build responsive websites. You don’t even need to drag and drop widgets, just use the ready-made designs and layouts, add your content, and you’re all set! You can choose to create a Site123 website for free, or to upgrade to their premium plan for $9.80 a month and benefit from a domain connection, higher bandwidth, and more storage. It also only takes a few minutes to embed your Donorbox donation form on Site123 website – keep reading to find out how it’s done.

Site123 has recently added an option to turn on SSL. To do this, go to your Site123 dashboard and click on domains. Next, hit SSL setup and choose to turn on SSL for a more secure site!


How to Install a Donorbox Form on Site123


Step 1

On your Donorbox campaigns page, click on the form integrations icon </> next to the campaign you want to embed. Then, select the “Embed Form” option.

 


Step 2

Customize your embed options and copy the auto-generated code, as shown

Yola donations


Step 3

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.

Donation Form on Site123


Step 4

Select the first page format option, named “About”.

Donation Form on Site123


Step 5

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.

embed donation form in Site123 website


Step 6

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.

Donation Forms on Site123


Step 7

Then, paste your donation form embed code in the “Description” text box, and click the green “Save” button.

Donation Forms on Site123


Step 8

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.

Donation Form on Site123


Step 9

This time, the page editor will show up with your donation form embedded in the “Description” text box. Click the green “Save” button again.

Donation Forms on Site123


Step 10

Your embedded donation form should now appear on your Site123 editor! Click the green publish button on the bottom of the lefthand sidebar to save your website.

Donation Forms on Site123

Your Donorbox donation form is now all set up on your Site123 website! Here’s a glimpse of what it should look like:

site123 donations

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.

Related Article:

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 Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)
Join Our Newsletter
Get a monthly curated round-up of our best posts and feature updates. (You can unsubscribe anytime.)
Join a 30min Demo to see how Donorbox can help you reach your fundraising goals!
Join a 30min Live Demo to see how Donorbox can help you reach your fundraising goals!