Blog

How to Use Elementor in 7 Simple Steps

how to use elementor

Table ofContents

According to W3Techs, more than 10% of all websites are built using Elementor.  

And if you are about to build a website, you might already be familiar with the popular website-building platform WordPress and its page builder Elementor.

I am going to give you a step-by-step breakdown of how to use Elementor to build a website for free and clarify all the terms related to creating a website with WordPress. 

But, before jumping deep down the alley, let´s start with the basics— 

What is Elementor? 

Elementor is a website builder plug-in that you can install on your WordPress account to create a website without writing any codes.

There was a time when people needed to learn coding to create their websites. Otherwise, they had to hire coding experts (Programmers and Developers) to build their websites. Now, no-code website builders like WordPress make things simpler with additional tools like Elementor.

Elementor is loved by millions of users, and it is a helpful drag-and-drop WordPress website builder that you can utilize to create and edit your website.

In this Elementor tutorial guide, you’ll learn how to use Elementor to build a website.

How to Set up Elementor in Your WordPress Website? 

Now that we have a clear understanding of what Elementor is, it is time to set it up on your WordPress account. 

First, you need to go to the ´Plugins´ page to get the Elementor plug-in. To do so, Click on ´Plugins´ from the sidebar of your WordPress Dashboard

V2aKt3LRjPh7tQ46f0kqxPNPZ aU7etwoGSIs710BUR6VkoYFpDXB3Sj EI0zQ l5gbESgik7ug0rn24gE8TpyP3MvcKs2RubP0ERDLgyp5p KpfeF iK8ezuVXwZdqDYUXIBia3sPMFn9BWL423goY - BdThemes

Select ´Add New Plugin´, and click on the search bar located in the very right corner of your screen.  Search for the ´Elementor´ plug-in. 

GSZbC3CsUwsAKxZvdjODia ZH3O 4mkrmkh0b0XOC6 MmU02BOIoBOj jeVFyObdLcrzIsgEv0a7zZEse5M5ehVw1NCWP2LyTIV n 2Lr5IKcH7XY u50giLYcY6MkY H6 irWLLuBS9WOvLtDGHkp4 - BdThemes

Click on ´Install Now´ and Elementor will get installed within a second.

Ra9vpPa1i6okOifrD JoSIgMc09vSLTnVr4sBYTGd398PRfFHaamCi7U8Y - BdThemes

Once it’s installed, click on ´Activate´ to use Elementor in WordPress. 

n1CsTnYrlxQ lvNphlfoAyQHdsgpbAPBlyRJR2vgrH14lY4TQw4W8 O0pJ7ZQFZy7TP8TFz5CI6kli2cPBA N43plkm5vnxkYZdBnho0klnR - BdThemes

How to Install a Theme in WordPress

Now, we have the Elementor plug-in on our site, which we can use later to build our website super fast and easily.

If the current theme of your website seems very simple and does not describe a lot about yourself or your business, you can get a WordPress theme based on the type of your business. 

A WordPress theme gives your website a certain structure for how you want to design its appearance. There is a bundle of themes available for both free and paid, which you can utilize to change your website´s appearance. 

Let´s download a theme to give our website an attractive appearance.

For our demographic website creation, I am going to download the ´Hello Elementor´ theme, which is very lightweight, easy to use, and up-to-date. That means this theme will not make your site heavy and will not take much time to load when a user enters it.

You can even easily use it with other plug-ins without having any technical issues. 

So, to install a theme (for this tutorial, it is the Hello theme), you have to click on ´Appearance´ and then select ´Themes.´

TWB9t5KFL4uym TcTR YwYnkm6fmDwmudqxh WjG92wzFZJuTGb4vzWHJRtMj1UeBkn1hMqyg6dsdTbFM war weVaKtTTaX1Q2GkNbqfjJEA7I8g73du gXd0A2X INisnfoUhKbfZCQlkNWgfKNsE - BdThemes

Now, as we did to set up the Elementor plug-in into our website, the same process applies to installing a theme. Just Click on ´Add New Theme´

