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.

Elementor Page Builder


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.

Elementor View



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. 


Elementor Templates
 


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.

Elementor Signup

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

Elementor Connect your website
 

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.


Elementor page Design



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.

Elementor Edit Element


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.


Elementor Edit Section


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.


Elementor Page settings


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.

Elementor Publish Page


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

Agency Home Page Sample


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!

Post a comment

8 Comments

  1. Nice. But i feel this plugin takes more load time

    ReplyDelete
    Replies
    1. According to me it's perfect. Can you please suggest some other page builder (free version) that's take less load time ?

      Delete
  2. I just started using elementor to build my site and its a lot prettier than I had seen it, check mine https://www.bridgeconnect.xyz/prosperity/

    ReplyDelete
    Replies
    1. Yes I checked your website. It's look great.

      Delete