By using the right copy here, you can establish your client’s brand at the final point in a sale.In this article, I’ll demonstrate practical ways to customize this page, by providing customers with a personalized experience based on what products they purchased, or where they’re shipping to. Adding this level of personalization makes the sales flow more specialized, and an unexpected gesture of goodwill can encourage repeat sales.You’ll start receiving free tips and resources soon.Your guide to Liquid and theme development“Don't attempt to add JavaScript to your Shopify checkout using this method if you are not painfully aware of how to do it, and the potential risk it brings,” he writes.This could appear on the Additional scripts box like this:In the first function, if a customer selects the US as their shipping country and New York as the state to ship to, the content box will appear with a message regarding a brick and mortar store on 5th Avenue. Manually Add the Order Status URL to your Email Templates on Shopify (self.haniseleim) submitted 1 day ago by haniseleim To help you add order status URL to your email templates, I have prepared some steps on how to manually add the order status URL to your … With these attributes, we can set up conditional Liquid tags to output location-specific content when a customer selects a particular location.Get design inspiration, development tips, and practical takeaways delivered straight to your inbox.It’s also possible to use different Liquid objects and attributes to set up similar conditional content for different situations. Or you can also translate your messaging line by line if you feel that the default text not suitable for your branding. The additional scripts box is a key component for customizing the order status page. Shopify has everything you need to sell online, on social media, or in person. You can change all the order status page to the language that you have chosen. Join for free and access revenue share opportunities, tools to grow your business, and a passionate commerce community.Industry insights for web designersIt’s important to note that Shopify will automatically validate the Liquid code in the additional scripts box, so if there’s a Liquid error, your changes will not save. In this case, the parameter will be the product title, and the script could look like this:Web Design and Development BlogThe order status page is important, not only because it allows your clients to thank the customer for their purchase, but also because it can inform the customer about delivery methods, times, and who to contact if they have questions regarding their order. Hopefully with the help of this article, working with this feature will be a little bit easier.Using Liquid attributes, we can identify the country, and even the state, selected during the checkout process. If content could load with an option to contact your client in case of any questions, this could improve the post-sale customer experience.Whether you offer marketing, customization, or web design and development services, the Shopify Partner Program will set you up for success. Although the sale has already taken place by the time customers land on this page, it is still a crucial step on a customer’s journey, and a critical touchpoint for your client’s brand.Again, we’ll be using the order status JavaScript asset to generate a content box, along with our Liquid control flow tags and attributes. Order status page You can add an invoice link to the order status page (also known as “Thank You” page) which is the final page of the Shopify store checkout.
While there are some limitations to this page, with careful use of Liquid and JavaScript, it’s possible to extend the page’s functionality and display personalized content.If you are familiar with JavaScript, however, there’s a range of customizations which could suit your client’s requirements.For example, a client might like to offer a discount code following the purchase of a particular product. By combining the two Liquid attributes for country code and state code, we can get quite precise with localized messaging.Once this is added, a customer would see this message when they revisit the order status page:No charge.