Skip to content

The Ultimate Guide to Using Elementor in WordPress for Beginners

Elementor

What is Elementor?

Elementor is a drag-and-drop WordPress page builder. Using a visual editor, this plugin allows you to create stunning pages. It’s made to let you easily create dynamic websites.

This WordPress plugin is an all-in-one solution that allows you to manage all aspect of your website’s design from a single location. With motion effects, numerous fonts, and upgraded background photos, you can tailor your website to meet your brand.

Why Should You Use Elementor?

Elementor can be used by a wide range of specialists on your team. If you’re not tech-savvy, the visual editor allows you to drag and drop any of the 90+ widgets, such as buttons, star ratings, and progress bars, to create content. With script optimization, configurable attributes, and rollback versions, WordPress remains a top-choice platform for developers.

What Kinds of Things Can You Make With Elementor?

Elementor is a versatile tool that can be used to create everything from complete websites to specialised landing pages. You may create custom forms, sales pages, and promotional pages. This platform can assist you in designing anything you can think.

Take a look at this Elementor-based restaurant website.

Price of Elementor

Elementor has several premium subscription plans as well as a free plan. The free version includes a drag-and-drop editor, 40+ basic widgets, and 30+ templates, as well as all the functionality you’ll need to build a great user experience on your site.

You can upgrade to the pro version if you want more sophisticated features like the ability to add forms and custom CSS. The following is the pricing structure:

  • For one site, the cost is $49 per year.
  • For three sites, the cost is $99 per year.
  • For 1,000 sites, it costs $199 per year.

Undecided? Elementor has put together a comprehensive, easy-to-read list of premium vs. free features.

What Is Elementor and How Do I Install It

Elementor is easy to install, just like other WordPress plugins. You can accomplish it in one of two ways.

Using Elementor.com to install
To get started, go to Elementor.com and select Get Started.
You’ll be asked if you have an active WordPress site because Elementor requires you to have one. If you do, select Yes to continue. If not, don’t worry! Elementor will guide you through the creation process. Note: For the purposes of this demonstration, we’ll select Yes.

After that, choose the Elementor plan you want to join. We’ll use the Free plan for this demonstration.

To ensure that your website is running on the WordPress platform, enter your domain into their checker.Enter your domain into their checker to see if your site is running on the WordPress platform.Log in to your website’s admin login page if you’re redirected there. You’ll be transported immediately to the Elementor plugin page if you’re already logged in. In the bottom right-hand corner, click Install Now.

You’ll then be taken to a page with a confirmation message. Activate the plugin by clicking the Activate Plugin button.Finished! You’re all set to use the Elementor page editor now.

Using the WordPress Dashboard to install

  • Click Plugins > Add New from your dashboard.
  • Enter Elementor in the search field and look for Elementor Page Builder.
  • Install Now should be selected. After you’ve completed the installation, click Activate.

You’ll be directed to a welcome page, and the page builder will be put to your sidebar instantly. This sidebar menu item, however, is solely for accessing Elementor’s back-end settings, not for modifying your pages.

Elementor in WordPress: How to Use It

You can take your design vision and make it a reality with Elementor. By allowing you to see each part as you design it, live editing makes the process much easier. Let’s take a closer look at the Elementor editor.

A Tour of the Elementor Editor in a Nutshell

Elementor has a user-friendly interface. As a result, you can pick up the essentials of the editor in just a few minutes.

Create a new page or post and then click Edit with Elementor to get started.You’ll see the Elementor page editor for the first time. This is how your page will appear:

The Elementor sidebar is on the left, and it contains all of the drag-and-drop capabilities you can use to construct your web page. Simply click, hold, and drag a widget to the location where the new module should be added.

Sections, Columns, and Widgets are the three primary components of the Elementor editor. The biggest building blocks are sections. Widgets are hosted within Columns, and you can add groups of Columns to Sections.

By highlighting Sections and Columns in a blue box, the editor will indicate where you can move a widget. It’s worth noting that widgets can’t be dragged into the navigation bar or heading.

The blue handle is used to control the Sections, Columns, and Widgets. To alter the blocks, simply right-click the handle.

You’ll be able to move a widget into a fresh, empty place if you scroll to the bottom of the page.

To modify your pages, you can look for certain widgets. Explore more advanced features, such as animated headlines and testimonial carousels, or go back to basics with a heading or an image gallery.

You may set the default colours and fonts for your pages in the Site Settings menu. Elementor also allows you to customise global settings for your entire website.

Elementor has a Revision History component built in. You can track your changes under the Actions tab, moving back and forth between each activity. You can move between your versions and revert to any previous version under the Revisions tab.

How to Create Your First Elementor Page

Elementor distinguishes out from the competition because of its simplicity. Build your first page in the platform and see for yourself – no coding knowledge required.

  • To get started, go to your WordPress dashboard.
  • To add a new page, go to Pages, then Add New.
  • To use the page builder, go to Edit using Elementor.
  • When Elementor loads, it will appear like this:
  • Add a Heading, Text Editor, and Image widget after that.
  • You’ll be able to customise each widget to your heart’s content once you’ve dragged it into place. Simply press the green Publish button, and you’re done! You’ve completed your first Elementor page.

You can preview and then publish your page once you’ve finished designing it. Here’s how you can do it:

  • Navigate to the left-hand panel of the Elementor editor.
  • Click the eye icon to see a preview of your page.
  • Click the green Publish button to start publishing.