how to make a nice looking donate button for a wix webpage

by Daron Jacobs Sr. 5 min read

Then, go to your Wix website editor and, on the page on which you want to place your button, click the “Add” tab on the left-hand side bar. Under “Image,” click “My Image Uploads”. Upload the image for your donate button and click “Add to Page”.

To add a donation form:
  1. Click Add on the left side of the Editor.
  2. Click Contact & Forms.
  3. Click Donation on the left.
  4. Click or drag any of the forms under Donation onto your site.

Full Answer

How to add a donation form to your Wix website?

Click on the section that you want to add the button to, this will open the panel to the left of the window. 4. Add a button as illustrated in the red in the previous screenshot. 5. Change the text of the button as you desire; let it be "Donate" as the following screenshot, for instance. (B) Finding the button's ID 6. Now, click on Preview in ...

Can I embed Donorbox on WiX?

Nov 18, 2020 · 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.

How do I add a button to my Wix website?

Best Practices For Your Donate Button. When you add or improve a donate button on your website follow these best practices to make sure you’re giving your donors the best possible experience. 1. Put The Donate Button In Your Navigation. Make your donate button easy to find by putting it in your website’s navigation menu.

How to get more donors to donate to your website?

Website Design Discover all the ways you can create and design your website on Wix.; Website Templates Explore 800+ designer-made templates & start with the right one for you.; Advanced Web Development Build web applications on Velo's open dev platform.; Editor X Take full design control with flexible grids and custom breakpoints.; Mobile App Build, customize and manage …

Can you take donations on Wix?

With Wix, it's so easy to accept both one-time and recurring donations. As Wix supports SSL, you can also embed our full Donorbox donation form directly onto the Wix web page- here is a step-by-step tutorial. Your Wix donation form can be customized to fit into any web page.Apr 21, 2021

Does Wix have donate buttons?

Donate Buttons Happily, the Wix App Market makes giving people the option to donate a painless, simple process – which will likely translate into more donations. The Get Funding App is a safe and secure option.Feb 7, 2014

How do I make a donation button?

Step 1: Go to your nonprofit's Facebook Page (must be Page Admin). Step 2: Select + Add a button from your Page header, or if you already have a CTA button hover over it and click Edit. Step 3: Select Donate through Facebook* to let people donate directly through Facebook (you'll need to sign up for Facebook Payments).

How do I put a donate button on my website?

How do I create a donate button?On your website builder add a button and place it in the location you desire.Add a Call-to-action, which is what the button says (Donate, Support, Give Now etc.).Design the button's size, color, font and shape.On your GivingWay Dashboard find the donate button section. ... Congrats!Mar 3, 2021

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.

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.

Step 4

Now insert your Donorbox form. For this, you will first need to insert an HTML iframe inside the 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.

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.

Use a Donate Button to Accept Recurring Donations on Wix

In order to ensure the security of donors and their information, Donorbox requires that donation forms only be embedded on websites that are SSL secure. Unfortunately, Wix, one of the most popular website builders out there, does not support SSL.

Copy embed code for your Wix donation button

Go to your Donorbox dashboard and click “Donate Button” by the campaign you wish to link to.

Set up your website to accept recurring donations

Now, head over to your website editor and find or create the page on which you wish to add your Wix donate button.

Use your own donation button

If, despite our different options for customization, you do not want to use our donate button, feel free to use your own. To do so, go to your Donorbox dashboard and copy the URL for your secure donation page.

Why Does The Donate Button Matter?

If you want to convert website visitors into donors, you have to make it easy for them to give. If you provide a smooth and simple giving experience, you’ll increase the chances that they’ll complete it by making a gift.

Best Practices For Your Donate Button

When you add or improve a donate button on your website follow these best practices to make sure you’re giving your donors the best possible experience.

How To Set Up A Donate Button On Your Website

With CauseVox, it’s easy to put your donate button and donation form on your site. You can customize your form fields, add your logo and desired text, and create a form that looks like your organization.

Seriously, Look How Easy It Is

If you can copy and paste, and access your website dashboard, you already have all the skills you need to install your CauseVox donation page. Don’t believe me?

Want A Closer Look?

When your donation button links to an embedded donation form, within your site, and without complicated payment processing, you’ll start to raise more. Book a 15-minute free consultation with Candace, and see how CauseVox can help you convert more donors with less clunkiness.

What to Include on a Donation Webpage

Your online donation page is probably a huge part of your fundraising strategy with your nonprofit website. So, we want to make sure you have some ideas on where to start with online donations.

Donation Page Examples to Inspire You

Check out these great examples of donation pages from around the world.

1. Mozilla

Mozilla’s donation page is a super simple and straightforward donation form.

2. The Obama Foundation

The Obama Foundation has a visually appealing donation page that has a recurring donation suggestion on the left or a one-time donation option on the right-hand side.

3. United Nations Population Fund (UNFPA)

UNFPA’s site is a great donation page example. They sometimes use online pledge forms on different landing pages on their site. However, the main UNFPA donation page is shown below and shows a striking image and 2 different call-to-action buttons.

4. World Wildlife Fund (WWF)

The WWF donation page processes donations on the same page without redirecting donors to a different page.

5. GetUp

GetUp splits the donation page into 2 sections side by side. One to explain their mission statement and why you should support it. The other contains the brief donation form.

Wix

Givebutter is the premier free Wix fundraising solution thanks to its industry-low fees and modern all-in-one solution. Using a simple snippet of code, an integration between Givebutter and Wix takes less than five minutes to set up.

Wix integration examples

Givebutter makes it dead-simple to run all of your fundraising activity through Wix and grow donations over time: