If you are new to Elementor and are looking for a step-by-step guide on how to use it, you are on the right page.
Elementor is a software designed to be used in web development and utilizes the ‘drag & drop’ method. It has a gentle learning curve and has incredible functionality as well as accessibility.
Elementor’s free version offers incredible features for users, while the pro version offers even more web-design tools that make the price worthy of every cent.
STEP 1: INSTALL ELEMENTOR INTO WORDPRESS
Once on your dashboard, click Plugins and then click Add New.
In the search field, enter “Elementor” and locate Elementor Page Builder.
Click Install Now. After installation, click Activate.
STEP 2: CREATE A PAGE IN WORDPRESS
Open the WordPress dashboard.
Click on Pages. This is where you will manage all the pages for your website.
Click Add New at the top of the Pages screen. Alternatively, from the WordPress dashboard, click New+ at the top of the page and select Page.
Once you arrive on the Page Editor screen, click Edit With Elementor located at the top of the screen.
STEP 3: ADD IN THE PAGE CONTENT
Add a new Section to the page by clicking the + icon.
Select your preferred Column size and orientation.
Select the + in the Column to choose which widget you want to insert.
Once you have chosen, right-click and hold the widget with your mouse and drag it into the Column you desire to use.
STEP 4: PUBLISH
Once you are happy with your page, move your mouse curser to the green button in the bottom left-hand corner and click Publish.
If you want to preview the page before you publish or update, then click the eye icon adjacent to the Publish button
EDITING PAGES WITH ELEMENTOR
Once you are on the WordPress dashboard, go to Pages. Locate the page you want to edit and click Edit With Elementor.
A QUICK RUN-DOWN OF ELEMENTOR FOR BEGINNERS
Comfortable with creating pages in Elementor but still weary of the features, terminology and layout? Then this section below is for you.
As mentioned above, Elementor has a learning curve. It is only natural to feel overwhelmed by all the possible features and tools that Elementor offers.
Here is a run-down of the most important features in Elementor:
SECTIONS, COLUMNS AND WIDGETS
A Section can be compared to that of a house. In a house, you have different rooms with different things inside. In the same way, a Section is the house, Columns are the rooms and the Widgets are the things inside of the room that you use.
All content on your page will be inside different Sections. Your page will consist of multiple Sections.
A Column is the layout of your Section. When choosing a Column Structure, you must decide how you want the content of your page to be displayed.
Widgets are what stores the actual information you want on your page.
For example, when selecting a Widget, you will select whether you want a Text Editor to put text on your page or a Google Maps Widget for a location to be displayed.
Elementor’s success is attributed to many of its features, but its top strength is in its intuitive drag-and-drop feature. Just choose any element you want for your Column and literally click-and-drag it into the Column.
Customization Elements range from a heading to an image gallery, and more advanced elements such as navigation menus and Google Maps.
The Style & Settings Configuration menu is located in the top left-hand corner of the page, indicated by 3 strikes. You can set default colours and fonts for your pages in this tab.
You also can change the global settings for your entire website on Elementor.