I'm going to explain the basics of Elementor. To show you how it works inside of WordPress. It's essential to understand how Elementor, So, let's get started. What do we need to follow? The difference between Elementor for free and Elementor Pro. Why you need a theme and what WordPress does.

To simplify it, a website is nothing more than a few pages that are connected with each other. A page consists of a menu with a logo and some menu items, the content of the page, and the footer. The menu and footer appear on all pages, and the content within those pages is different on all pages. So, to edit these pages, you will need to go to the backend of WordPress. WordPress is the interface where all of your pages are, your plugins, your theme, and your settings, which you can only see when you log in. So, back in the days, you would download a theme somewhere on the internet, which would give you a lot of options to edit your pages, your menu, and your footer.

For every page, you would go to a specific edit page where you could play around with the settings of that page. Then you would save it and check if your changes worked out on the live page. This meant that you had to go back and forth all the time to see if it worked out in the way you wanted. Also, all of the themes had different options, but no theme had all the options. So, often, you would stumble upon limitations of that theme, and you would need custom code to get the page that you want. This was how Elementor worked for years. But then, something new hits the market, the page builders like Elementor. With a page builder, you can skip the edit page and go straight to the live page. You will get a sidebar with different options, and you can drag and drop different elements on the page. This means that you don't need to use the problematic edit page anymore. And build up your pages super-fast with an experience that's similar to a design tool. The only reason you will still need your theme is to run Elementor, because Elementor cannot run without a theme. And you will need your theme to edit your menu and your footer.

So, let's build our first page. So, here I am on the free version of Elementor on a blank new page and I can just drag the elements out of Elementor on my website. So, for example, I can just drag a video on a canvas and then, I can place a YouTube link in here and I just have a video on my website. Or for example, if I click here, I can add a title super easy and I can type the title here. I can drag a button and make it a link to a website that I want. Things like an image gallery, a progress bar, or for example, a testimonial, where you can change the photo, the text, and everything about it. And then, if I just click publish, the website is saved and this page is live. And if you have no inspiration for what to put on your page, they have these templates. And these are fully designed templates that you can click on to get some inspiration. And what's even better is that you can insert them. So, if you have a template that's similar to the website you want to create, you just click on insert. And then, this whole page is inserted into your page, and then, you can change that page. So, let's just try that for now. Let's insert this page. But now, this whole page is inserted into my page, and I can just change the text in here. And if I then click update, this page is also live. So, this is super cool. But for people who want to make their own design, and don't want to rely on a design from somebody else. They also have something great, and that's called blocks. So, that's what you find here. And with these blocks, you can build up a page really fast. Because these are the blocks, the sections on every page. So, let's say you want to build your own portfolio. So, you've made a little sketch just on paper with the first section, and you want a big video in the background here,  you want some text then, you want your services section, and you want three parts here. And then, you maybe wish to an image gallery for your work. And then, perhaps you want some contact information with a map. So, let's say this is what you want to build. And this is where the categories come in. So, they already have the most common categories here in the block. So, if you click on here, that's like the upper section of your website. You can already insert something like we've sketched on a paper. And then you can replace this image background with a video. What's also a nice benefit. 


about Elementor Pro is that they have a lot more templates, right. Because as you can see, a lot of those blocks are only available when you buy Pro. So, for example, on these pages, you will see this first five are free, but then, a lot of them have this Pro icon. So, if you want all the templates that they provide, you would also need Pro. Also, they will give you a lot more widgets, right. Because this is pretty limited. It's already super lovely, which you can do with the free version.

But for example, I'm here on a website where Elementor Pro is installed. You would have this new section, right. So, you could add sliders, you could add a new navigation menu, you can insert a form, your own contact form. And most importantly, you can insert your blog post and design them yourself. And also, when you're designing more significant websites, you will have a lot of elements that are the same on every page. And if you only have the free version and something changes, you would need to change every page manually. And that's not a really nice experience. So, that's why in Pro they have this thing called template. So, if you think like, okay, this part I'm going to use on all the pages on my website. You can click on it and click on save as a template. And then, if you change something inside of the template, it will change on all the pages, right. So, if you're building bigger websites, you would want that template feature, trust me. And what's also really great about the Pro version is that they have a role manager. And the role manager allows you to limit what the client can do. So, if you're working for a client and you want them to edit the text only, but not mess up your design, they have a roll manager. So, for example, you add a user, a vapor user, and you give them their own email and their own login. You can say they can only edit the content. And then they can only edit the text and the images. And if you give them you know, all-access, they can just mess up your whole website, and you need to start over. So, that's also a really nice feature if you're working with clients.  So, if you want to get started the download link for Elementor free is in the description. I've also put the link for Elementor Pro, and there's also a recommendation for hosting if you don't have Hosting yet.

https://elementor.com/

Share To:

Post A Comment:

0 comments so far,add yours

Note: Only a member of this blog may post a comment.