Shopify Discount code on Cart before checkout - Why & How?

avatar

Discounting is an integral part of ecommerce marketing. 

While you can give straight forward discounting directly on your pricing, Coupons get a psychological advantage on boosting the conversion rate. 

Multiple studies on ecommerce pricing strategy have shown that discount codes significantly boosts conversion rates.

Problems of discounting on checkout

Shopify lets you create any type of discount codes you probably need. 

However, your customers can apply a discount code only when they reach on the checkout step.

This limits the power of discount codes significantly!

Why? Here’s the reason:

Let's say a customer has reached the checkout page, filled all the contact details, address etc. Then applies a discount code. But sheesh! The coupon code turns out to be invalid for some reason! How disappointing is that?

invalid coupon code on shopify checkout

 

It’s highly likely that the customer will abandon the checkout to go back to find the coupon code or fulfill the coupon conditions like minimum purchase amount.

If you are using coupon code (which you should definitely do) for your store, this checkout abandonment is also happening in your store. 

What’s the solution?

The only way to stop the checkout abandonment is to let the customers apply and validate the discount code before the checkout, right on the cart page.

Benefits of showing the coupon code field on the Cart page:

i) Reduced cart abandonment. When a customer  applies a discount coupon on a cart, they are most likely to go to the checkout. Statistics from VoucherCloud show that 57% of buyers are more likely to complete a first-time purchase when they can redeem a coupon. And when there’s no discount, customers would abandon their carts.

ii) Improved AOV (Average order value): Along with the coupon code field, showing right coupons on Shopify cart page improves the average order value significantly.

showing various coupons on Shopify cart
Giftsareblue shows coupon codes based on the cart value to motivate customers to add more on their cart.

 

iii) Seamless checkout experience: While applying a coupon code on the cart page, if the cart items or the amount doesn’t match the coupon conditions, the customers will be able to easily update their cart to get the discount. 

How to show the coupon code on the Shopify cart page?

i) Option -1: Using a custom code in your cart liquid

Shopify doesn’t have any default option to add the discount field on the cart page.

However if you are confident enough to play with the Shopify liquid codes, and don’t break anything on your store, you can try this code

ii) Option - 2: Using an App

Don’t worry if you are not an Shopify code expert, there are multiple Shopify apps which let you create the coupon discount field on the cart page.

However, showing the discount field is double effective when you show available coupon codes on the cart page. This way if the customer doesn’t have a code or forgot the code she got from a promotion, can easily select and use the code. 

Voila Shopify App Lets you do exactly that. With this app you get the options to create:

i) A coupon field on the cart page where your customers can use any valid coupon code they have.

Apply coupon code field on cart

ii) A link to a pop-up where you can show all the available coupons for the customers.

Applying coupon from a list

 

This makes it really easy for your customers to get the discount before checkout and creates a hassle free shopping experience.

Leave a comment

Please note, comments must be approved before they are published