A “Customer Donation” button can be embedded on your Shopify store to give customers the option to add a donation to their transaction, adding a dollar donation amount toward your cause when making their order. You can embed the Customer Donation option in the shopping cart(Checkout is available for Shopify Plus accounts). This article will explain how to add one to your shop.

  • Select "Customer Donations" from the Settings menu in the Give & Grow app, and follow the steps to create your Customer Donation element.
  • Once created, you will be given an embed code located at the bottom of the page.
  • There will be 2 sets of codes generated first one will be placed in the head of your theme and the other to where you want the element to appear.


If you are having trouble embedding your Add Donation Button, we are happy to help. Send an email to [email protected] with the subject line: "Integration Help," or submit a support ticket via this site.



Embed Customer Donations, If You're NOT Using the Express Theme

To embed Customer Donations, you will need to edit the code for your theme.


If you are using the Express theme with slide-out cart, please go to that section below.


  1. To edit the code, go to Online Store settings in sidebar
  2. Click the “Actions” button and select “Edit Code”
  3. First we will find the <head> in our theme (usually located in the Layout section in a file called theme.liquid).
  4. Then we will paste our script before the ending </head> tag.
  5. We are going to add the Customer Donation button to the shopping cart page, which is located in a file called "Sections/cart-template.liquid" (some themes will have the cart in a different file, you will need to find the correct file for you cart page.)
  6. Let's add the Customer Donation button above the shopping cart contents. To locate the Sharing buttons, run Ctrl+F (on PC) or Cmd+F (on Mac) and type “/cart”. Then paste your embed code above it. This is how it looks on our store:
  7. Click the Save button, and Preview your Add Donation Button on your shopping cart page.


Embed Customer Donations If You ARE Using the Express Theme

  1. For shops using Express theme (with slide-out cart), from Embed your Customer Donation element section click on COPY  
  2.  Then go to Online Store settings in sidebar.
  3. Click the “Actions” button and select “Edit Code”
     
  4. Scroll down to Snippets and go to cart-item.liquid 
  5. Place the generated Customer Donation button code on the first line, before the existing codes
  6.  Click the Save button, and Preview your Round Up Button on your slide-out cart page.