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