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).
Use our tools
We tools to create anything we use. Explore them below.
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 www.domain.com/wp-admin/.
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 www.elementor.com and click the “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.
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.
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.
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.
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.
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.
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.
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.
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.
To add a new section, click the plus icon and select the section type you want to use depending on your design.
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.
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.
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.
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 https://elementor.com/features/ 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 www.elementor.com, 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.
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
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.