"Okay, well now let's move on to the list area. This is pretty obvious stuff, but if you click the link here, it will open up the page in a new tab. So this is a product page. I'll click face oil. It opens up into a new tab where I can just go and see how the page looks on the front end. And here I can copy the URL to my clipboard. Now I'll just tell you one cool thing with this copy to clipboard link. If your webpage is live, we copy the whole URL, https www, and if it's not live, we just copy forward slash about just the path. So why do we do that? Well, if your webpage is live, most likely you want to share it so we copy the whole link. But if your webpage isn't live, you don't want to share it and you'll want to use it mostly for editing pages, maybe copying a link to include an internal link elsewhere.

So that's a pretty cool feature. All you need to know is if your webpage is live, you can copy this and use it to share. Well next you'll see that we've got this blue SEO tick. Well, that's because the page has been set up for SEO. But what if the page hasn't been set up for SEO? What does it look like? How do we know? Well to show this, I'll go back into the pages area, I'll remove the skincare tag and just look for draft and live. So I'll hit search. And you can see that not all of these pages have been set up for SEO. Some have got a blue SEO tick and some have got a red SEO cross. Well, I'm going to come onto this just shortly and just show you how we set up the page for for SEO."

"I'll show you page icon, because this is actually super important. Here is this image that we call the page icon. Now the page icon is doing four things, so I'll race through what those are. Well, first of all, it helps you identify the page in the CMS. You can imagine if we were looking at the products pages and you had thousands of pages, you want to see the product. So that's number one. It helps you find the page. Now number two is your mobile phone. When your clients share a link of your page on their phone, it's always accompanied by an image, isn't it? Well, this is also your page icon. So when people share on their mobile phone, they're also going to see this image. Now number three is very similar. Number three is social media. So on Facebook or Instagram, someone might send a link of your page to again, one of their friends, and that is also accompanied by an image. Well, again, that's your page icon. So very important.

But number four is perhaps the most important of all, and the page icon is the link in your widgets. Well, what are widgets? Widgets are those dynamic feeds that pull in all of your pages into feeds right away around the website. So that could be an event feed, a newsfeed, a feed of your projects or services or even your online shop products. Well, these are the images that are on your page, so they're important for people to find your pages and see what's in the pages, but it's also important for design as well. So we put so much emphasis on making sure that your page icons are really the best quality that they can be.

Okay, so with that said, let's just have a quick look at the page icon on the front and you can see our page icons here for a product widget.

And if we scroll down, you can see them here for an event widget. One of the things I'll just mention there with the widgets is our system will automatically size them for you. So if you've got a widget that's a full page or you want to show it as a rectangle slider, our system will automatically size the image for you in the widgets. So there's nothing you need to do. You just set the aspect ratio, which we'll dive into that in the widgets episode. So you don't really need to worry about sizing your page icon at this stage. That's the key thing I just want to show you."

"Now let's jump back into the pages area and let me now show you where you go to edit both your page icon and update the SEO. Well, this is in the settings area. This is our meta information for this particular page. So we go into the settings tab and to demo our go into this particular page here, our products category page. So over into settings. And you can see here's some general information which we'll come back to shortly. But basically you've got the page name, the page URL, draft, hidden and live, which we're covering at the end. We've got member groups so you can password protect pages and only give access to certain member groups. So we're covering more on that in day five. Used less frequently. You can set a published date so if you are editing a page, you can publish it to a specific date in the future and also take it down at a particular date in the future.

And of course you can hide your entire header and hide your entire Footer. Why would you do that? Most common example is landing pages where you don't want people visiting the page to get distracted by other links. You only want them to click the form or the button on that page to increase your conversions. Well, in that case you might hide the header for this particular page and even hide the Footer so they only get one action and that's the form or the button on your page. Pretty obvious stuff, obvious stuff, but that's all there in the general section. So what we're looking at now is where you change your page icon. Okay, well here is your page icon and here you can edit it. You all know by now you can browse current images to select one or you can upload a new one.

Well, let's just have a look at how the page icon appears on the front end again. Let's remind ourselves. So here's a particular widget for events. Well, this is the page icon you can see in the background. But as you hover over, you get more meta information. So this is the image before you click on the page. Well, this is also the text that you see before you click on the page. So here we've got a date, the main page name, and then the summary. So let's have a look where that would be. Well here you can see this is the page name. And then in the widget, okay, this is why it's in the widgets area, you get the summary and a date. Now your product pages have very different meta information."

"The page settings area is different for eCommerce. So your product pages have very different meta information, which you can see on the product settings page here with things like a gallery of images that will go on the products page as well as things like a more detailed summary and description. But of course tabs for things like shipping, returns, terms and conditions, and of course options and variants. So you can see here all of the product options for this particular product. And it comes in two different sizes, which of course are going to change the price. So we need to see those in the variants. And you can see that price change here between the sizes in the variants. We can also keep track of all the inventory and of course SKU numbers and indeed a unique QR code for each product variants, which helps for things like help information or unboxing, which is really cool strategies to use.

Again, we'll look at the QR codes in just one second because not just every product variant has a QR code. Every page on mobile has a QR code too. Next, I'll just show you that you can actually anchor down using the tabs here. So I could go to options. And next we'll look at inventory where you can see we manage all of the inventory and shipping for this particular product. But we can also go down to more information like widgets that you are familiar with here. And you can see this is the information that displays before you click onto the page. So I could show that this is in the skincare category for example. But there's other fields here that are different from the normal page settings in the widgets area. So I'll just jump back in here So you can see, we'll go down to widgets.

So you can see the slight differences between the normal pages and the product pages. And that brings us onto the next key question that I get, and that is should the category pages go into the product detail pages, i.e., should this product page be changed from page to product? Well, the answer is no, it should not. And you know the reason why now don't you? And that's because the product settings offer actual products themselves. So they've got things like galleries, they've got things like pricing options and variants and shipping. You do not put a price on a category, you do not ship a category. So the category pages stay in the main pages, they stay in the main pages here, and we actually categorize those and sort them with tags.

Now we are going to go on to tags in the sunset talks. Sunset talks number two tonight is me going through in quite detail, quite a lot of detail, tags and widgets. That's more of a masterclass, so definitely watch that. I'm not going to go into tags in this episode right now. Okay. Now it is the same for events as well. Events category pages stay in the pages, the main pages tab. You do not put the main events category pages into events. That's for the events detail pages, which is similar philosophy to products.

At this point, I'll now go back and look at this SEO tick. We know our products page has got a blue SEO tick, and that's because if I go down now to SEO, we can see here that we've got a title tag and we've got a meta description title tag, 70 characters, meta description, 300 characters. If you ever unsure, just like every feature on the mobile platform, there is help information and often includes a video. Sometimes it's just text as you'll see here, it's not too much you can say on a meta description, but it does give you quirky information like Google increased it to 300 characters in December 2017. So there's bits to read on those descriptions there. So if you're ever unsure number of characters, just click the help icon. My best recommendation would be is to include a call to action in your meta description.

Another common question that I get is why isn't Google showing my whole meta description on the search engine results page? Sometimes it will show all of the title tag, but it doesn't always show all of the meta descriptions. Sometimes you see a snippet from the actual page itself with a three dot ellipsis and then your meta description that you've written in here. And that's because Google's tracking things like hover attention where people are on the page and it might pull out what it feels is better information for your clicks. But invariably, if you take the time to put a call to action, then it might convert better. So here it says, click now to discover exclusive items from the last event, stock is low. Right? So an urgency or time limited call to action can actually help your conversion rates and can actually help to get better clicks than if someone else is in position one but you've got a nice quirky call to action or a punchy, even a punchy joke in the title tag, people are more likely to click on your page. So that's where we handle the SEO title tag and description."

"At this point, you can save and exit and that takes us back to the main pages area, that would take us back into here. But I'm just going to show you what you'll do here is save and edit. So save and edit actually takes us through to the main page here. So let's just go back. Save and edit. And here you can see I'm in the page canvas. Now this particular page doesn't have any information on it, does it? And that's because as you know from the last episode, the menus and navigation episode, we created this page. So let me just give you a quick recap here. We're in the navigation area and let's go over to the header menu. Well product sits in the header menu. We created this tab in here. We simply went to add a menu label, and when you create a menu label, you can create as a page at the same time. You can also create a product page at the same time. This goes straight into the products tab.

So when you do this, it has a blank canvas. So what we are going to be doing in day four for all of these pages that we set up is... Let me just jump back into my page. I'll just go back into the products page here... Is using the Layouts that we've created on day three. What we're going to be doing tomorrow is we've create all these beautiful Layouts, you're going to see how all these are built from scratch. But when we've made the Layouts, our team in day four can simply choose the Layout. So in this case, they might drop this main title onto the page, this main headline Layout onto the page and put in here products or products category or the category name like skincare, and then they'll drop in the Layout that they want and then they would save and exit.

But in this case, this is the next question I often get now, and this is the case of here's a new blank canvas page that we've got, and here's a sidebar page that's already been set up. With your Theme, there's a category mix page and a category sidebar page that comes with the Theme in the pages area, and we use those for demo purposes. So I'll just show you here. Here is actually a sidebar and here is a mix filter. So you can mix pages using filters. These are kind of common category pages. So we've got the mix category page, we've got the sidebar category page. But more on eCommerce sidebars in episode four where we show you how to, one, choose both your product pages and your category pages. And in here you'd use another menu from the menus and navigation area. This is a body menu as you learn in the last episode.

And when you have body menus for eCommerce, it can also help with sidebar filters. So Colour filters, price filters, and so this is a sidebar that comes with the particular Theme that's waiting for that menu navigation to go in here. So in this case, I do not want to create a new page. I want to effectively rename this category sidebar to products. So what I could do here is really just delete the products page and then go and rename this one products. I can't have two URLs that are the same. U in URLs means unique, it's a unique page. So I can't call this products at this stage because this one is already called products. So what I'll do now, I will be brave enough to just go and delete this one, and I'll come into my sidebar and rename this one. So I will come in here now and rename this one. If I could type and talk, I'll rename this one products.

Now I'll just show you a little tip with the URL. If I just delete this one and I come back in here and just hit the tab, so just come back here and hit the tab and it populates that for me. So just do that again, come in here and hit tab and it populates the products for me. If I was to say this products page, the benefit here is you can see I'll just hit the tab and it takes out the spaces and replaces them with hyphens, and it takes it from uppercase into lowercase. So that'll just save you retyping and make sure that you URL is correct. Now, at which point, if I save and exit, that's going to create that for me.

So what I'll do is just jump back down here and then make sure that's all okay, and then I'll save and exit. And you can see our products page here and our category sidebar page is gone. Well, let's go back to the category sidebar page that's in our tab previously and let's hit refresh. And now the page doesn't exist anymore. It goes to a 404. But if we were to click the products now to open up as a new tab, we can see we've now got our products page. So that page has now gone, the category sidebar. And we can now do the same with events. Now this is also a blank canvas that we created in episode one of day two in the previous episode, and we've got this category mix, haven't we? So I want to call this one event, so I'll do the same.

One of the common things, questions that we get, the common things that people do is actually try and rename this one events while this one exists. Well, this is a URL, it has to be unique. So what they'll do is they'll go into here and they'll type in events and it won't save, and then they'll be wondering why they can't leave this page, why it won't save and exit. Well, it just won't save because the events page already exists. But if you do want to back this page up and you want to name it something a bit nicer than what we've got here, then you could basically come in here and just rename it something like events old. So you could just type in events old and you might still just call this events. And just to be absolutely true, you might just take this one out.

So this is our page with our Mix It Up in, it's now been renamed to events old. So I'll just save and exit now just to go back and have a look at this. So we've now got two pages. This is still our blank canvas and this is our events old. Well, no, I'm going to delete this one. This is our blank canvas, so I don't want to get confused at any point. So we've got our old version nicely renamed. So I'm now going to delete the blank canvas one. You don't want to delete the events, the one with the actual page information on. This has got its mixed it up on. So just be conscious of that and just think as you go. I'm just going to delete now our events page.

And now if I want to keep the old page there. Now I'll clone the old page. So I'll go to the clone tool here. And now we've got a clone, which you can see here. The clone puts it into draft and it's both hyphen one. So I'm just going to close some of these tabs here just so we clean as we go. And I actually open both of these. So we've got our events page and we've got our events old clone. Both have got the Mix It Up widget in. As you can see, we haven't deleted the one with the Mix It Up widget. All right, so now we know this has been cloned because anything that's cloned has a hyphen one at the end and it puts it into draft. Well, I can actually just take out the old hyphen one in the URL here if I want to now.