Xg2Jqr7ZUeZyo1fO7KVBIcH6o6qAe Y1f4GTTN yXlwF2SROAFL24p0 aVPy87YxyT86DwUGSYOeZct29tA o52DkJUt73A1EUa9PCVMM6 3 oojemtws1ave OWli3tWko4DAWk0fTn ofyFxfs 4 - BdThemes

Search for ´Hello Elementor´ in the search bar. 

8mmbgN9zGmYUICTaN1hOi2ZJ4w44cp tP8JK1bqaQg1iUUQ888y3PkjwVKCJKaV57DAYdUg2zsMFixXx6vI19 - BdThemes

Select ´Details & Preview´ by hovering over the ´Hello´ theme card to see if this theme´s structure matches your preferences. If everything matches perfectly, let´s select ´Install.´

QrBECJzinanGRKMYxan28PJGoGm5Vfdn9NLzFaZR2tPk4XcOf2IjxQ740Ggk au0KDth8tFwQAht40QmZzyg4UmsGt8BUCKuBxNiHTerFCNqvF6xuZJfItuwPtk kaKmh6OjMoGlmLrHlH3yzP61kZM - BdThemes

Click on ´Activate´ to activate this theme. 

You can have a clear view of how the theme looks by clicking on our website name on the left corner of our editor page. It seems totally blank as the design part of the entire website still remains undone. 

So, we will utilize a pre-made template on our website to build the website in a faster way. For this, we will need to add plug-ins like ´Starter Templates´, which can offer us various ready-made templates to use with our themes.

Though there are various types of plugins with pre-made templates, the ´Starter Templates´ come with a bunch of helpful features, like pixel-perfect design, easy customization, accessibility to try logos and typos before installing, and many others. 

Therefore, to install the ´Starter Templates´ plug-in, simply go to ´Plug-ins´ and click on ´Add new´

Search for ´Starter Templates´ in the search bar. 

Install and Activate it as you did for the installation and activation of other plug-ins. 

Now, you have all the core necessary plug-ins and themes in your WordPress account to design and create a brand-new website. So, let´s move forward with the next phase of our WordPress website creation using Elementor. 

How to Use Elementor for Building a Complete WordPress Website?

Here, we are building a website by using a pre-made template for which we are using the ´Starter Templates´ and we will show you the Elementor process steps to customize the template´s design as per our needs. 

For this, follow the step-by-step process below to use Elementor in WordPress to build your website. 

Step 01: Choose a Template 

To choose a suitable template for your website, go to ´Appearance´ and select ´Starter Templates´.

Step 02: Select Elementor to Build Your Web Pages. 

jnjgLG8YyufEdceKpkAx Hup8PeSAA1ZQzLwjcti1tYOZeJ0qmD70JyvA8rLFgn bCMRK OWypmExXYwpN6Hu93kOxcTZC6L8qWHNsRqCfj7mxr66yysqTyMeTmpjlUsSd DsWOFePkjCCkHUJMhKjc - BdThemes

There are three available page builders you can use to build your web pages. Select ´Elementor´ as a page builder for this website creation. 

Step 03: Find Your Preferred pre-designed Template 

Now, you need to choose a template you like to use. You can even utilize the specific template collection menu from the top of the template and search for the templates under the specific category. 

Suppose, I want to create an Author website. 

So, I will click on the ´Personal Sites´ collection to see the pre-made template for personnel site creation. And select the ´Author´

AKgug8rNICZE2PwaQGpGIiLjkf aa6mW7egkEi7C8I33L9dbShxfKcBqR3KHJZpx i9KmyWL3Hhumeiba1hJ1u1QMnHt41VI PP7h0B1RY51eLFMEOYp5pVlSQJ7WQJis8LDFNiCCGdCaSoFkfpk5k - BdThemes

Now, I will choose the ´eBook Author´ template as it seems a suitable design for me.

3y3gdPezJ 7rdsgiq7 SpSXarCcozd3 MpvMukvKSmlk6P75sZQFw3xsxpS7 Pa7pJvnQlFq2D - BdThemes

Step 04: Submit the Design and Let WordPress Build Your Site 

