What’s up guys? Jody here. Today I’m going to go over Shopify Plus’s checkout.liquid. This is the liquid template on how you customize your checkout page. If you have Shopify Regular you’ll notice that all of those checkout situations look a little bit similar, but if you’re a higher level merchant you might want to customize your checkout page so that you get a different user experience. It’s similar across your entire brand. Super powerful features. I’m going to show you how to do that next.

Okay, so you’ve upgraded to Plus, and you want to customize your checkout, and you’re not totally sure how to do it, because when you log into your Shopify dashboard really the only thing you’re seeing that’s different that shows that you’re on Plus versus Shopify Regular is this little logo in the top right-hand corner. I’m going to show you how you do a customized checkout once you’ve gone through the process of upgrading to Plus. The way that this works is it’s like everything else, it’s theme-based. If you go to online store, and then you go to themes. Then you go into your edit HTML/CSS. You’re going to come to your editor.

Now one of the things that’s a little bit tricky for first timers is how do I get to the themed template for the checkout? I don’t see it in this page. Typically, people think they’re going to go to edit template, or look for a template in there and that sort of stuff, but actually where you want to find it is add new layout. When you click add new layout you’ll now have the access to this drop-down menu which allows you to select a checkout layout. Now, because there’s only one type of checkout, you can’t set up multiple ones. What we’re going to do is we’re going to go create layout, and it’s only going to give us this option. Create the layout and then it’s going to generate us out some liquid code.

There’s a couple things in here to keep in mind, and I’m going to go over which each individual one are. The first one is page title, obviously, and content for header. Those are the things that gets pulled from Shopify when building in the checkout page. Same with your checkout [inaudible 00:02:07] suite, and your checkout script, so these are when you click on customize theme and you are under the checkout button at the bottom, here is where these things are being pulled from. This is those built in settings for checkout. Basically it gives you this look and feel. Which is a pretty standardized Shopify layout.

What I’m actually going to do is I’m going to go back to edit HTML. We are going to go and add some quick HTML code in there so you can see how we can start to modify and change out that checkout process. Each one of these little liquid tags that are in the [ulipses 00:02:48], they’re only to be included. You can remove some of them like cont., logo, and order summary and stuff like that. It is recommended that you keep all of them in here, and each one has its own different thing which I will go over in future videos when we start really drilling into Shopify Plus features.

What I’m going to do is, I’m going to show you a quick demo of how to change some of the content on that page. What I’m going to do is I’m going to add a little heading on the right-hand side that says order details on the sidebar. I’m going to go down, and I’m going to find where the sideboard content is [sipped 00:03:20]. I’m going to add in a [div 00:03:21] here. I’m going to give it a nickname H1. I’m going to go order details. Close that off, and close off the div. Then when I save it, and I come back over to my checkout, and I refresh it, because I’m in the active theme what I should see is a rendered version now that I have order details. This kind of customization, and this kind of flexibility when you’re on Plus is super, super powerful. You can create full branded checkout experiences, so that your customers never know that you’ve actually switched over to a Shopify type store. There’s a lot of great things you can do for that.

There’s also checkout scripts which allow you to modify different shipping options and payment options and you can really get granular with that kind of stuff. That’s basically a quick demo of what happens when you’re on Shopify. Shopify Plus that is. Then we can go in and [inaudible 00:04:16] center and modify things around. Thanks guys for watching the video. It was just a little toe dip into the pool of what is Shopify Plus. Remember, if you need any help you can click on the links down below and book a call with me. I’d be happy to walk you through any of the features that you might need to know, or do any custom work for you. Other than that you guys have a great week, and we’ll talk to you next week.

Leave a Reply

You must be logged in to post a comment.