Reseller_Templates-Widget_1280x720.mp4

00:00:00

Hello and welcome to another mobile first tutorial

00:00:03

In this tutorial I'm going to be discussing the templates widget

00:00:07

Now the templates widget is a white label reseller only widget so if you don't have a reseller plan you won't be able to use this

00:00:15

And this widget is used to automatically show a nice list of templates available

00:00:19

So it's located right here once you create this

00:00:22

It's going to automatically add all the templates in a nice preview

00:00:26

Now these templates can be modified by simply going to your mobile and desktop sites and then going to templates and then you can add new templates or modify existing ones

00:00:35

And once they're in your templates category it's going to automatically put them in this template widget

00:00:41

As you can see there's a whole bunch of different sites and you can change your options right here

00:00:45

So the grid of images is going to show just like this in columns or you can do a carousel where they have to click left and right or you can show a live preview in an

00:00:53

iPhone

00:00:55

And you can determine the amount of columns right below that

00:00:59

So on mobile it's going to automatically align them into one column because that's the easiest way to display it on a small screen

00:01:05

But if we view this site and go to the desktop you can see there's three columns

00:01:10

And it's very easy to simply edit that or modify that

00:01:14

So when we change it to four and we refresh the site you'll see now there's now four columns

00:01:19

The page has got a little bit smaller to accommodate the more

00:01:23

And you can easily modify how it looks on desktop with this column right here

00:01:29

And you can determine how each website is opened right here whether it'll show a live template site or it'll basically take you directly to the site once you open it

00:01:39

And when we were to click on one you'll see it'll open up in a separate page and this is that particular template

00:01:44

So users would be able to see how everything works

00:01:47

They can exit out and choose another one and they'll open up in a new page

00:01:51

See how that automatically opens up in new pages

00:01:58

And if you want to show a preview like the view site in our platform you can choose multi -device preview

00:02:07

And what that will do is that's going to automatically open it in a preview like the view site

00:02:15

So once we save this and refresh

00:02:17

Now when we open up a site you'll see it is now opened in a multi -site preview where I can see what that template looks like on a phone, a computer or a tablet

00:02:27

And then you can still click here to view the full site

00:02:30

So it's a very powerful tool to show templates and all the different styles you have for your mobile site company

00:02:38

And if you want to show only certain templates of certain categories you can highlight these right here

00:02:48

You can highlight multiple ones by clicking control

00:02:52

All right, holding control and then clicking and that'll let you choose specific categories

00:02:57

If you leave them all unselected it's going to show all of the templates

00:03:02

So that's an easy way to determine which templates are shown

00:03:05

And you can also show a button

00:03:08

So once you switch this on this is going to add a button to the previews

00:03:16

See how now everything says click me and users would be able to click that and open up that template

00:03:22

And you can also show category drop down and tags

00:03:25

So if you switch either of these on it'll add that drop down right there

00:03:30

So you can see people would be able to select which category they want

00:03:35

And then you can also add tags

00:03:36

And it's all very simple, very easy to use

00:03:40

Keep in mind that in order to actually change the templates that appear on here you would have to go to your mobile and desktop site and then templates within there

00:03:49

And then you would be able to either edit existing templates or click down here to create a new template