Have you ever thought of building your own website or starting the website
development service? Well, thankfully, there's a bunch of theme builders out there that we can
just get started right away. In this video, I will be showing you
how to get started with Zion Builder. I will be covering how to install WordPress WordPress,
how to install the Zion Builder plugin, and how to get started
with templates on Zion Builder. Now we got to thank our sponsor for this
video, which is Hostinger they provided the shared hosting
that we're going to use, and I'm going to show you how
to install WordPress with them. So it's going to be all
a breeze with this video. So let's go jump over
to my desktop right now. All right. Before we get started with our WordPress
installation, I just want to show you our sponsors prices for their shared hosting
because it's a pretty great price. What I'm using is
the premium shared hosting. It's 199 a month when you
commit to them for a few years. So great prices,
great limits and obviously great speed. The next deal that we
have is Zion Builder. That is what I'm going to use,
and it's $99 for the lifetime deal. The cool part about this is that I'm
going to show you what it includes. It has unlimited websites.
What does that mean? Well, I can use this builder to start building websites for myself
and for clients. You get unlimited domains, white labeling, pro library, and proximity
builder elements. So you get the whole
pack with this for $99. Okay, let's get started with our Zion Builder. This is our main panel for Zion Builder, and the first thing that we're going
to need is the latest plugin for Zion Builder, which is this one
as of this video, which is two point 74. All right, so I already downloaded that.
I have it ready. And the next thing that we're going to need is the license key
once we install it. So let's head on over to our hostingershare hosting,
and it's super easy to get started. Let's scroll down to our auto installer. Let's go here and we're going to install WordPress heads up if you plan
to build a store install WooCommerce. So in this case, we're going to use WordPress and I am going
to use a sub category. What does that mean? That I'm not going to use the main domain
because this is just for testing purposes. But if you want to use the main domain,
keep this blank. In this case, I will use Zion. So that's going to be the sub
folder for this sub category. Next thing I'll have to put here
is a username and password. Let me type in a password
for this really quickly. Okay, the language for this site is English and the latest WordPress
is going to be installed. Like I said, as of this video is 5.8 .2. Yes, create a new database and we'll keep
database, let them generate the password. It's going to install
the latest PHP, which is 8.0. Let's go ahead and install
the website title. My bad.
We'll call this Zion. Let's go ahead and install it. Okay.
Our installation is ready. Here we go. We have our website right here. Let's go ahead and jump to our site. Let me copy this link really quickly
and let's go ahead and open it. Here we go. We have a blank WordPress site
just like that. So now let's go into our
WordPress admin panel. Let's go to Wpadmin. Okay, here we go. We're logged in for this demo. We are going to deactivate some plugins, so we're going to keep it clean because
we are going to focus on Zion Builder. So let me remove these for now. Okay, let me deactivate this. Let's apply it. And what we're going to do now is install
the Zion Builder plugin. Remember, we're in the plugin section. We're going to click on Add new. We're going to upload a plugin. We're going to choose a file. In this case I mentioned already.
I have a download. So let's go ahead and click install. Now. It's been installed.
Let's go ahead and activate it. And it's going to prompt us to also
install the Zion Builder pro. So let's install this
Ionbuilder Pro really quickly. Here.
Let's go ahead and activate the plugin. Here we go.
It's activated. And on our left we have
the Zion Builder menu. Let's go into Zion Builder. We're going to go into our Pro license key and let's go back into our Zion
panel to grab that license. So here we go.
Let's go into license key. I am going to copy the license key and I'm going to head on over to
my WordPress site, add my key, and there we go. It's activated for life.
It's going to update. It's going to do everything for life
without having to pay nothing else. All right.
So what's next? In my recommendations, I would head
on over to Appearance Customize. I would go to Colors because we're
going to get rid of that awful green and we're going to go into white.
There we go. Let's go to publish, go back. And next step is pages. Let's add a brand new page. We're going to call this home. And the template that we're going
to use is Zion Builder for width. Next thing we're going to do is
click on Edit with Zion Builder. It's going to open up
the Zion Builder now. There we go. And now we are ready
to edit with Zion Builder. My recommendation is I would
get started here library. We can use headers
to install really quickly. We can use sections if we
want to build by our own. Each one of these sections is
as if we need it. So there's content, counter devices,
footer headers and all that good stuff. I'm avoiding the last one because that's
where we're going to get started. Core UI. You can see there's a lot of options and we can use this
to build our website Blue UI, more elements, newspaper, lots of elements. And the one we're going
to use our templates. So there are several
templates available here. We can preview them, we can select them. We can say, hey, you know what? I like this one and we
can select it again. We can add the template and then we
can add more elements from these. You don't have to get
stuck with any of these. So I'll Select this one and we'll say,
you know what? That looks nice. I like it the preview.
I'm good. Let's go ahead and insert. There we go.
It's been inserted. Now we have this little header here. We're going to go into page options and we are going to use blankkamba.
There we go. That was blankamba. We have a nice looking
website already loaded. Now, before I show you how the elements work
and how we can get started with editing, I just want to show you first how this
is going to preview on a live page. Okay,
let's go ahead and click on this little check Mark and we're going
to save and publish. Let's go back into our admin panel. The reason I'm taking you to admin panel is because if we go to the home
page right now, it's this one. It's not the one we created right now. So what we're going to do is set
the home page that we just created. So let's go into settings. Sorry, it's the reading
and we're going to select static page if it's not selected and we're going
to select the page we've just created. In my case, I called it home, but if you named it something else
you just selected. Let's go ahead and save it. And our home page should be
the one we just created. Let's go ahead and refresh. There we go. Our home page is now updated
with this template that we just added. That was fast and easy. Let's go ahead and close it. We're back to our builder. And now we're going to customize this
template like I mentioned before. It's super easy to get started. We've loaded the template. Now we're going to customize
now recommendations. Obviously, we're going to replace images
because they are the template images. We want to use our own. My recommendation is that when you select an image, make sure that the images
that you are using are optimized. That way we keep the Zion builder neat,
lean and fast. Okay, because as this
right now, it's default. It's fast.
But if we start Loading it with images that are not optimized,
we can slow it down. So when I click on,
I double click on an element we're able to edit and it's going
to open up the options on the left. Any element that I select. For example,
I'm going to select this text. I'm going to click the pencil and it's going to open up the editor
for this section that I've just clicked. Okay, I can go ahead
and update it from here. So if I remove this, it's going
to update it just by typing on it. Let's just say update. There we go.
We just updated that. Obviously we're going to replace
things that we don't want to use. Now. These are the elements,
and we have obviously, the section. If I want to edit the whole section, let me click on that pencil.
There we go. This is the section settings. So we have sections, elements, columns, the styling for this. So there's wallpaper for this. If we want to edit these,
we can edit a lot of things. Here's the image that we're previewing, we can remove it, and we can
add a solid color to it. We can blend colors. We can do a lot of things. I won't get too specific because there's too many options, and obviously
we all have different needs. So I want to show you the getting started.
Okay. So there's the element
like I mentioned before. When we click on the pencil,
it opens up the settings on the left. We also have the tree view. Let me open up right here the tree view.
Let me close. That will take us to the sections
that we've added. For example, section six, it'll scroll right to section six,
and we have two elements. Two or three. Looks like three. I'll open up the elements right
here and we have two columns. Okay. And in this column we have two text
elements so you can see right here. And if I Hover over them,
it's going to select it. So it makes it super easy to edit and replace elements
with this type of builder. Now, I can actually
drag and drop these if I like. So, for example, we have
these two text boxes. If I move it to the bottom. Now, we have this text
on the bottom instead of top. Let's bring it to the top again. And we can do that also
with sections and columns. So, for example, columns,
we have these two columns. If I move it, there we go. We switched it around. If I want to move the column somewhere else, we can do so also
or we can do it physically drag and drop. So, for example, if this image, if I wanted it down here, I can do so that way,
if I want it over here, I can do it. Also, if I want to drag the bottom one
to this place, we can do it that way. There's a lot of things that we can do. There's also spacing. So right now we did some movements
that kind of moved it around here. Well, we can drag this
to give it the space again. So it looks good instead
of looking all clunky. Well, we can add spacing
to them in several forms. Also spacing for these elements. See these. We can add sections. So if you want to add a brand new section,
you see this little blue icon. I click on it and we can add layouts, so I can add layouts depending
on the divisions that I need. So if I need
status error, I'll click on that if I need a double element,
because I want to add two images like the one we saw right now,
I can do so I can add four, five. And just depending on how we need that distribution
is how we're going to use it. There's also these type of elements, sections, columns, sliders
containers, model and library. Again, library takes us here. And if we needed something like, let's see prosecutions if we needed something like,
I don't know, let's see pricing tables. Well, we have some elements here. I'll insert some pricing table.
There we go. And this element doesn't look like it's in the right place
because I put it in the bottom. So I am going to move it around. I'll put it in the second one. So let's go all the way up. And our pricing table is right
here just by adding elements. So you're kind of getting the idea of how it's easy to start adding a website
either by Loading in a template, editing the elements, replacing them,
actually, because you're working with a template
or starting from zero by adding these sections, which is pretty
easy from our library. We also have the section view wireframe. If you kind of don't find something, wireframe helps you find
that view right there. Our library, which we saw already. We have all these available. If we made a mistake, we have our history. So these are the movements that we've made
when we're editing right now. If I made a mistake that I want to replace and I remember, hey, you know what it was
like three minutes ago, four minutes ago? Well, I click on it and it'll go
back to where we kept it right. If I Hover over it,
it's going to tell us what it did. Move the image, section eight margin and all of that. We have desktop view, laptop view, mobile
View in case we want to preview it. How it's going to look on mobile View and kind of edit this mobile view to find
out if this is how we want to use it. Let's go back into desktop view. We have our page option settings. You saw how I replaced
the section right now. Right now, the page status is a draft. We have to start the tool if you want to
get started there and our save template. If you want to use this again
for another section on your website, save pages and save and publish. So it's super easy to get started. Now, in this video,
I showed you how to install WordPress, install Zion Builder and get
started with templates. Now it's ready for you to get
started and play around. Search what you're going to need
specifically because you will have specific needs for your
own website building. Again, let's thank our shared hosting
sponsored for this which is Hostinger. Remember, they have a really good
price rights for shared hosting. The links will be in the description for Zion Builder and Hostinger's
shared hosting plans. Well, I thank you for watching.
My name is George. This is SaaS Master and I'll
see you guys later. Bye.
