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.
No comments: