Using Fundraise Up on Shopify

This tutorial will teach you how to add Fundraise Up’s Installation Code to a Shopify website, so that you can provide your donors an elegant and in-site donation checkout experience!

Adding your Fundraise Up Installation Code to your Shopify site

  1. First, log into your account on Fundraise Up and copy your Installation Code from the Settings > Installation section.

    Untitled (5)-1
  2. In your Shopify dashboard's left hand menu, click the Theme option under Online Store.
    1. Once there, click Actions for your currently active theme, and choose Edit code
    2. In the editing interface for your theme files, click to edit "theme.liquid"
    3. On any of the lines between <head> and </head>, paste our Installation Code.
    4. For more info on this area of Shopify, refer to their theme editing documentation.
  3. Now go to the Campaigns tab in your Fundraise Up dashboard and create and customize your checkout. Here's an article explaining Campaigns in more detail. Once done, save the widget and click on Save and Test.
  4. Head over to the Elements tab and make some buttons! Our Elements article explains the process in more detail, but in summary:
    1. some Elements will give you HTML code which you can add to HTML blocks in your Shopify site,
    2. and some Elements will automatically appear on some or all pages of your site as per their "URL Control" settings.