How can I add Donation Tiers at checkout?

Created by Shop for Good Support, Modified on Fri, 31 May 2024 at 10:06 AM by Shop for Good Support

Note that you can set a custom donation product image to be used for Donation Tiers at checkout.

  1. Add the Shop for Good app to your Shopify store
  2. Configure your Donation Tiers campaign (select at least 1 nonprofit, your credit card, etc.)
  3. Switch to Manual Installation mode > ALL products > hit SAVE
  4. Follow the steps below

This is the code snippet you'll want to use for Donation Tiers when integrated at checkout. (Inside  <div class="content" data-content> )

<div class="dk-flat-static" shipping="{{checkout.shipping_price}}" taxes = "{{checkout.tax_price}}" discounts = "{{checkout.discounts_amount}}"></div>

Copy and paste this code to checkout.liquid above the </head> tag:

window.dk_widget_show_flat_checkout = true;
window.dk_flat_checkout_show_left_side = true;
<script type="text/javascript" async="" src="[YOUR_STORE]"></script>

Make sure your store URL is in there. For example, if your URL is, then the code should look like this:

<script type="text/javascript" async="" src=""></script>

Save your changes. Then return to your Shop for Good dashboard and CONNECT your Donation Tiers campaign.

Please note that the Donation Tiers widget will appear on the final payment screen in the checkout process, so go through the entire customer flow up until payment to see and test the Donation Tiers widget at checkout.

Email us at if you have questions.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article