Once we select a template for us, it´s time to give a quick checkout to see if everything we need inside our website remains in this template or not. If everything is smooth sailing ahead press on ´Skip and Continue´. 

ZCzNf4KoLGCV6bDqpIBiBHAyjcSlYMRHx2m3Fda NOx kOmrLZXz7LhtKb0 BIwM7coF7I9kamui4jvkV1PLk32A3x HQTCSZCwULnMSpIMgLGTdGjFYjgcSbQgE0QVB LZLHKBfZgcprQD6RibINk - BdThemes

Otherwise, if you need to bring slight changes you can do it from here. Suppose you want to see if your logo matches perfectly with the template, or you just want to change the typography, you can go for it in this step. 

Now, I am not bringing any change to the template as I can do the personalization part later as well. Thus, I am selecting ´Submit and Build my website.´ 

cURA65hiLTxyueommFNm9RLI8EfwtEjfOJReTU 4dSlasKTWdLC0MhQQMgVP0 S Mvi3roy8MIRIsY3TQkHs kM8eHasd48pwoi - BdThemes

It may take some time to install the required themes and plugins that are necessary to build your website. Wait until it finishes. 

- BdThemes

Once completed, move forward to the personalization part once the website gets built by WordPress.

Step 05: Personalize the Template as per Your Need.

bcjyd53e0NeYZBID182ChEafF4olj5oEUKWFxK EQ27rDnKuM45hsKDEDRBtoNZ yzyRfi8FUeQF JY - BdThemes

Here, you have the complete layout of your website. All you need to do is customize the website to make it speak more about you and your business. You can change its content, set the logo, change the font, color, or anything your website requires. 

Additionally, if you need to delete or add new pages to the website you can also do it within a click. But, editing and personalizing the website can be more fun and time-saving if you utilize the Elementor page builder. So, let´s get familiar with the ways of how to use Elementor page builder in WordPress.

Step 06: Edit it Using Elementor´s drag-and-drop Editor.

You can see, you have a general outlook of your website which tells very little about you. So, to edit the website layout and its contents using Elementor, click on ´Edit with Elementor´.

OYgj3VuYLWzkm7x7e71FCimjtcdK4QEZetMlA3JNj QM41AqZCVSD6UNSxs4mrY TzIInRgib09 BLusyPbtDqCPtdHmpW8P7QUxZKpxIPgu7EQdBzu9XfmUVmjOdWkBzO8KAp2o4kbVAoXuEZaXe o - BdThemes

A sidebar editor comes to the screen to allow you to bring any change you want in the website design. You can drag and drop, add, and even delete elements with a single command using the Elementor page builder. 

Let´s assume you want to delete the ´$6.75- Purchase´ button or change the content of ´READ ON KINDLE´ to ´Download for Free.´

You can do it by simply clicking your pointer on the button, as I have shown below. 

Right-click on the ´$6.75- Purchase´ button and select ´Delete´ to delete this element from the design. 

m3 etk6KXUqj6UZhuF9xf6Ri4Haq7ueV75eN bGP ApiRaZhGqqtHT23eoHaQ YiDrW YaWOQmFxWNQ86BSCCrFeg58WXXBlnuYeBKMVLNt5L3BQKzDHkJJs9HocIBPqQMCdm J4 jTY7 Pd6uE0tYE - BdThemes

Drag the ´READ ON KINDLE´ element to the left to match this button´s alignment with the text elements. 

Click on the text bar from the Elementor editor to change the content of this button. 

fQ1x37N0RLTLlTU Yrbf l IvD3eJhb JaIlgomBil9Xz8gK8a1rKGRztbUpI8iT0xab8Ja6UvkJpWwZDBhYLcMmsWn Yq72lTCweGlR3zYU8iVVcFCr926MfJhn3FWJhG EhElKYYr tPcwLmRzOo4 - BdThemes

That´s how you can personalize the layout and content of the entire website just like you want it to be. 

Step 07: Preview Your Website and hit the Publish button.

Once you are satisfied with the website layout, design, content, and overall appearance, preview the site to make sure everything matches all the checkboxes. 

Click on the ´Eye´ icon to see your changes. 

