Offer a Discount Code On The Shopify Order Status Page

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.