WEBVTT 00:00.050 --> 00:00.830 Welcome back. 00:00.830 --> 00:06.140 And as we continue to take your store to the next level, the next section we're going to look at is 00:06.140 --> 00:09.170 this section here image with text. 00:09.200 --> 00:14.030 Now at this stage in the course, I'm sure you're beginning to appreciate that the theme editor has 00:14.030 --> 00:16.400 an enormous amount of powerful functionality. 00:16.400 --> 00:20.990 And when it comes to the different sections that we could add to the home page, there are many different 00:20.990 --> 00:21.740 options. 00:21.740 --> 00:26.810 And you might remember many lectures ago I introduced you to some of those options, but let's just 00:26.810 --> 00:29.210 have a look at them again just to remind ourselves. 00:29.210 --> 00:35.210 So going back to the theme editor, I draw your attention to this part way down here at the bottom add 00:35.210 --> 00:35.870 section. 00:35.870 --> 00:40.100 And if I click on add section it brings up a whole series of sections. 00:40.100 --> 00:44.900 Now of course in the last lecture we were looking at the featured collection, but we also have featured 00:44.900 --> 00:51.410 product collection list rich text image with text which we're about to look at, image, banner, slideshow, 00:51.410 --> 00:57.110 collage, etc. and in fact, in many ways we are overwhelmed with the number of options that we could 00:57.110 --> 00:57.620 have. 00:57.620 --> 01:03.110 And so with that in mind, it's at this point that I want to give you what I consider to be a really 01:03.110 --> 01:04.730 important design tip. 01:04.730 --> 01:12.170 And that design tip is less is more, in other words, a clean site that is easy to navigate and that 01:12.170 --> 01:18.680 doesn't confuse your visitor in any way, is way better than a cluttered site with multiple sections 01:18.680 --> 01:23.150 that can become, if you're not careful, a very poor user experience. 01:23.150 --> 01:26.300 And if your user has a bad experience, they will leave. 01:26.300 --> 01:28.700 And not only that, they won't come back. 01:28.700 --> 01:33.680 So if we look at the existing design that we have up to this point, I have in fact been following my 01:33.680 --> 01:40.370 design tip that less is more because at the top here we have a very simple menu where our customers 01:40.370 --> 01:46.220 can easily find their products, followed by an impactful image that says almost immediately what our 01:46.220 --> 01:51.500 site is about, overlaid with a very clear and simple title and subtitle. 01:51.500 --> 01:57.230 Below that we have our featured collection where people can check out our latest products. 01:57.230 --> 02:00.230 And then finally to the image with text. 02:00.230 --> 02:04.010 Not forgetting, of course, the bottom menu where we added our policies. 02:04.040 --> 02:10.250 A clean, simple design that's easy to navigate and allows my customers to easily find the products 02:10.250 --> 02:11.270 that they're looking for. 02:11.270 --> 02:16.340 Now, just to be clear, what I'm not saying is that you have to follow exactly this design. 02:16.340 --> 02:21.500 Of course, you're going to come up with your own design, but when you do, try to keep it simple. 02:21.500 --> 02:27.470 And I would also like to point out that I am in no way excluding any of the other section options. 02:27.470 --> 02:33.740 If you want to go ahead and add in a collection list or an image banner, or perhaps a slideshow, or 02:33.740 --> 02:39.080 indeed any of these options, I would definitely encourage you to experiment with that, but just promise 02:39.080 --> 02:45.440 me that you'll select either 1 or 2 sections so that your store maintains a clean layout and your visitors 02:45.440 --> 02:47.480 can easily find your products. 02:47.480 --> 02:49.100 Less is more. 02:49.100 --> 02:53.840 Okay, so let's get back to actually completing this image with text section. 02:53.840 --> 02:58.910 Now, hopefully it's fairly obvious that the purpose of this section is to highlight a single product, 02:58.910 --> 03:01.970 so that could be a product that's selling really, really well. 03:01.970 --> 03:06.560 Or perhaps it's a new product that we've just added to our store, or maybe we're running some kind 03:06.560 --> 03:07.340 of promotion. 03:07.340 --> 03:11.810 Whatever the reason, the image with text section is the perfect way to highlight that. 03:12.110 --> 03:16.550 And so to show you how this works, I'm going to highlight my dog backpack. 03:16.550 --> 03:18.650 So back to the theme editor. 03:18.650 --> 03:21.530 And this time I'll head down here to image with text. 03:21.530 --> 03:27.230 And just open up that little submenu and then click on the main heading itself, because it's here that 03:27.230 --> 03:29.240 I can now select my image. 03:29.240 --> 03:32.990 So I click on Select Image, which brings up my image library. 03:32.990 --> 03:39.140 And so therefore all I need to do is to scroll down through these various images until I find the one 03:39.140 --> 03:41.480 that I want to use. 03:41.480 --> 03:46.340 And that is going to be this one here, my little dog backpack. 03:46.340 --> 03:49.310 So I select that and click on done. 03:49.610 --> 03:51.590 And my image has now been added. 03:51.590 --> 03:53.390 So now let's save that. 03:53.390 --> 03:56.210 And then of course we want to edit this heading. 03:56.210 --> 04:01.910 So coming out of here I will click on the text section and replace this text. 04:01.910 --> 04:05.780 And what I'm going to do here is imagine that I've just received this product. 04:05.780 --> 04:10.070 And so I'm going to put just in our new Brilliant Dog backpack. 04:10.070 --> 04:17.900 And then to the text I'll click on the text box, remove the placeholder text itself and replace it 04:17.900 --> 04:22.640 with we are so excited to announce the arrival of our brilliant dog backpack. 04:22.640 --> 04:25.520 Why not treat your dog to the ultimate gift? 04:25.520 --> 04:31.700 And then for the button label, I'll come down here to button and replace this with a nice call to action. 04:31.700 --> 04:33.860 And so I'm going to put grab it now. 04:33.860 --> 04:34.310 And then. 04:34.310 --> 04:38.780 Of course when they click on the button we want them to go directly to the product itself. 04:38.780 --> 04:45.350 So here under button link, if I click into this box and select products I can then choose my Brilliant 04:45.350 --> 04:46.580 Dog backpack. 04:46.580 --> 04:49.460 And so now let's save our work. 04:49.460 --> 04:52.520 Head back to the site and refresh. 04:52.520 --> 04:58.100 And now when I scroll down here, it is just in our new Brilliant Dog backpack. 04:58.100 --> 04:59.030 And of course we. 04:59.210 --> 05:02.510 Are so excited to announce the arrival of our brilliant dog backpack. 05:02.510 --> 05:05.060 Why not treat your dog to the ultimate gift? 05:05.060 --> 05:07.400 And now when I click on the button, grab it. 05:07.400 --> 05:10.820 Now it takes me directly to the backpack itself. 05:10.820 --> 05:11.870 And so there you go. 05:11.870 --> 05:13.040 That's image with text. 05:13.040 --> 05:14.120 And I hope you would agree. 05:14.120 --> 05:17.810 It really is a fantastic way of highlighting a single product. 05:17.810 --> 05:23.240 But at the same time, as I emphasized earlier on in this lecture, definitely experiment with the other 05:23.240 --> 05:27.860 sections, because for you, you might find something that works even better.