How to Customize Order Confirmation Email on Shopify

What is up everybody welcome to this new video of Techspress. My name is Stephen and I'm going to be showing you how to customize your actual

Let's say template to see the order confirmation into your Shopify store

So it's really really easy the very first thing you wanted to do is to go into your Shopify administrator

So as you can see I'm already in here and into the upper side. I do have my orders into my order

I should be seeing all my different orders the accept payments the customers

The different plans and charges I have now here available If I wanted to change the customized template for the custom order confirmation

You want to go directly into settings once I hit down in settings

I wanted to locate this left part of my store So I'm going to scroll a little bit down and focus here and to the option that says the actual

Notifications, so I'm going to scroll a little bit down. I take that here into the notifications

I scroll all the way up and here have the customized email template

So what I wanted to do is to hit into customize email templates

Here we go. And as you can see, we have the order confirmation here my store the order number

Thank you for your purchase we get here the order summary and there we go

So what I wanted to do is to change the email templates here

So what I want to do here is to go into add image of my logo So I'm gonna upload my image I'm gonna hit now into downloads I choose my branding logo, which is in my case this one I

Paste that here and I go into done So it should be appearing my actual logo into the left part of my actual logo

So as you can see, it says logo size you can make this a little bit more smaller or high enough like this and then later on I'm gonna just

Go here gonna hit now into safe, of course so I can see the preview

and There we go. So as you can see, here's my look I'm gonna make this a little bit more

smaller, of course because it's too Big so there we go. The logo size is now looking great

Now in my case, the accent color is not blue, but the actual red

I mean something like a little bit more greener. Let's say like this maybe and

There we go, so once I've now finished that I'm gonna keep now into safe

And there you go. You have thank you for your purchase and we're getting over ready for shipped

We'll notify you blah blah blah Here's the base of your order as crew all know you down and just make sure that this one actually looks great

Then later on if I want to say something else, let's say for example the order edited. He's gonna be appearing

This is how it's gonna be appearing the order edit So now I'm gonna go back here and then later on I can go into the order confirmation here

so this one should be sending me into the new preview of how it's gonna be looking my

Confirmation now if I wanted to edit for example Like the font like the text the elements you wanted to edit the code here into the actual code

so I'm gonna go into edit my code and This one should be taking us into the liquid variables here

So I'm gonna secure all up it down and here as you can see we have the email body and the email subject so

I wanted to edit all of these elements before I can start by you know, editing the actual code

So what I need to do here gonna screw all the way up

I needed to confirm my email address, of course in order to allow the notification sense

I'm gonna go here into my email. I'm gonna verify this real quick So there we go. As you can see, I now have access to the email body of the HTML file

But let's say that I don't know Absolutely anything about the editing email body type. This is the part what I wanted to use Microsoft Bing chat AI

So this section is gonna be helping me to do this to you really really fast

So you need to have a Microsoft Edge browser. Otherwise, it just won't work

So what I wanted to do is to hit here into the Microsoft Edge here once we are now here

I wanted to go directly into the upper side. It says the Bing here. So I'm gonna go and go into a new topic

Here is this more creative more balanced more precise. I just want to focus in here and let's say that I don't know

How to change the font style of an order confirmation. So go here. It says ask me anything. Let's go for create an

HTML code to change my website font to Montserrat

There we go. So now what's gonna be happening here is this one should be generating me the HTML code file

so what I just need to do is to copy this actual file and

We're actually good to go. So I'm gonna go here into spot stop responding here

So good. Just go click in to start stop responding here now Sure, here's an example of how you can change the font of your website to Montserrat using this file

so what I wanted to do is to copy all of this information and

now it says you can add the linked tag to the head section of your HTML code to import the

this font then you can use the font family property in your

Sss code to apply this one font to the desire element in your page. So I'm going to go back here

To my Shopify. Here's my email body So in this email body, I wanted to look out for the actual

Duck type HTML 5 was just actually this one. So I go here

To the 49 here to the enter mark and I paste my document. So these option it says

HTML where it says embody I should delete now this element There we go and hit now into safe

And there we go. So now the notification template has been now saved so I can go back into preview and we're actually good to go

If this is not the font that you were actually looking for or you think that this one should be looking different

What I control is just you is to go back here I'm gonna go

I'm gonna reboot this to the default page and I'm gonna copy all of this email body

I'm gonna go back here into the Microsoft Bank and let's go use this code

this HTML code and Edit it so I can change the font of

Montserrat style and this file Let's go for two dots I paste this code and there we go

Once it has been successfully done at it. I wanted to just copy all of this file. I'm gonna go into the upper side

Here I choose the very first part. I go down here and I copy this link. I copy this HTML file

so it's really easy now to just delete all of the email body and

Paste the new one that was generated by the actual artificial channel in chat so I can go now into save and

There you have it. Now. It's working really really great. I can send a test email if everything now good looks correctly

successfully done so As you can see guys This is how we can try to edit your custom email templates using another try another type of font in here into Shopify

So with that being said guys don't forget to Like and subscribe to the channel if you want to see more amazing tours of the

Actual Shopify. Thank you so much for watching the video guys. And well without being said I'll hopefully can see you into the next video