How to create a Homepage with-in 15 minutes using Elementor page builder (Free version)

Elementor Page Builder is one of the most popular page builder in WordPress. It delivers high-end page designs and advanced capabilities, never before seen on WordPress. Following are the some main features of this builder:

• FASTER. MUCH FASTER.
• LIVE DESIGN. TRULY LIVE.
• SURPRISES YOU WON’T SEE ANYWHERE ELSE.
• PRE-DESIGNED TEMPLATES & BLOCKS
• MOBILE FIRST. MOBILE EDITING.
• UNDO / REDO & REVISION HISTORY.
• CANVAS. A BLANK PAGE TEMPLATE FOR LANDING PAGES.
• BUILT-IN MAINTENANCE MODE & UNDER CONSTRUCTION.

I recently tried Elementor page builder in one my WordPress website and it works like a charm. It is very easy to use, you can install it in any theme, it provide free pre-designed templates and blocks using that anyone can build a good looking homepage within minutes. In this tutorial you will know how you can make a home page using pre-designed templates in Elementor page builder easily. 

Now let's create a Agency type home page from starting:

1.) Install the Elementor Page Builder 

- You can download it from wordpress.org or you can directly install and activate it from admin plugins section.

2.) After installation done create a new page using Elementor page builder. 

3.) After that you will redirect to front end page builder, It's divides into 2 sections left section and right section. Right section is your page preview means how's it will look on front end. Left section contains elementor widgets, page settings , effects and many more things.

4.) Now click on folder icon from right side screen and you will see sample pages/templates in POPUP screen. Not all pages/templates design are free, some are only available for pro version, we use free version of page builder so insert any page/template that is free. 

 

5.) After that you would redirect to Elementor page builder website, here you need to create a new account if you don't have, If you have an account, than just do login.

6.) After creating account or login, you need to connect your website with Elementor Template Library, for this just click on Connect button.

 

7.) Now you will see exact same page/template design with dummy content on your right side screen. That means template insert process done successfully now you need to edit the template text, images etc according to your requirements.

8.) Edit the text or any element is easy just click on text or heading whatever you want to edit and from left side widgets section you can edit it just like this below screenshot.

9.) Some sections comes with background images for edit this right click on section or click on dots from upper and from left side you will see that section layout settings, advanced settings. from here you can edit the background image or change the section padding, margin, effects etc things.

10.) After all changes done please check the page settings before publish the page. Page settings include page title, page layout, featured image etc options.

11.) You can also add new sections or remove any sections that you don't need, after everything done just click on publish button from bottom.

- It's Done! Now check your front end, your front end will be looks like below image.

Elementor page builder is very vast and full of features after using 2-3 times you will use it easily and create your own custom design pages. If you want more features you can purchase the paid version of this builder.

You can check more WordPress popular plugins here. 

If you have any questions or suggestions please let me know through below comments section. Thanks!