How to Create a Popup Donation Form in Wix

Wix website editor is a widely popular and simple way to create a functional nonprofit website. In a few simple steps, you can add a donation form to your Wix website and start fundraising with the power of Donorbox. Checkout the following video tutorial and step-by-step guide to get started.

2 minutes read
How to Create a Popup Donation Form in Wix

If you are using Wix to build your website, you can still add a popup donation form on your website. Wix website editor is widely popular and simple to create functional websites.

In a few simple steps, you can add a donation form to your Wix website and start fundraising with the power of Donorbox.


Video Tutorial

If you prefer a video tutorial on how to create a popup donation form in Wix, check out the tutorial below.


How to Create a Popup Donation Form in Wix


Step 1

Go to your Wix website editor. Find the page that you want to install the popup form on. Click the “Add” tab on the left-hand sidebar.

donations on wix


Step 2

You will need to create a trigger first. This can be either a link or a button so that when it is clicked, the lightbox will appear.

To add a button, click the “Add” tab on the left-hand sidebar. Select the type of button that you want and insert it into the page. You can style your button to your preference.

 

 


Step 3

Once your Wix donate button has been added, add a lightbox.

Click the ‘Add’ tab on the left-hand sidebar and select “Interactive”.

Pick any of the lightbox designs that Wix has provided. Wix offers default styling that you can edit and add your custom styling to give it a more interactive look and feel.

 


Step 4

Now insert your Donorbox form. For this, you will first need to insert an HTML iframe inside the Lightbox.

Go to the left-hand sidebar and click “Add”.

Next, click “Embed” and select option “Embed a Widget” to add an HTML iframe into your Lightbox.

 


Step 5

Once you have inserted your iframe inside the lightbox, you will need to insert the donation form into the iframe. Click “Edit iframe“. Then, click “Enter Code“. A text box will be provided to enter your HTML code.

 


Step 6

Paste the script provided by Donorbox into the iframe. You will see the donation form inside your lightbox.

Be sure to expand your lightbox and iframe to be bigger than your donation form. Otherwise, it may get cut off.


Step 7

Once you have embedded your donation form into the lightbox, go back to the site menu. Find the page where your donate button is. Select the button and click “Link“. You will find a popup asking you where to link it. Please select the lightbox that you want to link to the button.

donation form on wix

 

And that’s it! Now, when you click on the button, the Lightbox containing the donation form will pop up. This mimics the behavior of a Donorbox popup donation form.

collect donation on wix

You also have the option of embedding a full donation form, if you prefer. It can be customized to fit into any web page. You can also install a donate button that takes your donor to your secure Donorbox-hosted donation page.

Unfortunately, due to Wix’s embed policies, the Donorbox popup donation form may not work properly on a Wix website. Nevertheless, if you really want to install a popup form, this way you can simulate a similar behavior.

Related Articles:

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.

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