Installing Modal Popup Donation Forms on Weebly

Accepting online donations is an important feature that your website must serve. And, if your website is built using Weebly, accepting donations on your website is a simple and hassle-free process. There are a few ways to add a donation form to your Weebly website. You can: Directly embed the donation form to your website.…

2 minutes read
Installing Modal Popup Donation Forms on Weebly

Accepting online donations is an important feature that your website must serve. And, if your website is built using Weebly, accepting donations on your website is a simple and hassle-free process.

There are a few ways to add a donation form to your Weebly website. You can:

Your popup donation form will appear on the same webpage when a donor clicks on the donate button on your website.

In this guide, we will walk you through how to install a popup donation form on your Weebly website.

weebly donation form


Step 1

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


Step 2

Once you’ve customized your donate button, copy the embed code.


Step 3

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.
weebly donations


Step 4

Click and drag the embed code icon to the location of your choice on the page.

donation form weebly


Step 5

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 you copied earlier. Once your code is pasted, the donate button should appear.
weebly donation popup


Step 6

Publish your page by hitting the blue “Publish” button in the upper right-hand corner of the screen and now your popup donate button is ready to accept donations!

weebly donations

When you click on your donate button, the modal popup form for your Donorbox campaign should appear on the same screen, making the checkout process even faster for your donors!

Related Articles:

Harish is a Tech Lead at Donorbox. He helps make Donorbox a powerful and effective solution for nonprofits and individuals alike. The awesome tools and features that help nonprofits create an impact with millions of donations raised? - Now you know someone who makes it possible!

Join the fundraising movement!

Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.

Join a 30min Demo to see how Donorbox can help you reach your fundraising goals!
.brave_popup #brave_element--NNN3oo2Vl6_Qoue46FF.brave_element.brave_element--button .brave_element__styler .brave_element__button_text { border-bottom: 1px solid #fff; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FF { text-align:left; } #brave_popup_51310__step__0 #brave_element--NNN3oo2Vl6_Qoue46FK { z-index: 6 !important; left: 232px !important; } const _sticky_bravepop_id = 51310;
Join a 30min Live Demo to see how Donorbox can help you reach your fundraising goals!
Join Donorbox's action-packed summit Friday, January 31 | NYC
Unlock the secrets to fundraising success in 2025
Join Donorbox's action-packed summit Friday, January 31 | NYC
Unlock the secrets to fundraising success in 2025