Using Fundraise Up on Wix

Wix sites offer some limitations, as their editor does not allow the addition of raw HTML. Nevertheless, our full checkout experience can still be used to great effect!

 


Adding your Fundraise Up Installation Code to your Wix site

For any of the Fundraise Up widgets or direct links to work correctly, you first need to embed a line of Javascript code in the <head> section of your website. Doing so connects your website to Fundraise up.

Note: Due to how WIX is built, it is not possible to use Apple Pay. Additionally, it is only possible add HTML directly to WIX through advanced screens.

Please go to Installation page of your Fundraise Up Settings area.

There you will find a code snippet that looks something like this, where 'YOUR_KEY' is a combination of symbols specific to your account.

<!-- Fundraise Up -->
<script>(function(w,d,s,n,a){if(!w[n]){var l='call,catch,on,once,set,then,track'
.split(','),i,o=function(n){return'function'==typeof n?o.l.push([arguments])&&o
:function(){return o.l.push([n,arguments])&&o}},t=d.getElementsByTagName(s)[0],
j=d.createElement(s);j.async=!0;j.src='https://cdn.fundraiseup.com/widget/'+a;
t.parentNode.insertBefore(j,t);o.s=Date.now();o.v=4;o.h=w.location.href;o.l=[];
for(i=0;i<7;i++)o[l[i]]=o(l[i]);w[n]=o}
})(window,document,'script','FundraiseUp','YOUR_KEY');</script>
<!-- End Fundraise Up -->

Please embed that code snippet in the <head> section of your website.

The <head> section of the website is the same section where you would typically add other utility code snippets such as Google Analytics tracking code, etc.

On Wix, you have to take the following steps in order to update your <head> section:

  1. Go to your Wix site's Dashboard
  2. Click on Settings in the left-hand panel.
  3. Scroll down the left-hand panel, and click on Tracking Tools.
  4. Click on the New Tool button and select Custom. Please note that if you have a Premium Account or Own Domain, you are required to activate this option.

    4
  5. Paste Fundraise Up JavaScript code snippet into the box titled ‘Paste the code snippet here’.

    2-1
  6. Give the Custom Code a name (i.e. Fundraise Up).
  7. In the section titled Add Code to Pages select Load code on each new page from the dropdown within the All pages selection.
  8. For the Place Code in option, please select Head.
  9. Then click the Apply button.

Now that you have your website connected to Fundraise Up, let's look at how you direct donors to your donor checkout experience on your website.

 


Sending visitors to make donations

With Wix, you will likely need to use direct links when sending visitors to your Fundraise Up Campaign's checkout, as Wix has limitations on what raw HTML it'll allow you to insert. 

To get the URL for your donation form for a particular Campaign:

  • First make sure you've set your Website URL in the Organization page of your Settings area.
  • Then, you'll want to go to the Campaign tab, click on the Campaign, and click the Copy button in the header area.

The code it'll give you presumes that it goes to your homepage and then opens the form; if you want to make page-specific versions of the link, you can do so by editing the web address provided.

To add the link to your website, please follow the steps below:

  1. Go to your Wix Dashboard, and click Manage & Edit site > Edit site
  2. Select button, text or image and add the link.
  3. Choose Web Address and enter direct URL you obtained from Fundraise Up.
  4. Where it says 'How does it open,' please select Current Window.

    5
  5. Then click Done.

If you have any questions about how to use our donation link(s), please give us a shoutout any time, we are here to help.