Donation options - Ideas on how to make this work

[dakotahs]

Hey guys,

I’m looking to add a few things to my checkout page.

First off, we donate 5% of all revenue to 1 of 4 charities. I would like to add an option somewhere in the customer journey that allows them to select one of the 4.

Secondly, I’d like to add an option to match our donation of 5% which would then be added to the cart total.

Does anyone have any idea on how I can make this work? I would be open to doing this with a drop-down menu, multiple choice or a text field. But, how and where!?

TIA

[PaulNewton]

For customer charity selection use cart attributes, there is a loose DIY guide that mainly applies to older vintage themes so you will have to work out the differences for other themes.

https://community.shopify.com/c/shopify-design/cart-use-cart-attributes-to-collect-more-information/m-p/613718

Tool to help create cart attribute UI’s

https://ui-elements-generator.myshopify.com/pages/cart-attribute

There’s also customizing the cart note to be the selector but this may not be very future proof.

If you need this customization contact me directly by mail for services.
Please always provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

For OS2.0 themes like dawn if you get the forms ID attribute value then instead of editing code you can use custom-liquid section/block on the cart page template by filling in the form attribute for the cart-attribute input (THECARTSFORMIDHERE in the below code)

<p class="cart-attribute__field">
  <label>Select Charity</label><br>
  <select form="THECARTSFORMIDHERE" required class="required" id="select-charity" name="attributes[Select Charity]">
    <option value="ACLU"{% if cart.attributes["Select Charity"] == "ACLU" %} selected{% endif %}>ACLU</option>
    <option value="EFF"{% if cart.attributes["Select Charity"] == "EFF" %} selected{% endif %}>EFF</option>
    <option value="Unbound"{% if cart.attributes["Select Charity"] == "Unbound" %} selected{% endif %}>Unbound</option>
    <option value="St Jude"{% if cart.attributes["Select Charity"] == "St Jude" %} selected{% endif %}>St Jude</option>
  </select>
</p>

[PaulNewton]

Letting customer matching donation amounts,

Shopify has no fee system in which to add arbitrary costs to a cart*

The native cart can only have a product added as a line item.

So would really need an app to create custom line_items in a draft order, look for match-donation or order fee apps. .

For custom solutions there are scriptable automation apps such as mechanic to generate custom orders https://tasks.mechanic.dev/create-a-draft-order-from-the-cart.

Otherwise as a theme customization it would mean having to:

A) marked up variants - giving every single product-variant a duplicate with a 5% markup then doing some cart slight of hand to swap the non-donation-matching variants for the donation-matching variants.

B) utility products - create potentially 10’s of thousands of products with each product having a unique price(e.g. $0.31, $22.70, $107.60) to be able to match any exact denomination of the 5% by auto-adding the specifically priced product the cart.

*nor are there negative discounts in shopify as a workaround to increase a carts total in shopify.

[Stacy_Zhuk]

Hello @dakotahs ,

Can you please send the link to your store?

Then I can provide relevant advice.

Best regards,
Anastasia

[EasifyApps-Zoe]

Hi @dakotahs ,

I’ve got a straightforward solution to address your first concern. You can utilize the Free Easify Product Options app to create a custom option right on your product page, allowing your customers to easily select a charity of their choice .

• Create a new option set:

• Add an option to choose the charity, using Dropdown option type:

• Select product(s) that you want to add that Dropdown to:

Regarding the second issue, which appears to be more complex, could you provide additional details or context?

[felicia11]

Hi Dakotahs,

Iequalchange makes it simple & powerful to accelerate your sustainability journey by giving back to people & planet.

Check them out here:

https://apps.shopify.com/i-change-app-giveback

https://iequalchange.com/

[BBlatch]

Hello, you might have sorted this by now. i=Change however is a solution for you to donate to different causes/charities automatically with every online sale - Take a look here: https://apps.shopify.com/i-change-app-giveback

[appinsights]

Hi Dakotahs,

That sounds like an awesome initiative! You might want to check out 1ClickImpact—it lets customers make a tangible impact like plant tree, capture carbon, or clean ocean waste, all while tracking their contributions in real time. They can select one of the impacts in checkout.

Unlike other solutions, where donations can feel abstract, 1ClickImpact actually shows what happened with each contribution—so your customers can see the real-world difference they made.

You can explore it here: https://apps.shopify.com/1clickimpact
https://1clickimpact.com/

Hope that helps! Let me know if you have any questions.

[gr_trading]

Hi @dakotahs ,

First: You have to create dropdown option which will help them to select charity.
Second: You are looking the feature like upsell, you should provide checkbox which will show input field with prefilled amount of 5% of product. user can change the amount of donation.

Once user click add to cart additional donation amount will be the part of cart with info.

Hope this will helps…