How To Add Order Tracking Page On Shopify
839 views
Apr 17, 2024
"Take your Shopify store to the next level by learning how to add an order tracking page with this comprehensive video tutorial. Enhance the customer experience and streamline the order fulfillment process by providing a dedicated tracking page for your customers. Follow along step-by-step as we guide you through the process of setting up and customizing an order tracking page on Shopify. From selecting the right app to integrating tracking information, this tutorial covers everything you need to know to create a seamless tracking experience for your customers. Elevate your Shopify store and boost customer satisfaction with this essential guide to adding an order tracking page."
View Video Transcript
0:00
How to create a track your order page
0:02
Hi guys, welcome back to another video. And in this video, I'm going to be telling you how you can create a track your order page on Shopify
0:09
So having said that, let's just jump into the video. So as you can see right here, I've created this page, which is called track your order
0:15
And over here, you just simply input your tracking number that you will be fined
0:20
When someone, you know, places an order, they will get an email
0:24
And that email will include a tracking number. They can just put in the number over here and track them
0:29
Now let's go ahead and show you how I created this page. So first things first, what you're going to do is you're going to come over here onto your homepage
0:37
And over here, what you're going to do is you're going to come over here onto online stores
0:42
And underneath online stores, you're going to find pages option. You're going to click on pages and you're going to add a page right here
0:49
All right. So to add a page, just simply click on add page right here. You click on this button too
0:54
And over here, you're going to go ahead and add the titles
0:58
So we're going to say track your order right here. And now we are going to switch it to HTML
1:05
All right. We're going to switch the body to HTML and we're going to write a piece of code right here
1:09
And don't worry, I'm going to show you where you can find the piece of code
1:13
It's going to be right here. And you're just simply going to go ahead and copy this script that you will be linked down in the description below
1:22
So you don't have to worry about that. Just simply click over here, scroll down to the very bottom and you will find the
1:28
the tracking page script, just simply copy it, and you should be good to go
1:33
Now, what you're going to do is you're going to come back over here onto the page section
1:37
and you're just simply going to go ahead and click on paste, and it's going to paste the code
1:41
Then you just simply click on Save, and there you go. You are good to go
1:46
Now, if you click on View page, it's going to view it and take you over here. As you can see, it's just that simple
1:52
It's so easy. However, we're not done yet because we still need to add a few more details
1:58
So now if I come back over here and as you can see I have the order placed as you can see payment is pending All right If I click over here what is the order number or you know tracking number
2:10
I would actually have to go into my email address to find it. So right here, as you can see, this is my tracking number over here
2:18
And we can view our order by clicking on this button. And you would just simply copy this order number
2:23
All right. You don't have to worry about it. Just simply copy the number and paste it right over here and click on track
2:28
Now it does say that it is an abnormal request, right? That is because this order has not yet been, you know, confirmed
2:37
It's not even, you know, shipped yet. It's still impending because the payment is still pending
2:43
This is because I just ordered it myself and I didn't add any payment methods
2:47
But yeah, this is how it looks like. All right. And you're just simply going to paste it over here and you'll work
2:53
It actually works, guys. Now, another thing that you can do is you're going to add a tracking your order number
2:58
over here at the top so people could just simply come over to the website and click on the option right here
3:05
and they can go ahead and quickly find what they're looking for so to add that all you need to do is come
3:12
back over here onto the Shopify homepage and then you simply click on online stores and down below you
3:18
will have navigation option so what you're going to do is you're just simply going to click on navigation
3:23
and over here you're going to see you have two options called footer and menu
3:28
You're just simply going to click on main menu. And over here, we're going to go ahead and add a menu item
3:33
So to add a menu item, just simply click on add menu item. And over here, just enter in the name
3:39
So we're going to say order tracking. And then over here, we're going to paste the link of our page if you want
3:46
You just simply click on pages, all right? And then you just simply select track your order
3:51
And then you just simply click on add and boo-ya. There you go
3:55
Now if you come back over here and reload the page, we should have it
3:58
over here, but it is not adding. Why is that? Let me see. Track your order
4:04
It should pop up right here Let me see Oops sorry I forgot to click on Save menu So we now have to click on save And now if you come back over here and reload this page it should say we are good to go
4:19
Now, if I click over here onto online store, should have it right here
4:24
And why it didn't we still have it? There we go. As you can see, it is now added
4:29
So I've just had to reload it once again and maybe saved it once more
4:34
and it's actually works. So let me just change the name to order tracking
4:39
Click on Save menu. It has been updated. There we go. It is now working
4:43
So we click on order tracking and we get this page. Now let's go ahead and add one more detail, which is an email
4:51
So to do that, what we can do is we click on settings. And we're going to go ahead and click on notifications
4:57
All right. And under here, we're going to come over here and we're going to see shipping configuration
5:03
message all right so we are going to click over here and as you can see i've already changed it so
5:08
what we can do is we simply click on edit code and all the this piece of code that you have over
5:14
here you're going to select all in backspace you're going to delete the entire body all right
5:18
you're going to come over here onto the script that i provided all right the document that i
5:22
have linked in the description and you're just simply going to go ahead and copy this email
5:29
and now you're just simply going to copy it all right and over here
5:33
this highlighted version, you're just simply gonna add your tracking page number or page actually
5:40
So once you've copied all of this piece of code, like so, copy it, come back over here onto Shopify
5:48
paste the code and find the link or find where your link is
5:54
Let's go ahead and actually just simply copy it. Come back over here, press Control F, and we just simply find it
6:03
it is and now what we can do is we just simply copy the link of our tracking page number
6:08
and we just simply edit it out and paste our own like so there we go and now we are good to go now we just simply click on the save button boom there we go now if we click come back over here we can see
6:26
the email address and over here is also the tracking number as well this is of course sent to you
6:33
by random auto generated so you don't have to worry about it but yes it actually works so you just simply
6:39
copy it, come over here, paste the code and click on track. That is of course a demo, you know
6:45
code. It won't actually be found because it's not available, but it actually works. So you just
6:51
simply paste it over here and you should be good to go. Both ways, you could do it. So
6:56
so having said that, it's really simple. All right. Super easy. And if I come over here and let's
7:03
say I actually order myself a product. Let's go ahead and go into my online store
7:10
Let's go to home store and let's say we select this shirt and we buy it for a small size
7:17
Click on buy now and we just input all of our information here
7:22
And let's say this is the address. We just simply click on continuous shipping
7:26
Yep. Continue to pay. Same as the shipping address and it's cash on delivery. We click on complete order
7:32
and now it's being shipped. All right. And now we just simply click on continue shipping
7:37
And as you can see, we just got the email as well over here. And there we go
7:42
It actually works. Now, once we've actually gotten the approval for this product
7:47
we will be sent this shipping confirmation email, which is going to have our tracking number as well
7:52
which is going to be provided with our supplier. So you don't have to worry about that
7:57
But yes, it actually works. This is how you do it. So that is it for this video, guys
8:02
Hope you guys enjoyed this video. If you did, be sure to hit the like button, subscribe to the channel and turn on post notifications
8:07
And let me know in the comment sections what you guys think. If I was helpful to you in any way, shape, or form, then let me know as well
8:14
So having said that, I will catch you guys in the next video. And until then, take care and goodbye