Home » Sonic Themes Blog

How to use Elementor Page Builder in WordPress

In this comprehensive guide for beginners, If you want to create a post with Elementor Page Builder in WordPress then you can easily build great-looking custom beautiful pages from scratch without any coding.

How to use Elementor Page Builder in WordPress
How to use Elementor Page Builder in WordPress. Source: Shutterstock

We at Sonic Themes have published this article for one clear, definitive purpose only; to give you a deep insight into the technical world of all and everything concerning elementor page builder in WordPress. So if you have even the slightest interest in learning how you can build a customized website or blog, you’ve come to the right place! For the most part, we will try our best to leave out the heavy lingo and use clear, simple, unambiguous words so those who aren’t completely familiar with this field can gain as much understanding as they can.

What is Elementor?

If you are new to web development or page building, the most logical question now creeping at the back of your mind would be- “What exactly is elementor?” or “What is elementor in WordPress?”

What exactly is Elementor. Source: Elementor

Basically, Elementor is a software on WordPress that enables website developers create blogs and websites with the freedom and creative space (and without the hassle of with dealing with CSS and HTML) that the basic WordPress editor does not provide. This unique plugin comes in handy for those who are looking to create an online presence by creating beautiful, catchy, customized pages. Elementor was founded by three Israeli nationals (Yoni Luksenberg, Ariel Klikstein, and Yakir Sitbon) in 2016. This software has over time grown to occupy the coveted position of the most popular page builder platform for pros on WordPress.

Over time, this unique page builder plugin has replaced the basic WordPress editor with a live frontend editor. The drag and drop method has made things very easy for just about anyone who’s looking to create a website without professional help.

Elementor’s very friendly user interface avails developers the freedom to design what they want, at the same time guided by an automated system that is calibrated to fine-tune and assist the user in birthing his vision of the ideal website or blog. This is a feature that no doubt makes building a website a lot less mechanical or methodical and more practical. Developers who use this software confess that the freedom to design what you want (using the drag and drop method) is part of what makes this brilliant piece of software indispensable to new age developers.

Ultimately, elementor puts you in control, allowing you the freedom to create or design whatever you want.

What is Elementor in WordPress?

To better understand the role the elementor plugin plays in WordPress, it is imperative we first state with utmost clarity, what WordPress is and the vital role it plays in today’s fast paced world of web development.

WordPress is one of the most popular web-building platforms that powers over forty percent of all known, working websites on the planet. It is a fully licensed content management system (CMS) that uses PHP programming language. Simply put, it is the simplest and most popular way to create a website or a blog. What more, it is super accessible to anyone as it is relatively easy to download and install, it is also very flexible, efficient and free to access to anyone looking to promote their businesses, ideals or thoughts online through a website or blog.

It was launched in 2003 by Mike Little and Mike Mullenweg who both continue to run the company till date. Their collective goal at the time was to make readily available blogs and websites to anyone looking to create an online presence. And so far so good, it’s fair to say they have accomplished quite the feat in achieving their goal. Today, thousands so many big companies along with a plethora of micro businesses, spanning across several continents use WordPress as the base of the operations online. On WordPress, elementor is simply a plugin that uses the drag and drop method to create, design and edit pages.

How to use Elementor in WordPress

For a beginner on WordPress, the whole process of creating a page or post may seem a tad bit intimidating. No matter how daunting the task appears to be, with a little focus and determination, you can do it and in no time! You don’t even have to be tech savvy. This is the beauty of elementor. If you follow these simple tasks outlined below, you should have no problem using elementor on WordPress to create your page or blog! First off you need to familiarize yourself with some of the terms and lingo that’s popularly used on this platform.

Create a Page or Post using Elementor. Source: Elementor
  • Widgets: The nucleus of the outline of your page, widgets are the core components you will use to create your page.
  • Column: This is the rectangular box where you drag the widgets to. It is the construct that holds the widgets in place.
  • Section: This is what holds the columns and widgets in place. You could call it the universal set.
  • Elementor Canvas: This refers to the area where the whole creative process goes down.
Elementor Canvas. Source: Elementor
  • Templates: A templates are simple page layouts that collectively make up a page or a theme.
Template Page Layout. Source: Elementor
  • Themes: A WordPress theme is a complete design for a website. It is something of a demo version and you can customize it to your taste. It consists of several elements and templates.

Having familiarized yourself with these terms, you can now proceed by installing elementor plugin

How to Install Elementor in WordPress

It does not cost that much to install elementor plugin and the process doesn’t take that much time. After downloading the Elementor plugin from the official website, the downloaded raw file will appear in a zipped folder. First off, proceed to your WordPress dashboard and locate the plugin settings, and select ‘Add new.’ You will be asked to select a file from the folder housing it in your personal computer, then select the file you downloaded from the Elementor page. The Elementor page builder plugin will then install, and you are free to start using it as soon as it does.

The First Step on the journey to creating a page with the elementor page builder in WordPress would be to create a new page on WordPress.

Create a page with the Elementor page builder in WordPress. Source: WordPress

To do this, simply click on your dashboard, go to pages and select ‘add new.’ If you have successfully installed the elementor plugin, you will be automatically guided to the customization section. You can choose to build your page from the ground up or you can select already made themes (think of them as demo pages with demo content) and customize them to your taste. To fully customize your page, simply click on the element you want to edit, three options will appear; content, style, and advanced.

The content option will allow you to edit the text or media contained in that element. The style option allows you to customize the general outlook, things like the color and the font style. And the advanced option gifts you the platform to change things like the background color. However, if you choose to build your page from the ground up, you can use the drag and drop method, by dragging any element and dropping it on the canvas area. Then give it a title or header.

A website header is the top area of your page or blog. You can access the option to add this element at the bottom left of the page under site settings.

Site Settings in Elementor. Source: Elementor

The header is the first thing prospective buyers or readers will engage with. So, it goes without saying that your title or header must be a strong, word, or phrase that suggests exactly what your page is about. It should be catchy, fascinating, and well designed. Something that will hold attention and boost engagements. The role of the header cannot be over-emphasized. It plays a major role as it often presents you as a brand and not just a singular entity. After inserting your header, immediately, the elementor icon will appear at the top of the screen giving you the option to edit with it.

However, if you made a mistake in selecting a header or title, you can always edit it by simply going to your WordPress dashboard and select templates, click on ‘ThemeBuilder.’ Then select ‘add new template’ and click on ‘header.’ Give your header template a new name and click ‘create header.’ You will be given the option of choosing between one of the headers that come along with the software or designing yours. After editing, you can click publish. At the bottom left of the screen, next to “Page Layout” you will see the Elementor canvas button, this allows you to add a section and choose your column structure.

After selecting your column structure, you can now select the widgets of your choice and drag them to their prospective columns. Having done this, you can now proceed to edit it through the widget panel. Upon completion of all previous stages, (including insertion of all said templates), you can then go on to preview your page and publish. Most WordPress themes are compatible with elementor so you shouldn’t have any problems using them with the plugin.

Please! Note that this article is for page building using elementor on WordPress. If you want to create a post with elementor, you may have to take a slightly different route! Thank you!

By Alexander Obioma ND

"This article was written by Alexander Obioma ND, a UK-based professional content writer, graphic designer, and developer. He currently heads Platinum Quills; a team of content writers and graphic designers that delivers promptly on all creative writing gigs around the globe.

2 comments

  1. An interesting dialogue is value comment. I believe that you should write extra on this subject, it won’t be a taboo topic but typically people are not sufficient to speak on such topics. To the next. Cheers

Leave a comment

Your email address will not be published. Required fields are marked *