Donation options - Ideas on how to make this work

dakotahs
Visitor
2 0 1

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

Replies 6 (6)

PaulNewton
Shopify Partner
6275 574 1324

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/... 

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>

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


PaulNewton
Shopify Partner
6275 574 1324

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.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


Stacy_Zhuk
Shopify Partner
420 21 60

Hello @dakotahs,

 

Can you please send the link to your store?

Then I can provide relevant advice.

 

Best regards,
Anastasia

 

Co-founder at Whidegroup, e-commerce development company from Ukraine
- 10+ years of experience with SMBs
- Deep expertise in custom development & optimization
E-mail: anastasia@whidegroup.com

EasifyApps-Zoe
Shopify Partner
582 14 42

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:
EasifyAppsZoe_0-1694071623651.png

 

  • Add an option to choose the charity, using Dropdown option type:
EasifyAppsZoe_3-1694072258070.png

 

EasifyAppsZoe_1-1694071720450.png

 

  • Select product(s) that you want to add that Dropdown to:
EasifyAppsZoe_2-1694071738395.png

 

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

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support

felicia11
New Member
10 0 0

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
Shopify Partner
7 0 0

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