Apply Discounts at cart

snakizzel
New Member
2 0 6

Hey Folks,

I was looking into some shopify documentation (includig this forum) and I couldn't find any answer to my question, which seems quite obvious to me (maybe too obvious): Why do automatic discounts only apply at checkout?

If I use an automatic discount, I want it to show already on the cart page! Everytime I use it, I get a lot of "add to cart"s but conversion is very poor. I believe this is because customers are confused by the original price. I think it makes a lot of sense to show the reduction already at the cart page to help the customers see their actual amount...?

Is there any solution? Is this a problem of my theme? Are there any other threads I can look into?

Thanks for your help!

greetings!

Replies 16 (16)
Max
Shopify Staff
Shopify Staff
583 19 88

Hey, @snakizzel

 

This is Max from the Shopify Team.

 

Things like discounts, taxes, and shipping are all built to calculate at the checkout stage once more relevant customer details are added.

Tell us a bit more about your discounts! Off the top of my head I have a few thoughts;

 

  1. Would offering the money off using a "compare at" price be more enticing for your customers? 
  2. You might also be able to promote discounts on pop ups or banners (there are apps and themes with this option).
  3. Adding a line on the cart page about when and how discounts are calculated could be a good option too! (This could be coded in or edited in the language section depending on your theme - Online Store > Themes > Actions > click Edit Language).
  4. You might also consider adding an app like dcode to offer more details on the cart page if coding is too complex.

Let us know if one of these options might work for you! Otherwise, let us some more about your shop and what you're trying to achieve. 

 

Cheers,
Max

Max | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

snakizzel
New Member
2 0 6

Hey Max,

thanks for reaching out!

I already tried a few things, that's why your suggestions does not really fit for me:

1) I have a some NOS styles and I make special day offers for them. So for me it is neccessary to have discount that can be scheduled and also can match a condition. Compare at-discounts need to be set manually and that is really annoying if you need to fill it in and delete by yourseld at midnight...

2) I am already using banners to promote codes and special events, but still. Even if you use a banner at cart with a discount code, the transition rate from cart to checkout is really poor.

3) This is a good idea, and maybe it will also drag people into checkout, but I still think it would be more helpful and transparent if discounts were shown already on the cart page.

4) thanks for the hint. I will check it out. havent't heard of that app yet!

I was just wondering as shopify is a really intuitive platform, I thought it's a no-brainer to show discounts already on the cart page. At least for my clients, that would be a good help to see their actual amount before going further...

thanks+greetings,

Marcus

 

kevindavid
Excursionist
12 0 5


Hey!
I completely understand the issue. This happens very often when customers want to apply discount coupons in the cart page and expect to see a reduced price. I recently came across this app that adds discount coupon field on the cart page.

 

c.png

 

https://apps.shopify.com/discount-coupon-field-in-cart-page

 

Check it out and see if this helps.

alma_davis
New Member
1 0 0

Hi @kevindavid 

 

I tried this. Thank you! Its works fine.

kenput3r
Shopify Partner
42 6 15

Hi Marcus, did you ever figure this out?

 

I read the docs here and they say that

cart.total_price

should display the price with discounts applied; however that's not working for me.

 

Curious too, Max stated in an above reply that discounts are meant to be handled at checkout, but the docs I linked refer to cart level discounts.

ss7
Tourist
7 0 2

Same issue and I'm noticing that a lot of these discussions are very recent. Could this be a recent bug?

jackyle
Explorer
71 1 9

I think you should give the exact price for the buyer to consider whether or not, if they add the product to the cart and the shopping cart part is different, the user will not trust your product anymore because of the price. not transparent

kenput3r
Shopify Partner
42 6 15

So I figured out that 

cart.total_price

does account for automatic discounts, but not discount codes, whether the discount code is entered manually or applied via a url.

 

You can use cart.original_total_price to display the original total, cart.total_discount to display the total discounts applied from automatic discounts, and cart.total_price to display the new subtotal of original_total - total_discount.

noControlz
Excursionist
11 0 5

This is very helpful.  The problem I'm trying to overcome is users abandoning if they intend to use automatic checkout with Google Pay/Apple Pay.

Kumar2573
Shopify Partner
124 6 12

 <div class="discounts">
{%- if cart.cart_level_discount_applications != blank -%}
<p class="onsale">{{ 'cart.general.discounts' | t }}</p>
<ul>
{%- for discount_application in cart.cart_level_discount_applications -%}
<li class="onsale"><i class="fa fa-tag"></i> {{ discount_application.title }}
(-{{ discount_application.total_allocated_amount | money }})</li>
{%- endfor -%}
</ul>
{%- else -%}
{% if cart.total_discounts > 0 %}
<div class="cart_savings">
<h4 class="onsale"><em>{{ 'cart.general.savings' | t }}</em></h4>
<h4 class="cart-savings-amount onsale"><em>{{ cart.total_discounts | money }}</em></h4>
</div>
{% endif %}
{%- endif -%}
</div>

Expert Shopify Plus & shopify Developer & Theme customizer
- If the problem is solved remember to click to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- jitendra3496@gmail.com | Skype :- jitendra2573_1
- Direct Hire me :- Direct Contact me
TobyTee
Tourist
8 0 1

Is it possibe you could help me understand where to put the code? i can use automatic discounts if that is more simple.

Anthony_Jackson
Shopify Partner
245 2 11

 Hi @snakizzel

I understand the situation you are in. We are Autoketing team, offering an app Upsell Cross-sell Smart Tool that may be helpful for you. The discount will appear right away in the product that customers are purchasing. This app also helps you sell more and more products with cross-sell and upsell tactics. 

Here are the link of the app: https://apps.shopify.com/upsell-cross-sell-smart-tool?utm_source=ecommerceuniversity&utm_medium=foru...

AdrianExpert
Shopify Partner
27 1 1

 

To show a discount box in the cart you need to make ajax query to checkout and then create a hidden div. Append html of the checkout there and then parse amounts. Also, there are some apps which add this functionality. You may check for instance this one:

https://apps.shopify.com/discount-in-cart

 

It works both with a cart drawer and a cart page. Also has automatic installation. 

For you to achieve your goals, visitors must first achieve theirs
tamalS
Shopify Partner
13 2 2

Hi,

The problem of Cart abandonment is more or less the same across all the ecommerce stores.

A proven method of boosting the conversion rate (and AOV) is showing appropriate coupon codes and letting customers apply the discount right on the cart page.

We have recently launched  Voila - Power Coupons on Cart. This helps you show selected coupons right on the cart page as well to create an Apply coupon field where customers can enter any coupon code.

Voila.gif

Let me know if you have any feedback/suggestions/questions.

Best,

Tamal S.

Voila - Show Selected Coupons on Cart
ShopDoctors
Excursionist
31 2 1

If you want to do it yourself, this can be as simple as putting an input field in your cart page similar to this (name=discount being the important part):

<input type="text" name="discount">

Whatever the customer enters will be applied on the checkout page, or attempted to be applied. The problem is checking whether the code can be applied and getting the amount that will be discounted before the customer goes to the checkout page. That's what apps are usually used for. There are many options, some listed in previous answers, mostly different in the visual presentation. This one has a pretty clean and customizable UI - Discount On Cart‑ Pro Edition! It also helps promote your free shipping tier if you offer one.

ShushiSocal
Tourist
9 0 14

I agree with you, and I don't understand why Shopify leaves this issue to be solved on apps.

More conversion means more transaction revenue Shopify makes and more happy customers (=merchants).

Makes me wonder if Shopify prioritizes app developers over merchants.