Shopify Checkout Page Customization

Shopify Checkout Page Customization

145
23



Show content on the order status page.
How to put a custom content on the order page of shopify?

Hello and welcome everyone to my another video.
This is Pratham from @tripsterdevelopers.

Let talk more about shopify customization.
Today we will talk about order page customization on Shopify.

The order status page is the last page your customer sees when they order from your online store.
In most cases, the order status page is the final page of the checkout process.
Well lots of merchants and store owners are looking for an way to customize the order page or checkout page of their shopify website/Store

So here we are with some quick guidance about checkout page of shopify store.
So basically, The checkout.liquid is available to Shopify Plus Store owner only
If your store is not on Shopify Plus, then you will have to customize your checkout pages on the Customize theme page of your Shopify admin.
So lets Just check this out in our store.
Here i will add some products where i have already changed the price to 0
So now what you need to do is have your custom content shown when specific
shipping method has been chosen at the end of the checkout process or you can make them for all the same and have your content shown on order page.
Firstly, Go to your shopify admin and click on settings and than click on checkout.
This will basically take you to the checkout customization page.
Scroll down to the Additional Content & Scripts section.
Copy the code from below link and paste

https://github.com/pratzs/Tripsters-coder/blob/master/checkout%20content

And Save it.

Now we will go ahead and check if the content we have here is also available at the order page or checkout page.

We will go back to our shopify website and add this product to the cart and lets place a test order to check if its working.
So will now checkout and go to final page.
Here we will write our information.
than click

Now choose a shipping method we had in our script which is “Domestic Ground Shipping”.
And go ahead to the payment section and as we have no price for the product. it wont ask for card information.
Now lets place an order and see what happens.

Perfect! We have this content here on the order page showing up what we were looking for.

So hope you like this video tutorial for how to customize your checkout/order page on your online shopify store.

Please subscribe to our channel https://www.youtube.com/channel/UCQGyR4H6jQTgGMIiHGHkSHA

Like,comment and share

And please guys write in a topic you would like to know about About web Designing.

Not only shopify but it can be about anything related to web designing and web developing.

Thanks again for watching my video and dont forget to subscribe for update about our new videos.

Start your Free Trial Now- https://www.shopify.com/?ref=tripsters

Facebook page- https://www.facebook.com/tripsterdevelopers/?ref=aymt_homepage_panel

Reach us via
Twitter- https://twitter.com/tripsterdevs
Facebook- https://www.facebook.com/tripsterdevelopers/ Instagram-https://www.instagram.com/tripsterdevelopers/
Vimeo- https://vimeo.com/user54439728
Gmail- tripsterdevelopers@gmail.com
Shopify Experts- https://experts.shopify.com/tripsters

23 Comments

  1. How to inaccurately copy and paste from shopify's help articles.

  2. How to add other payments except paypal to shopify

  3. How not to customize Shopify checkout page*

  4. Thanks for your help bro, i have some coding issue on my website would you please help me, on the top bar of collection page i am getting ">"> sign, i want to remove it but unable to find the clue https://sportifiers.com/collections/tab-collection-men-t-shirts

  5. Hi i like your video, i need your help. Can you tell me how i edit the continue shopping??? Because the page redirec to my product instead to the collection page.

  6. terrible! Just Terrible!

  7. Read it on shopify site, this seem to be customise of thank you page. Not checkout really

  8. Lose the music it is overbearing and just not good.

  9. i want the customer info to be in different look like "signin / create account / guest user"
    and the shipping method- there are 4 types of shipping method – based on the postal code and the product choosen, the charges will be calculated
    then payment section- 5 types of payment is there and each has many logics
    then review- here all the details will be displayed and if the user needs to edit any of this section it should be done and complete the order that is make the payment.

    please let me know if this is possible to be intergrated into this shopify checkout page for shopify plus acocunt

  10. is that i can able to customize more option in the checkout section? like more features to be added in the checkout section, i dont want the right side summary- instead i need to be add a order summary with the different look and calculation

  11. Hey, my theme is debut and I think I messed up with some code. I'm not able to see subtotal & shipping at checkout .. Is there any way i can get it ?

  12. Its a 14 day free trial…

  13. Please, brother, I do not have the message under the word "Thank you"

  14. How can you change and custom shipping methods (first class package to shipping (2-3week) ..? )..?

  15. It seems you're only customizing the order thankyou page. what about the all the checkout page? this isn't really modifying checkout page at all.

  16. Is it possible to add multiple codes in the checkout field? I already have something there from another software that I'm using. I could really use your assistance on this matter. Thanks. Jason

  17. I create custom orders that usually involves adding the name or date to an item. Can you show me how to add a option for the customer to input this information in?

  18. Hello @joey, would be so kind to explain, if is it possible, how to delete the Paypal Express Checkout button from checkout? I was able to delete it from the cart, but not from checkout and I would really appreciate some help. Thank you!!

  19. Hello, please can you teach how make multiple checkbox filters in shopify sidebar? Thank you for these videos.

Leave a Reply

Your email address will not be published. Required fields are marked *