Unfortunately, due to Wix’s embed policies, the Donorbox popup donation form will not work properly on a Wix website. Nevertheless, if you really want to install a popup form, we have found a way to simulate a similar behavior.
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.
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 in the page. You can style your button to your preference.
Once your donate button has been added, create a lightbox by following the same method as before. Click the ‘Add’ tab on the left-hand sidebar and search for Lightbox. Pick any of the designs that Wix has provided.
You can start editing your lightbox, any way you like.
To insert a Donorbox form, you will first need to insert an HTML iframe inside the Lightbox. Go to the left-hand sidebar and click “Add”. Next, click “Add more” and you will find the HTML iframe. Insert the iframe into the lightbox.
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.
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.
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.
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.
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.