Customize order confirmation page

Reto_Gericke
Shopify Partner
2 0 1

Hey guys,

I was just trying to figure out how to add simple text to the the order confirmation page (EU-required). It's this page: https://docs.shopify.com/themes/customization/checkout/show-order-confirmation-page.

I just got my report from trustedshops saying that I am required by law to add a note on that page but I am unable to find this. Any ideas?

Regards,

Reto

 

 

0 Likes
Jason
Shopify Expert
10037 119 1872

For those app devs out there - reviving a super old post just to promote your app isn't cool. Those posts will be quickly flagged, and vanish. Especially when a post like this was just talking about some simple text and not looking for an app.

If there's not a line drawn the forums can quickly become a place for non stop spam/ads and less actual community help. 

Those reading this will just have to trust there was a post before this one.

 

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
Fowlertown_Web_
Shopify Partner
18 1 3

So... is there an answer? I too am looking for a way to customize the order confirmation page (without an addon).

0 Likes
KarlOffenberger
Shopify Partner
1867 182 777

The answers are in the documentation.

Liked this post? You might also like our fantastic upsell apps Candy Rack and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
0 Likes
HandHugs
Shopify Expert
158 0 34

 


@KarlOffenberger wrote:

The answers are in the documentation.



the link Karl provided is dead. any updates on where the answer lies?

0 Likes
tim
Shopify Expert
2858 117 937

Here?

https://help.shopify.com/en/manual/orders/status-tracking/customize-order-status#add-additional-scri... 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
Yuriy_Webber
New Member
1 0 1

Hello!
In order to make changes to the checkout page, you must be on the Shopify Plus plan. And you have to activate checkout layout.

After that you can edit the checkout.liquid file, which is located in the layouts folder.

To display arbitrary text in  confirmation page, place this code

 

<div id="text-box"></div>

 

in the place you need for example under {{breadcrumb}}.

and preceded by the closing tag </body>, add this script

 

<script>
    if (Shopify.Checkout.page == "thank_you") {
        document.querySelector("#text-box").innerHTML = "your text"
    }
</script>

 

Where add your text instead of "your text"

The text should be in a quotes!