How to Add a Donate Button on Weebly to Accept Recurring Donations
Adding a donate button or embedding a donation form on your Weebly website is an extremely easy and seamless process. Donorbox’s responsive and smart donation form gives your supporters a fast online donation experience. It’s also easy to integrate and optimize for donor conversions. Check out just how easy it is to get started with Donorbox in minutes!
Select the “Donate Button” tab where you can see two types of buttons: a CSS button and a PNG button.
Next, customize the size and color of the Donorbox donate button until it suits your website. Then, copy the button code you wish to add to your Weebly website.
Now, head over to your Weebly site. On the left side of the screen, there is a bar that says “Basic.” Scroll down until you find the “Embed Code” icon.
Click and drag the embed code icon to the location of your choice on the page.
Now click on the embed code icon and you will see a pop-up that says “Custom HTML.” Click on “Edit Custom HTML.” Paste the code that you copied earlier. Once your code is pasted, the Donorbox donate button should appear.
Publish your page by hitting the blue “Publish” button in the upper right-hand corner of the screen. Now you’re ready for donations!
When a donor clicks on the donate button, they will be taken to your Donorbox-hosted donation page, like the one shown below. Another benefit of Donorbox is that you can track donations and donors can easily and securely make one-time or recurring donations. All you have to do is get ready to receive donations!
Installing a custom donate button on your Weebly website
You don’t have to use the Donorbox button to use our awesome donation forms. You are free to use any button image you want. Follow the below steps to add a custom donate button.
First, save the desired image of the button. Or you can copy the URL of the image you wish to use. Then, locate the “image” icon of the left side of the page. Click and drag the image icon to your desired location on the page.
Click on the image icon, and upload the image of your custom donate button or paste the link of the image. Once you’ve done this, click on the new image and you’ll see a pop-up that looks like this:
Click on “Link”, then click on “Website URL”.
Copy and paste the link to your Donorbox-hosted campaign, which can be found in the Donorbox campaigns page as shown below.
And now you have a custom donate button that takes donors to your very own secure donation page!
Hit “Publish” in the upper right-hand corner to finish and publish these changes.
Installing Donation Form Directly on Website
You have the option of embedding the full Donorbox donation form directly on your website, instead of a Donate button. In this case, your website visitors will see the form directly. Some nonprofits opt for both the options, depending on their website design- adding the donate button wherever needed, while also keeping the embedded donation form on their homepage or donation page. It can be customized to fit into any web page. Check out this tutorial for step-by-step instructions.