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.