Elementor Review — WordPress-based Website Builder. Does It Match the Expectations?

I’ll be the first to admit that when my editor asked me to write this review of Elementor, I wasn’t exactly thrilled about the prospect. In the past, I used a wide variety of free WordPress builders, but I was never able to commit to using any of them for more than a few weeks at a time. As a web designer, I always had the impression that they were putting restrictions on my abilities.

Even though I’d heard that Elementor was a fantastic page and site builder for WordPress, I still didn’t believe it. In all honesty, how good could it possibly be? After having worked with it for a few weeks, I can honestly say that it exceeds my expectations in terms of quality. In fact, much better than I had anticipated.

Continue reading to find out what brought about my about-face and why I’ve decided to give Elementor another shot for the long haul.

Elementor: What Is It?

Elementor — WordPress-based website builder

The Elementor website builder plugin for WordPress is available free of charge. It basically provides you with a drag-and-drop interface for WordPress, which makes your work process comparable to that which you get with well-known website builders such as Wix or Squarespace.

You have the option of using a template that has already been created, or you can build your own feature-rich website with elements that you can position wherever you like without needing to know how to code.

Once you install Elementor:

  • You are able to generate new pages or an entirely new website with any design, structure, or functionality that you require. You are not restricted to the features that your currently active WordPress theme provides.
  • You are able to keep using the theme you are currently using because Elementor is compatible with all WordPress themes (as long as you have Version 5.0 or higher of WordPress).
  • You will be given access to a completely different editor that is significantly easier to use. You won’t need to use the default editing interface that comes with WordPress.
  • Because you will be editing your pages or website from the front end, this means that you will see exactly what your visitors see in their browser. You will no longer be required to continually save drafts and preview your work.

There are certainly other builders available that provide functionalities that are comparable to those of Wix, but they typically come with one or more significant drawbacks. Either they provide fantastic editing features but do not provide a free plan, or they provide a free plan but provide a significantly reduced number of templates that do not appear to be of comparable quality.

You will feel more independent after using Elementor, and this is true in more ways than one. Let’s take a more in-depth look at the capabilities it grants you.

More than 300 Pre-Made Templates

The templates that Elementor provides meet my standards as a professional designer, so I recommend using them! They make it simple for you to create stunning websites that look like they were designed by professionals, even if you don’t have a good eye for design. There are two different kinds of templates: long-form page templates, which are referred to as Pages, and shorter, individual elements (called Blocks).

Use pre-designed Pages

The easiest way to get started with Elementor is to use a pre-designed template. Elementor has 150+, with around 40 of them available for free. 

Annoyingly, you can’t filter by “free” and instead have to check manually for the small “Pro” tag in the corner of each template.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 2

You have the option of selecting Pages from the same family if you want to create multiple pages with different layouts while maintaining a consistent look. These are referred to as “kits” within Elementor; however, there is no way to search for “kits” within the actual library. Instead, search for templates that have the same name but a different last letter, such as Travel or Digital Agency. For instance, the Travel kit contains seven pages that complement one another very well, and these pages include About, Gallery, and Frequently Asked Questions.

You can add even more variety to your website by importing page templates from third-party vendors such as ThemeForest into Elementor.

You don’t even need to use a template in order to build your page from scratch; this is an option if you want complete control over the design of your site.

The Elementor templates you use will be inserted into the body of your page by default. This means that the header, footer, and sidebar components of your theme will continue to be displayed. This combination might not look right depending on the theme you’re using and the particular template you’re working with, though.

Go to the Settings menu, and then change the Page Layout setting to “Elementor Canvas.” This will remove all of these elements, allowing you to begin with a completely blank slate.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 4

Using a Block

You are able to use templates not only for full-length Pages, but also for smaller, individual components that are referred to as Blocks.

Elementor comes with over 200 pre-made Blocks that can be used for a variety of purposes, including portfolios, pricing tables, testimonials, and “meet the team” layouts.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 6

Some content blocks, like templates, are free, while “Pro” Blocks are not.

You can make your own templates if you intend to reuse the same elements on various pages.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 8

Additionally, you have the ability to export your templates and utilize them on additional WordPress websites. If you build websites for clients, you will find this feature to be particularly useful.

