Shopify

Offer a Discount Code On The Shopify Order Status Page

Looking to add a discount code to entice your customers to purchase a second time on your Shopify order status page? Look no further and follow this guide!

Your customer adds your product to their cart, they checkout, pay and redirect to the order status page. Want to know how you could entice them to purchase a second time? Add a discount code to show your appreciation and entice them to purchase again!

You might be wondering, wait you can’t edit the Shopify Checkout page unless you have an app or you have Shopify Plus. That’s the secret Shopify doesn’t want you to know! There is a way to add content in specific areas of the checkout, the order status page is one of them! Lets show a quick guide to add a discount code to the order status page.

Let’s get into it.


Go to Settings > Checkout

Scroll down to Additional scripts

Then paste the below code, make sure you change the discount code “THANKYOU30” to the discount code you want. Also change “ENJOY 30% OFF” to the discount amount you made when you created the discount code.

<script>
  Shopify.Checkout.OrderStatus.addContentBox(`
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
	<h2 style="text-align:center; font-size:36px; font-family: 'Courgette', cursive;">Thank You For Your Order</h2>
	<h2 style="text-align:center; font-size:24px;">ENJOY 30% OFF</h2>
	<h2 style="text-align:center; font-size:24x;">YOUR NEXT ORDER</h2>
	<h2 style="text-align:center; font-size:24x;">USE CODE <span style="font-weight:700;color:red;">THANKYOU30</span></h2>
	`)
</script>

You’re done! Now you customers will see a content box with the thank you message and a discount code for their next purchase.

Not a problem! post a comment below and we can definitely help you with whatever issues you might be having.

This is an advanced tutorial that Shopify does not support. For themes that have been customized with custom coding and/or apps, we cannot guarantee outcomes.

If you’re not sure how to proceed with the following guide or want to make any changes, we recommend posting in our comment section.

The above guide was completed on an unedited version of the Debut theme, downloaded on 3rd of August, 2021.
Posted by
Bluish Team

A group of Shopify developers, SEO experts, and Social Media marketers who have been in ecommerce game for over 4 years. Our Team has worked on 100's of Shopify ecommcerce stores, understanding each store owners SEO, product, and marketing needs.

Leave a Reply

Your email address will not be published. Required fields are marked *