How to Install and Use Elementor Page Builder in WordPress

Elementor Page builder can be a useful tool for many website owners. You can build beautiful websites without writing any kinds of bulky codes. With Elementor you can quickly add new pages and functionalities to your WordPress website without touching the design of the website. You can drag and drop various components to your website and can immediately preview the page without leaving the edit mode. Elementor is a plugin and not a theme. There are many themes which are 100% compatible with Elementor. However you can use Elementor with any theme of your choice. In this article we will see how to install and use Elementor Page Builder in WordPress.

How to Install and Use Elementor Page Builder in WordPress

How to Install and Use Elementor Page Builder in WordPress

Features of Elementor

  1. Template library

With Elementor you get access to a wide range of pre-designed templates. You can use templates as the starting point for your page. You can also save your any page or any section of your page as template.

   2. Mobile Editing

Elementor has the mobile editing feature that gives you easier ways to transform your website to be mobile responsive.

  1. Entrance Animations and Hover Animation

The entrance animation feature gives you 37 different ways of animation which you can use in your widgets, sections and columns. You can also add various hover effects like pop, shrink, grow, buzz, bob, skew, rotate and hang to your buttons, images and icons.

  1. Wonderful Embed Page Builder Template

Elementor has a powerful page builder template which you can use in customizer, widgets area and everywhere.

  1. Custom CSS

If you can write codes then you can add your own CSS code and gain full control of your page design. However this feature is limited to the pro version only.

  1. Maintenance Mode

With this feature you can easily set maintenance mode pages on WordPress. This can be useful for changing site’s design, while fixing the bug and while launching the new site.

  1. And Many More

There are many more features like icon box widget, hotkeys, page settings and revision history that you can utilize to make your website better.

Installing Elementor page builder for WordPress

Installing Elementor is no different than installing any normal plugin in WordPress. First login to your admin dashboard and go to Plugins > Add New. In the search bar, enter the keyword Elementor. Install and activate Elementor Page builder plugin.

How to Install and Use Elementor Page Builder in WordPress

You can also download the plugin directly from elementor.com or wordpress.org/plugins/elementor. Once downloaded you can upload the plugins folder directly to wp-content/plugins/.

Customizing Elementor Settings

After the setting is activated, you can see the new Elementor link in the menu of your dashboard. Go to Elementor > Settings to reach the plugin’s setting page. In the page you can decide which post type will use the Elementor. There are also some CSS settings that you can customize. Clicking the Usage Data Tracking checkbox will send the data collection from your plugin to Elementor.

Also Read:   Beginners Guide on Creating WordPress Menu

How to Install and Use Elementor Page Builder in WordPress

Using Elementor

Whenever you add/edit any post/page, you can see a new large size button saying Edit with Elementor. When click the button, you will enter the Elementor page builder.

How to Install and Use Elementor Page Builder in WordPress

Overview of Elementor Page Builder

How to Install and Use Elementor Page Builder in WordPress

The page builder is easy to use and user friendly. The Elementor page builder consists of many elements. The header (Panel) can be used to select general style (color, fonts) or to find a widget from the search field. By changing the color and font, you can create a completely different looking landing page. The content area is filled with useful drag and drop widgets. You can use these widgets to build your page.

There is the Add New Section in the page. You can either click the Add New Section’s button or drag the widget from the content panel to add any section or structure.

How to Install and Use Elementor Page Builder in WordPress

The elements of added from Elementor is entirely customizable. You can add, edit and delete any widget, column and section according to need.

How to Install and Use Elementor Page Builder in WordPress

Conclusion

While most popular website builder like Weebly and Wix has drag and drop builder. WordPress still lacks it. There are many drag and drop plugins which are developed to remove this shortcoming of WordPress. Elementor is one of the top class drag and drop builder. Its free version is really awesome. Drag and drop makes WordPress even greater and speeds up the workflow.

We hope you enjoyed our article on how to install and use Elementor Page Builder in WordPress. You can also check our other  article on “5 Best WordPress Plugins for Creating Awesome Landing Pages“. If you are looking to create a contact form you can read our article “Create Contact Page with Fast Secure Contact Form in WordPress“.

The following two tabs change content below.
Kantiman Bajracharya

Kantiman Bajracharya

Kantiman Bajracharya is a freelance web developer. He is a computer geek who has a Bachelor’s degree in Computer Engineering. He has earned lots of satisfied customers while working for numerous successful projects. He is also a WordPress theme creator and web article writer. On free time he likes reading philosophy books, traveling and playing chess.

Share This Post