Installing GiveForms on a Wix website (Popup Style)

You can install a GiveForm on a Wix website as a popup form.

Step 1. Copy your embed code

Sign in to GiveForms, then go to Forms. ‍

Select your desired form.

At the top right of your Form Editor page, click Embed My GiveForm.

Next, copy the embed code for embedding a GiveForm directly on a webpage.

Step 2. Create a button

On the Website Editor, click the + (Add) button on the left sidebar. Then, select the Button page.

Choose a button you like and drag it to the page you want to embed the GiveForm.

After dragging the button to where you want it, the page should look like the image below. You may also edit the button text:

Step 3. Create a LightBox

‍Click the + (Add) tab on the left-hand sidebar and search for Lightbox.

Pick any of the designs that Wix has provided and drag it to the page.

You can start editing your Lightbox by resizing and removing elements that are not needed.

Step 4. Use Wix’s HTML iframe

Click the + (Add) button on the left sidebar. Scroll down to More. Then, click Custom Embeds.

Choose the green box labeled HTML iframe and drag it to the Lightbox.

After dragging the HTML iframe, the Lightbox should look like this:

Step 5. Paste your embed code

Click Edit Code and paste the GiveForms Code that was copied in Step 1.

Adjust the Name, Layout and Design. Resize and make adjustments to fit the donation form.

GiveForms, by default, has a border that may not always sync with the theme of your page. To remove the border, add the code – border:none as shown on the image below:

Also, don’t forget to rename your Lightbox for easy reference. Go to Menus & Pages. Click Lightboxes then click the Lightbox to rename.

‍Step 6. Link your Form to the Donate Button

Select the button and click Link icon. You will get a popup asking where to link it.

Finally, select the Lightbox that you want to link it to.

Step 7. Publish your page

You're done! Now wait for those donations to come rolling in.