f9emBFqXI1QAu576EVcXZ24I2eBuHCSr1pSu4zeTk1Dv2a c48 dc NOHao74RBcm48xct0pSvcrzXNMkY1JRia94P CXFwYohXdCaLhTsXkJ T41PxZv2Exo2ltEO1QaWYwujro ZKTjgahdzh1k18 - BdThemes

If you think you don´t need any further editing of your web pages with Elementor, just click on ´Customize´.

aYs7HgsO9XrgFqXurm64oZbrhZEqMpE5rC aez7RoMX37WUYWuu7V6kB16FW6S5oeA1ArSVZetKgPTEmq6eoc 8Rl Hq - BdThemes

From this page, you can make further changes like changing the website title name, logo, design of the menu items, or anything else.

Once you are done, hit the ´Publish´ button and go Live with your newly created WordPress website using Elementor.

NnCApcQVyNZTQqw2vRqYCf6Hr4o SG5eTDEA8uhJhY8Fwm0LQ0dnrn7u1Ur To0wXBsaz8bqwFu mGWzo GSpItdTJ N xHfwxvFairvGHThGfGA2MnyfpttT r2vNjw Ap27BVIJy8twEph956 FZo - BdThemes

Now It´s Time to Boost the Website to Reach your Potential Customers

As you have your own website in WordPress you can now make your online presence more effective by updating it with purposeful information. You can write blogs, provide updates about upcoming books, and even create effective landing pages to drive conversion to the site.

But for this, you will also need to utilize various Search Engine Optimization tools to optimize the site and its contents for search engines like Google. It will appear on your website to the potential customers, and let them know more about you.  

Moreover, for the blessing of effective SEO software, users don´t need to master the skills of optimizing their site for search engines. Users can get useful integration of these SEO software to their WordPress account and they will make sure your website maintains all the criteria as a helpful website. 

Let´s add an SEO plug-in to our website named ´Yoast´ which is a very popular and free SEO tool. So, go to the plug-ins page and click ´Add new´.

1J3CTF0Xq3vdtboIdEPtBoUanJa71O0ILEEcmtaMQdhKegFptzpPMXauAORcNxyNgpxdkYBH Na6uPz1zH9pCYgsAEyFwW9qakSDQGyN3fh7OJriGtTLy0QSR9jUfp TEeuQvEq3Yv O1lXBLWbn72Q - BdThemes

Install the plugin and activate it.

Frequently Asked Questions

Is Elementor free?

Yes.

Elementor is free for everyone and comes with all the necessary features one needs to build an entire website. Besides, it also offers various paid subscriptions, which users can utilize to build more complex websites. 

Is Elementor Good for SEO?

Elementor Page Builder is very good for SEO. It allows its users to improve their website´s on-page SEO without even leaving the editor. It also supports integration with various helpful SEO optimization plug-ins like Yoast SEO and RankMath which is a great time-saving and helpful opportunity. 

Can I use Elementor Pro to create websites for clients?

Yes, you can easily utilize the impactful features of Elementor Pro to build complex and strong websites for your clients. Its ´Expert´ and the ´Agency´ plan can allow you to create 25 to 1000 websites for your clients. 

Use Elementor to Build Your First WordPress Website

Now that you have a complete solution to all your questions about ´WordPress´ and ´Elementor,´ I believe this sequential guideline article can help you from Installing the Elementor builder to building an entire WordPress website on your own. 

Now that you have the answer to the question “How to use Elementor?” you can go live with your website in no time.

Share this post to your social media

advanced divider
Picture of Sumaiya Begum
Sumaiya Begum
Sumaiya is a tech storyteller and furry friend fanatic. Obsessed with writing tales about the ever-evolving tech universe, she's on a mission to demystify WordPress and no-code tools. Armed with a tech-savvy background, Sumaiya crafts content that grabs the spotlight on search engines and adds a dash of unique flair to readers' burning questions.

Leave a Reply

Over 300,000+ Readers
Get fresh content from Bdthemes
Subscribe tonewsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.

No spam messages. Only high-quality information that you deserve.

Explore OurProduct

Table of Contents

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge