Get_started_with_the__sitemaker__1280x720.mp4

00:00:00

Welcome to the SiteMaker video tutorial

00:00:03

In the next 5 minutes you will learn how you can use the website builder of the system to create truly beautiful sites and pages that look and work perfectly on mobile devices, tablets and desktop computers

00:00:14

So let's click on mobile desktop sites to access the list of websites

00:00:23

Here by clicking on the green buttons we can create new sites and in this pop -up we choose if we want to use a ready -made templates and we do want to use them or start

00:00:33

from scratch

00:00:35

Let's click on OK to choose some ready -made templates and here we have the list of styles of ready -made sites and templates we can choose from

00:00:43

Let's click on one and this is the list of ready -made sites that we can use as templates to create our website

00:00:52

For example let's choose this one

00:00:54

Once the pages we would get when we choose this template and on the right hand we see a preview of what that website will look like

00:01:07

So let's click on the green button and confirm and then let's give our website a title

00:01:14

OK let's click on the OK button and that's it

00:01:17

Our website has been created with the content taken from this ready -made site and template we have chosen

00:01:25

Using these menus we can access all the pages and sections of the site maker

00:01:30

For example we can start customizing the site options like the site name, the custom URL and custom domain we want to use and get the default domain for this website or the SSL options and files

00:01:48

Then we can change the site header and customize the way it looks which is that section right there

00:01:55

For example like changing the header image or adding a Favicon which is shown in like tabs in browsers and manually manage the header menu and add additional buttons and links or even add some scripts, some

00:02:12

custom scripts in the head section

00:02:15

We can then customize obviously the site footer changing, changing the menu and the contents and customize and enable e -commerce on our website

00:02:25

We will delve a lot deeper into this topic in a future tutorial obviously

00:02:31

We can also manage login and users enabling login and registrations, specifying if it's required and customizing the way logins and users management work on our website

00:02:45

We can then also download, completely download all the contents of a website, manage the analytics sections, adding for example our analytics tracking ID or a Facebook pixel code, our own Facebook pixel code and then customize

00:03:02

the terms of service and the privacy policy contents and documents which will be linked from in the footer section of the page

00:03:13

Another pretty important and interesting section is the style one where first of all we can change the theme of our website

00:03:20

This will change only the way our website will look like

00:03:24

It will not affect the contents we have added

00:03:27

For example here we are previewing a different theme but then we go back to the original one

00:03:34

Then we can customize colors and fonts, colors or certain elements like the background, the header, the footer and then we can even add some custom CSS in this field right here

00:03:47

Now let's go to the list of pages to see how we can actually manage the contents of our website

00:03:53

This is the list of all pages and as you see each page is dragable to rearrange its ordering or how it's linked to the other pages

00:04:01

To change the contents of every single page you just click on it and then you see the list of widgets, elements and contents pieces which are within each page

00:04:12

We can also customize the way headers and menus and titles are shown for each page

00:04:21

We can even add a custom page URL for each single page and then we can manage page visibility and SEO details

00:04:29

So for example specifying if a page needs to be shown only on mobile or only on desktop or on both if it's required login is required to access that page and then the SEO elements and

00:04:41

details of that page

00:04:43

Each page is composed of different widgets and first of all what you can do is drag them around to rearrange their order and show them in a different ordering inside your page

00:04:54

To add a new widget all you have to do is click on the add widget button this will open the full list of widgets you have access to and then to add it to a page

00:05:03

all you have to do is click on the choose this one button

00:05:07

While you will find tutorials about each single widget in our help section as an example we will change this widget right here and what we will do is we will change the main title so we

00:05:21

will add some content in this form in this field right there

00:05:25

Then we save an update this contents and our preview updates itself with the new content we have added

00:05:35

We can also see how our website looks like on desktop by clicking on the view on desktop button and I think it looks pretty good

00:05:44

Thank you for watching and get ready for the next lesson

00:05:48

Thank you