How to Display Shopify Estimated Delivery Date on Product page in 2024
Mar 15, 2024
How to Display Shopify Estimated Delivery Date on Product page in 2024
View Video Transcript
0:00
how to display estimated delivery date on Shopify product page. Hey guys welcome back in this video
0:07
I'll be showing you how you can display your estimated delivery dates on your product pages
0:12
on Shopify so let's get into it. Now just to show you guys this is one of my current product pages
0:19
it doesn't have any estimated delivery dates. Now you can do this very easily and simply and you
0:25
don't have to create any code. I'll show you guys a code that you can copy and paste and use it to
0:31
estimate your own delivery dates. So let's get into it. Now one thing you need to note is that
0:37
it depends on whether or not you're allowing international shipping or if it just has
0:41
domestic shipping. If you have a standardized domestic shipping you can display a very
0:47
standardized and generic delivery date for your entire website. However for people that are
0:53
working in areas where there might be delays in delivery dates and you don't really have a
0:57
standardized version it really depends on your couriers then it's going to be variable for you
1:02
Now if you want to display your delivery dates or you know your estimated delivery dates the first
1:07
thing you have to do is actually add an application. To do this simply click on settings on the bottom
1:13
left. Once you click on settings you want to click on apps and sales channels on the bottom left once
1:18
more and then click on Shopify app store on the top right. Once you open up your Shopify app store
1:24
you're going to search for estimated delivery date. So once you search for estimated delivery
1:30
date you're going to have multiple different types of applications that enable you to display your
1:36
ETA which is you know estimated delivery arrival or EDD whatever you might want to call it. There
1:42
are a bunch of different free applications available some of these also have free trials
1:47
and if you take a look at the prime example this is called estimated delivery date plus if you take
1:54
a look at this particular application they have a free plan available and then they start at $4.98
2:00
per month and then $8.98 per month on the pro plan. Now on their free plan you can add up to
2:07
100 products so for most smaller stores that is going to be all right. You're going to click on
2:12
install over here on this particular application and once you click on install you want to click
2:17
on install application on the top right as well. Now you guys will be able to see this application
2:23
on the left side of your screen. So the first thing you need to do is enable this application
2:29
Now to do this simply click on enable on the right side over here where your application will be
2:35
enabled. Now you will be able to see your message text widget what it's going to exactly say and you
2:42
also have some other variables where you can display these as well. Then you have your progress
2:48
bar widget as well so what it's going to look like. Then if you take a look at your product you want to
2:54
add this to your product. So you can just select these and have these added but you guys can see
3:01
that the application has automatically taken these products and has been added to those products
3:07
So if we take a look at our application now we can actually begin seeing the estimated delivery
3:13
date. It's 10 to 20 days according to our particular application. So we can actually
3:19
take this particular product and we can just resave them over here and now after that you also
3:24
can select certain categories of products and then you have your basic plans and FAQs. Now once you
3:30
have enabled estimated delivery date you want to actually add this widget. So you're going to see
3:37
this is like the current widget that they are using. You can customize this as well. For example
3:44
this particular widget has free shipping to this country. Now I don't offer free shipping I can
3:49
remove this text. Let's say order within the next this time for dispatch on this time. You can add
3:56
whatever text you might want which is going to be displayed over here. Now after you have your basic
4:02
appearance once you have your basic widget you have your settings where the working days are
4:07
going to be added and let's say the minimum number of days that you ship a minimum of three to let's
4:14
say we have 13 days three to maybe three to nine days let's say and after that you have your order
4:22
ready working days and then you have your order ready working days range and then you have any
4:27
holidays you might want to add. Then you also have your date setting as well as your countdown
4:32
settings. Then after that you have your countdown mode. So in your countdown settings you can add
4:38
how you want your countdown to be displayed. Let's say I want it to be order you know within the next
4:44
dispatch time whatever it might be and then after that you also have your time zone to adapt to the
4:51
time zone of the particular user and then you have your today and tomorrow language. Now after that
4:56
you can go into the appearance section and you can choose the appearance of your widget on the
5:01
right over here. Now after this you have your widget layout mode if you want a progress bar
5:07
if you want a message text if you want a progress bar and a message text and if you want a message
5:14
text and progress bar so it really depends on what you prefer. Then you have your placement which is
5:20
going to be automatic theme 2.0 or manual. Now in the automatic the automatically place this widget
5:27
below your add to cart button. If you have the team 2.0 you can go on ahead and open up the estimated
5:35
delivery date plus app theme extension and click the current option to save it before clicking
5:40
customize. So if you just open up the customize section on your theme like this so if you open up
5:47
your store over here we have our tote bag and you can go into the app section to make sure this app
5:53
is enabled. So you're going to enable EDD which is our estimated delivery date app then you can go
6:00
back into your app embeds click on this particular section which is going to be your particular
6:07
item and once this is being displayed you can place this to the section you want to you know
6:14
add this to like this and now let's say I want to place this below my buy button so you guys can
6:21
see now this widget has been placed over here. Now this is for each individual page and you can click
6:28
on save over here and if you want to preview or if you want to leave it at automatic you can leave
6:33
that as well but if you want to place it at a very customized spot let's say you want to place it on
6:39
a home page instead of just placing it on your product pages you can actually copy this code and
6:44
add it over to you can manually you know paste the liquid code onto your home pages then you have your
6:51
widget placement position then you also have your widget placement so I want it to be on all pages
6:57
or only on my product page I only want this on my product page then I have my basic appearance which
7:02
might be the margins on the top bottom and the colors let's say I want to change the colors to
7:07
be slightly less dark so I can move to change the colors over here like this and then I have the icon
7:15
colors as well so you can move to change those as well like this so I can change the colors like so
7:22
now after that you have your model pop-up country configuration so whether or not you want to show
7:28
the country mode only added countries where you want the particular arrow to be placed as well as
7:34
the country list appearance after your appearance settings you're going to click on advanced over
7:38
here where you have some multi-dimensional categorization which can enable or disable
7:44
the estimated delivery date message on your checkout so whether or not whenever customers
7:50
are actually on their checkout page they would be able to see the estimated delivery date on the
7:54
checkout page so what I'm going to do is I'm just going to click on save over here and once you have
8:00
enabled the application and you are ready to go let's take a look at our online store over here to
8:06
see whether or not our EDD is being displayed so you guys can see now our estimated delivery date
8:11
is going to be displayed it has ordered on first November then it would be ready by fourth and then
8:16
it would be delivered by the 6th to 12th so this is pretty nice and in this way you can set up your
8:21
own estimated delivery dates on Shopify I hope you guys found this video helpful if you did make sure
8:27
to leave a like and subscribe
#Shopping