How to Use Elementor in WordPress
An Elementor is a plugin in WordPress used to build a page with drag and drop facility which helps to develop a high-end website for any page, theme, and design.
Elementor gives a platform to develop an ideal website for newbie users and also helps people by providing a user-friendly environment of elements at the right corner of it.
If you are an Elementor newbie, these steps will help you understand the essentials of successful page-building in WordPress. You will learn about:
How to Install
Go to website elementor.com and click
In the WordPress dashboard, Click >
.
![](https://www.mu.my/files/uploads/1-2.png)
Click , and choose the file you’ve downloaded for Elementor.
![](https://www.mu.my/files/uploads/11.png)
![12 12](https://www.mu.my/files/uploads/12-500x181.png)
After choosing the file, click
![](https://www.mu.my/files/uploads/9-1.png)
You will be directed to this page and click
![](https://www.mu.my/files/uploads/13.png)
That’s it! Now Elementor is in your WordPress!
Quick Reference :
- Download Elementor from elementor.com and click
- Open WordPress dashboard and click
>
- Click
then
- Click
after choosing the file
- Then, click
Creating a Page with Elementor
Open your WordPress administrative dashboard and go to >
![](https://www.mu.my/files/uploads/3-2.png)
Insert your title at the segment as shown below
![](https://www.mu.my/files/uploads/4-768x236.png)
Click the big blue button then you will be redirected to the Elementor customization panel.
![](https://www.mu.my/files/uploads/5-768x322.png)
Elementor Panels Overview
![](https://www.mu.my/files/uploads/6.png)
Elementor Widgets
Elementor comes with a set of widgets organized in by following the categories
![](https://www.mu.my/files/uploads/7.png)
Click the icon to create a Section, or click the
icon to add template
![](https://www.mu.my/files/uploads/8.png)
Set your Column structure
![](https://www.mu.my/files/uploads/add-structure.gif)
Right-click to Edit, Duplicate, Copy, Delete etc.
![](https://www.mu.my/files/uploads/14.png)
Set the Columns Width. You can do it under Layout, or drag the dashed line between the Columns.
![](https://www.mu.my/files/uploads/chrome-capture-1.gif)
To add more Columns Right Click >
![](https://www.mu.my/files/uploads/15-1.png)
Drag Widgets from widget panel to insert inside your Columns
Quick Reference :
- Go to the dashboard and click on
then
- Add title and click
- Click the
icon to create a Section, or click
the icon to add template
- Click
then choose the structure
- Right click then choose
to add column
Adding Template
Click the icon to add template.
![](https://www.mu.my/files/uploads/16-768x440.png)
Click on any template to preview the template
![](https://www.mu.my/files/uploads/17-768x450.png)
![](https://www.mu.my/files/uploads/18.png)
Click to use the required template
![](https://www.mu.my/files/uploads/19.png)
Quick Reference :
- Click on
icon to add template
- Choose any templates
- Click
to use the template
Save & Publish
You can always save updates every time you made changes. Just click on the small arrow and then click
![](https://www.mu.my/files/uploads/20-768x360.png)
After you’re done designing your page, Preview & Publish it.
Click the icon to preview your page.
![](https://www.mu.my/files/uploads/21.png)
If you are satisfied with the result, go ahead and click the button.
Quick Reference :
- Click
to save you work.
- Click the
icon to preview your page.
- Click
to publish you work.