Order status page (order confirmation page) is a web page customer sees after placing an order. It provides essential details like order numbers, shipping status, and estimated delivery date. Customizing this page allows store owners to improve customer satisfaction and brand identity, make it easier for customers to track their orders and get the right information. This includes modifying the layout, adding personalized messages, and design elements.
Moreover, if any change in the order status page does not give you the desired result or adjustment required, Shopify provides an option to revert back change to previous session. This allows users to do experiments with different designs and features without the risk of permanent disruption.
What Are the Uses of Order Status Page on Shopify?
The order status page is the last page in your store checkout. This page serves as a central hub where customers track their orders and view order details. This page allows merchants to improve customer satisfaction, build trust, and encourage more engagement with your store.
Order Tracking: Customers see real-time updates on their order status, including shipping and delivery information. This transparency reduces the need for customers to contact support for order status inquiries.
Customized Messaging: Merchants add more personalized messages, branding, promotional content and other information to strengthen brand identity and drive more engagement, like customers to sign up for newsletters or follow social media channels.
Upselling Opportunities: Merchants promote related products and offer discounts on further purchase.
Feedback: Integrate form or prompt to collect feedback from customers about their shopping experience, which is valuable for improving product or service.
Customer Support: Include links to customer support resources so customers reach out if they have any issue or questions about their order.
How to Customize Order Status Page on Shopify?
Customize order status page on Shopify by accessing the Shopify admin dashboard, navigate to Settings on the left-hand bottom side. Then select the Checkout and here you get all the orders related information. From the order status page following customization made.
- Enable Order Updates
- URL to Order Status Page
- Translate Order Status Page
1. Enable Order Updates
Enable order updates allows merchants to send real time notification to customers about their order. This includes automated updates, where email and message are sent to customers when the order status changes. In Shopify admin dashboard, checkout section, tick on Show a link for customers to track their order and finish by save.
These notifications ensure that the customer is informed about order shipping updates, and delivery notifications.
2. URL to Order Status Page
URL to the order status page is a specific web address containing an ID, that customers use to check the status of their order. This URL direct to a page where customers enter their order number and email address to retrieve detailed information about their order. Shopify merchants share this url in order confirmation emails.
3. Translate Order Status Page
Translate the order status page text and content to different languages. If you already change Shopify theme language then the page is already in the chosen language. However, you can modify the specific branding line like “Thank You For Order” into “Thanks For Ordering”. These changes are done through the status field under Checkout and system tab, in the Shopify admin dashboard.
Additionally, there are apps available on Shopify App Store that enhance customization of the order status page. These apps help you add more functionality and design options beyond what is available through Shopify native settings, providing more extensive checkout customization options.
Is There Any Other Method to Customize the Order Status Page?
Yes, you can also customize the order status page by using Order Status API. This allows you to modify the page by adding custom messages, functionality and integrating additional resources. This API integration provides flexibility to offer a more personalized and informative order status page. You can insert custom scripts or HTML include custom thank you messages, promotional offers, or additional information relevant to the customer. Once you've made the changes, test the changes to ensure they work as well.
How To Add Custom Script to Order Status Page?
Add custom script involves adding code to the order status page setting. This allows store owner to implement personalized functionalities, such as custom tracking, analytics, promotional messages, or integrations with third-party services, according to their specific business needs. But, this requires knowledge of the programming language HTML, CSS, JavaScript and Liquid.
This customization is done through the Shopify Admin Dashboard> Checkout. Find the Order status page additional scripts section and paste your custom script in the Additional scripts box to enhance the customer experience.
Here are some custom scripts to add in order status page.
Show content based on user location. This script changes the content on the page based on the user’s location. Paste this code in an additional script box.
<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>YOUR TITLE HERE</h2>',
'<p>YOUR MESSAGE HERE</p>'
)
{% endif %}
</script>
Show content for a specific product will display product-specific information on the order status page.
<script>
{% for line in checkout.line_items %}
// DEBUG looking at {{ line.title }}
{% if line.title == 'Downloadable product' %}
Shopify.Checkout.OrderStatus.addContentBox(
'<p>Download your product <a href="#">Here!</a></p>'
)
{% endif %}
{% endfor %}
</script>
Add promo code in order status page allow customers to take advantage of discounts or promotion to boost sales. To add promo code on the order status page, paste this script in an additional script box.
<script>
Shopify.Checkout.OrderStatus.addContentBox(
'<p>Save 15% on your next purchase! Use code SAVE15 at checkout</p>'
)
</script>
How to Revert Previous Version of Order Status Page?
Revert the order status page restore to an earlier version of the page layout, content, or design after changes have been made. This is used to undo recent changes and return the page to a previous saved state, ensuring the page shows earlier configurations and functionality.
This action is performed when recent changes cause issues or dissatisfaction with the current version of the page. By reverting to a previously saved state, you can resolve the problems that arise from recent changes and ensure that the page works smoothly.
In the Shopify admin dashboard, navigate to Settings>Checkout. In the Order status page additional scripts, click on revert to undo the changes. Then select the reason to revert the changes and click on Revert.