Drag a Widget

Widgets, as opposed to Blocks, are smaller and more contained elements like text, images, titles, and maps. Widgets can be placed inside of Blocks. You are free to drop an unlimited number of widgets onto any page you choose.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 10

You can insert WordPress’s native widgets from the same toolbar on the left as the Elementor widgets, and Elementor offers a total of 30 widgets that can be used without cost (with an additional 50+ available for purchase). If your WordPress theme is flexible enough, you might be able to get the look and functionality you want by using only free widgets from Elementor and WordPress. This, of course, depends on how flexible your theme is.

Make use of the Drag and Drop Editor

After you have selected a template and included all of the content blocks and widgets that you desire, you can use the editor to make local edits to any element on the page by clicking into it and then selecting the element from the drop-down menu that appears.

Because Elementor is a WYSIWYG tool, which stands for “What You See Is What You Get,” you won’t need to click the Preview button or switch modes in order to view the results of your edits. You’ll be able to see the modifications as you make them, but site visitors won’t be able to see them until you click the Publish button.

Maintenance Mode

In the event that you are in the process of developing or updating your website, the in-built maintenance mode of Elementor enables you to display a temporary page and automatically sets the appropriate HTTP status code for you. You can access this option through the dashboard of your WordPress site.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 12

You won’t have to worry about inadvertently publishing changes to the site before it is ready if you make them while the site is in Maintenance Mode. Your temporary splash page can be created using any one of more than ten different Elementor templates.

When you are editing, you will use the toolbar on the left to make fine adjustments to the color, font, spacing, and layout, among other things:

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 14

The fact that the drag-and-drop editor in Elementor provides extremely granular control over each and every element is one of my absolute favorite features of that editor. You have access to almost infinite customization options for the content blocks, widgets, text, images, columns, and dividers on your website.

Don’t miss out on some really interesting options by skipping the tab labeled “Advanced” (shown below):

  • Determine the precise margins and padding using either pixels or percentages.
  • You can give elements their own unique widths and set their positions on the page to be fixed.
  • Put the widgets, text, or images where you want them within the columns.
  • Modify the column’s width as well as the gap between them.
  • Include more sophisticated motion and hover effects.
Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 16

The following are some additional features that I found to be particularly helpful:

  • When you perform a right-click in the top-right corner of any element, you will see a menu with all of the available editing options.
  • It only takes one click to replicate entire content blocks.
  • By pressing Ctrl+Z and Shift+Ctrl+Z (or Cmd+Z and Shift+Cmd+Z on a Mac), you can quickly undo or redo any changes you’ve made.

The display of text in languages written from right to left (RTL) is supported by Elementor, and it is compatible with translation plugins such as WPML and Polylang (for languages that read that way, like Arabic).

If you are working on a page that is very long or complex on your website (particularly one that has elements within elements within elements), it can become difficult to find the specific pieces that you want to edit, or even to understand how the multi-layered elements sit within each other. This is especially true if the page has elements within elements within elements.

You can expect the Navigator feature to quickly become your new closest confidant. Simply right-click on any element, and then select Navigator from the context menu. This will automatically bring up the editing bar and locate the element you just clicked on within the context of the rest of your site.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 18

Changes to Your Website’s Mobile Version

While it’s true that all of the Elementor templates are mobile-responsive out of the box, Elementor’s primary focus is on giving you complete control over your designs. With the help of the Mobile Editing feature, you’ll be able to customize the way that your website appears on mobile devices like smartphones and tablets.

You are able to change the settings to show or hide elements, alter the column order and settings, and change the margins based on the size of the screen. To ensure that the text on your website is always easily readable, you can even customize the size of the font to correspond with the particular device being used.

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 20

If you build your website from the ground up without starting with a template, it won’t be mobile-responsive; however, you can use the Mobile Editing feature to develop a distinct mobile version of your website.

If you want to make changes to the mobile versions of your site, you can do so without having to be in the mobile editor. To hide or show an element on a different display, you can do so from the regular desktop editor by clicking on the Advanced tab of the element in question.

Pressure-Free Page Building: Version History