And now we've got our events page. I'll make this one live and then I can just save and exit. So there we've covered renaming a page, and I've gone through that in quite explicit detail, and that's because occasionally we will see clients accidentally deleting pages in that way. I'm sure you can work that out for yourself. Just remember, URLs need to be unique. You can clone pages, puts a hyphen one and puts it into draft. And then you can delete pages too. Now, you can also delete pages in bulk over here. So you can highlight everything. I can go now to delete the page using the bulk actions, and then you'll see delete pages goes into the top right. We put that far away because we don't want you deleting pages. If I go to delete everything that we've done so far and hit delete, then final check comes up in the red. Don't click that if you don't want to delete all, but of course you can highlight lots of pages that you do want to delete. Just know that the blue tick is delete, not the unchecked items. Obvious stuff."

"Now finally we'll look at the QR code. So if I just open up here, you can see that every page has a QR code, just like every option and variant in eCommerce has a QR code too. So we get clients using QR codes for many different things, basic things like checking people in. But also QR codes can be used for things like event tickets. You can also validate that someone has paid, and when they check in, it's going to show that they've redeemed the ticket. So I'm going to be covering all this and more in the watch and learn episodes. We've even seen like hospitality popup bars put in the QR codes of product pages onto their taps.

So people come up, scan the QR code, it takes a payment, and then they serve them the drinks. So many different use cases, but I've seen people do it as treasure hunt around the city. So they scan a QR code goes to a page, the question pops up, and then they get the answer, move on to the next one. So many, many, many different use cases, and that's why we put QR codes on every single page and even every single product and variant as you've just learned."

"Well, just to wrap up, obviously in the top right, just like with the images, where you can add a new image in the top right. Well, pages is the same. I can add a new page here in the top right. I'll give it a name. It will automatically create the URL. I can then give it a type and then decide if it's going to be draft live or hidden.

So what's the difference between live, draft and hidden? Well, you can manage live, draft and hidden in the status. So if I click on live, I can flip it at any time to draft or hidden just by selecting from the dropdown. So what's draft? Well, draft, only you and your logged in teammates can see draft pages. This isn't members with login access. This is your logged in teammates who are logged into the CMS, those people that we set up back in day one, episode two. Now, the common thing that we see people do here is share a link. Let's say you've shared a draft page to your CEO and that CEO has clicked it and they've gone to a 404. Well, why is that? Well, your CEO isn't logged in. So either set your CEO up as a new team member or give them your username and password.

Okay, simple stuff. So what are hidden pages? Well, hidden pages are hidden from the search engines. We say to the search engines, Hey, don't index me. Don't put me in your search engine results pages. We actually put a No RoAI Website Bots TXT in the code. So what are examples of hidden pages? Well, we've actually looked at a few examples of hidden pages already. We've looked at hidden sections such as your Action Section, Menu Section, and Footer. With these pages, you can control them just like any other page, but they includes. So we don't want those pages to appear in the search engine results pages. They are hidden. Well, another popular example of a hidden page is actually on your ad pages. When you've got, let's say a Google ad and you click through to a landing page, you want those landing pages most often to be hidden.

So let's just jump over and have a look at landing pages. Notice I'm looking at landing pages that are hidden, and I click search. And here you can see a whole bunch of landing pages. Now, landing pages might have price information on there. They might be time sensitive. So you don't want those to appear in the search engine results pages. You only want people who click that ad to see them. So here I'm looking at this particular landing page that is hidden, and if I go over to the settings for this landing page, I'll just open it up as a new tab. You can see that we show the page is hidden here, but because it's a landing page, we've also got the header and Footer hidden too, so that as we covered before, the user can only fill out that form or click the button for maximum conversion.

So let's just jump back over into the pages area and we'll just have a look at one other type of hidden page. Well, let's go to page and select hidden. Notice before we've just had it draft and live, but now I'm just going to show you these other, what we call system pages. So I'll just click search. Here we can see our hidden pages. These are system pages. So these are really cool pages that come with your website. Now these are actually non-billable pages. Well, as you know, mobile charges you for the number of pages that you use and a low cost monthly fee. Well, these are essential system pages, which we don't want you to delete, so we don't charge you for them, hence they're non-billable. You can see all these are grayed out. You can't actually delete them. They're system pages. So things like your checkout page or your forgot password page.

We also looked before at the 404 page, which people see when there is a broken link. Your CEO goes to a draft page and isn't logged in. So you can style and edit all of these pages, just like any other page. So on day three, we'll also get you to come in here and just check the styling and the words for all of these system pages too. So they are pages that are hidden, and you can also access these by the quick links in the main navigation area. So that's another way of accessing these hidden system pages. So top tip there. And of course when you've finished editing your page, you can put it into live for the entire world to see."