How to design WordPress website using Elementor (free)

Do you want to know how you can design your WordPress website or blog? You can do that by reading this post.

In today’s article, we will show you how you can properly design your WordPress blog step-by-step using a software called page builder without you writing any programming.

Designing your blog makes its visual appearance looks amazing and friendly to your readers. You may also see our guide on how to start a WordPress blog (step-by-step).

Our Tools

Use our tools

We tools to create anything we use. Explore them below.

Best page builder to design WordPress blog

What is page builder

In the world of WordPress web design, page builders are software Creating custom that can be used even by non-techies to create, build and design pages and posts on their website on a drag-and-drop basis without coding. We wrote an article about the top best page builders for WordPress this year. Please read that now to know the best option for yourself.

Following the tips we are going to share with you today, you will know how you can design your own WordPress website using free software without hiring a web designer. The best part is that it won’t consume time as you ever thought.


How to design website with Elementor

To design a WordPress page and post using an Elementor page builder, you need to install the Elementor plugin on your website. The following steps will guide you.

Step one: install Elementor

To install the Elementor plugin on your website, there are two methods;

1. Visiting the Elementor website and downloading it in .zip format which you will upload on your WordPress website.

2. And logging into your WordPress admin dashboard by visiting

Read this guide to help you know how to install any plugin on WordPress. Then come back and start following along with these guides on how to design a WordPress blog with Elementor.

You can also watch the video below for how to install and use Elementor plugin for free.

How to install Elementor by visiting their website

Go to the Elementor website at and click the “Get Started” button.

Elementor home page and get started button

After that, enter your email address and password to create an account. You can also choose to create an account with your Google account.

How to create Elementor account

Next, answer a few questions about who your website is for and how much experience you have to design it.


After successfully creating an Elementor account, the next thing you should do is select how you would like to build your site. Here you can only purchase the Elementor Pro plugin to design your website or a plan that includes the plugin as well as a WordPress installation and domain name plus hosting.

For the purpose of this guide, we will choose the Elementor Pro plugin essential plan.

Elementor plans and pricing

Note: at the time of creating this article in January 2023, the plan Elementor pro plan has increased from $49 to $59.

Elementor is a page builder for WordPress users only, hence, to continue, you need to verify the domain name, of your website. 

Domain verification on Elementor

Success: your domain name was successfully being verified on Elementor as a WordPress website.

Verified domain on Elementor

Once your domain name has been verified, you will be automatically directed to your website’s admin login page. When logged in, you’ll be taken directly to the Elementor plugin page. Click Install Now in the bottom right-hand corner.

Click install now button to install elementor pro

After clicking the “Install Now” button, the next page that’ll appear to you is a confirmation message and an “Activate Plugin” button to click to activate it.

Activating button of elementor pro page builder

Once you have successfully installed Elementor on your WordPress blog, the next guides are how to use it to design. Please continue reading to follow along.

How to use Elementor WordPress page builder

With a free plan of Elementor, you can create, build and design your WordPress blog’s posts, pages, header, footer, sidebar, etc. 

Using Elementor makes you uninstall many plugins on your website because it comes with essential drag-and-drop widget features. 

Let’s explore the features of Elementor and how you can use them to create a professional website without hiring a web designer or buying a premium theme.

To design a page with Elementor on your WordPress blog, log in to your WordPress dashboard and click page, then click add a new.

Add a new page on WP

Note: you can also design active pages or posts on your blog with Elementor. We want to start everything afresh so that you could easily understand.

While you are editing the page or post, you will a new button at the top labeled “Edit with Elementor”. Click on it.

Edit page with Elementor

The next page that will come up is the design interface where you can drag and drop a widget into any section of your choice.

Elementor page builder design interface

On the left sidebar, there are the Elementor widgets that you drag and drop into your design.

There are three important things you have to understand on the interface of Elementor page builder and they are:

Section, column, and widget.

Sections: Largest building blocks where you can add groups of Columns, and Widgets.

The editor shows where you can drag a widget by highlighting Sections and Columns in a blue box.

You can control the Sections, Columns, and Widgets using the blue handle. When you right-click your mouse, then further options will appear to you such as delete option, copy option, duplicate option, etc.

The nitty-gritty in page building using Elementor

To add a new section, click the plus icon and select the section type you want to use depending on your design.

How to add section on Elementor

After you have added a section, simply click, hold, and drag a widget to the place where you’d like to add the new widget. For example, when you want to the heading, you should drag the Heading widget directly to the column that is in the section.

How to add widget on Elementor page builder

To make your design faster, Elementor created a search field where you can enter the name of the elements you want to drag to your column.

The Elementor’s elements are classified as basic and advanced elements.

Basic elements are the heading, button, text, etc. while the advanced elements, like animated video, and testimonial carousels.

How to search for elements on Elementor

Elementor theme builder

The Elementor Theme Builder helps you design static pages like your website header, footer sidebar, etc. from scratch without coding.

After installing Elementor, you can now access the theme builder by logging in to your dashboard and clicking the Elementor menu, then Template, and finally theme builder.

Elementor theme builder

You can customize the Theme Builder the same way you customize the post and page on Elementor.

You can also drag and drop elements. After you have satisfied with the design, then you click the “Publish” button.

Features of Elementor

Elementor saves you from a lot of hard work. It came with a pre-built library, popup, and many more.

For an explanation of all features of Elementor, visit their web page where they deeply explained them.

Frequently Asked Questions

We’ve helped hundreds of people design their WordPress website and blog with Elementor page builder, hence, here are some questions we always get asked by them.

How can I install Elementor plugin?

To install Elementor plugin, visit their website at, click the “Get Started” button and follow their instructions.

You can also install it the way you install other plugin. For more, read our article in which we showed beginner’s guide on how to install plugin on WordPress.

Can I use Elementor free?

Yes. You can use Elementor for free to design any website.

How much is Elementor pro?

Elementor pro for basic plan costs $49 as usual. But recently, they increased the price to$59. 

With any plan of Elementor, there is inclusion of advanced website builder for WordPress, allowing you to visually design forms, posts, WooCommerce, slides and more.
Elementor plans and pricing

Elementor has four tier plans. See them in the shot above. Or visit their plan and pricing page for more information.

How to get access to Elementor templates

Presently, Elementor has over 100 templates called kits in its library which you can choose and customize without writing any coding language.
To access the Elementor template, make sure you have installed and activated Elementor plugin on your website. Then click on Elementor menu at the sidebar of your WordPress dashboard, and navigate to “Template” tab.


Hope this article’s helped you know how to design WordPress website using Elementor page builder for free?

Please let’s know what you thought and like our Facebook page for more important update.

Share the Post:

Subscribe to our newsletter

Subscribe to our email list to stay updated. We hate spam, hence, we won't share your email address with others.