There are times when using one, two, or even three undos is not sufficient to reverse a catastrophic design error. It’s alright, we all make mistakes from time to time.

In this regard, the History panel will be of assistance. You have the option of viewing individual changes under the Actions tab or viewing entire versions of previously saved pages under the Revisions tab when you access this panel. To revert back to an earlier version of your page, simply click the button labeled “Revert.”

Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 22

Your laborious work is never lost when you use the Revisions panel in conjunction with Elementor’s auto-save feature.

Nobody’s Perfect. The Drawbacks of Using Elementor

You’ve probably figured out by now that Elementor is one of my favorite plugins to use. However, there are still a few things that you need to be aware of, and those are the following:

  • You are permitted to make an almost unlimited number of changes to each page, but unless you upgrade to a premium plan, you will not be able to set many global (site-wide) styles. Because of this, it may be difficult for free users to achieve a uniform appearance across different pages.
  • The editor, despite its incredible speed and awesomeness, often has some bugs that need to be fixed. If it gets stuck, you may need to force a refresh or leave the editor and then come back to it later.
Elementor Review — Wordpress-based Website Builder. Does It Match the Expectations? — 24

What You Will Get for Free

The free plan of Elementor stands out due to its extensive feature set. The free version is more than adequate for a good number of personal websites and even some business websites. You have the ability to construct individualized websites and web pages equipped with all of the fundamental functionalities and the majority of the aesthetically pleasing design features.

Elementor’s unrestricted version comes with:

  • Complete utilization of the builder platform, including but not limited to live editing, mobile editing, version history, and so on.
  • 30+ image, text box, map, audio file, and other widgets.
  • 40+ Page templates (including royalty-free stock photos).
  • 100+ Block templates for FAQs, features, testimonials, “meet the team,” and many other things.

What You’ll Receive if You Spend

Elementor Pro offers its users a choice between three different paid subscription tiers. The number of sites that you are licensed for is the only factor that differentiates the Personal, Plus, and Expert plans from one another.

The following is a list of some of the most appealing aspects of Elementor Pro:

  • 300+ premium templates
  • 100+ high-quality Block templates, premium
  • Widgets that are global allow you to reuse them across multiple pages of your website. In the event that you need to make a modification to your widget, all you need to do is edit it once. It will be updated in an automated fashion on each and every page.
  • Using the footers, headers, and other templates provided by Elementor, you can build your own theme from scratch.
  • The WooCommerce Builder gives you the ability to set up an online store by utilizing 18 different WooCommerce widgets.
  • Front-end builder for forms and pop-ups, with integration with MailChimp included.
  • Get access to the CSS code for your site.
  • 24/7 Premium customer support — you can give Elementor representatives access to your dashboard to resolve problems and receive priority support for help tickets.

You can get licensing for three websites if you upgrade to the Plus plan, which gives you that option if you own multiple businesses or build websites for clients. The Expert plan, on the other hand, offers you incredible value for the money that you spend. It is twice as expensive as the Plus plan, but the annual cost is still quite reasonable, and you get licensing for an unlimited number of websites with this purchase.

A thirty-day, full-service money-back guarantee is included with each and every paid plan.

Will Elementor Live Up to the Hype, then?

The quick response is… Yes, it does. This plugin is exactly what you need if you want complete control over the appearance of your WordPress site without having to wade through its source code. Elementor makes the process of designing your website so straightforward and user-friendly that there’s really no excuse not to use it, even if you have the technical expertise to write all of the code on your own.

Even though Elementor’s free plan gives you access to almost all of the program’s features, I would advise you to upgrade to one of the paid plans if you are developing websites for clients or if your website is the primary asset of your company. The relatively low initial investment is justified due to the availability of features such as the ability to create your own theme as well as global widgets.

FAQ

Techexplains Team

Techexplains Team

We are a team of digital marketing experts with years of experience in website builders. CRM tools, project management software helping businesses of all sizes achieve their marketing goals. We are writing about benefits of using SaaS for businesses, and sharing our top picks for the best tools currently available on the market. Whether you are a small business owner looking to streamline your marketing efforts or a larger enterprise seeking to improve your marketing efficiency, we hope that you will find this useful and informative.