How can I add Donation Tiers at checkout?

Created by Shop for Good Support, Modified on Mon, 15 Nov 2021 at 09:35 AM by Shop for Good Support

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

Add the Shop for Good app to your Shopify store
Configure your Donation Tiers campaign (select at least 1 nonprofit, your credit card, etc.)
Switch to Manual Installation mode > ALL products > hit SAVE
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:

<script>
window.dk_widget_show_flat_checkout = true;
</script>
<script type="text/javascript" async="" src="https://assets.dailykarma.io/prod/init-checkout.js?shop=[YOUR_STORE].myshopify.com"></script>

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

<script type="text/javascript" async="" src="https://assets.dailykarma.io/prod/init-checkout.js?shop=mystore.myshopify.com"></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 support@dailykarma.com if you have questions.