Web Design

What Is Elementor? Plus, Plugins That Will Take It to the Next Level

Elementor is a plugin that’s great for people who want to build a website in a way that’s more visual than technical. Here’s how it works, and here are the plugins that will make it soar.

Portrait for Dom Hennequin By Dom Hennequin
Posted 15 Jan 2018
What is Elementor

Elementor is a page builder plugin that’s a great option for people who aren’t that technical when it comes to putting together a website.

If you’re someone who is capable of searching for and choosing a theme to download on ThemeForest, but is more visual than technical when it comes to putting it together, this will be a great option for you.

Its drag-and-drop nature makes it easy to arrange pages exactly how you want them, without the need to use code, HTML, CSS or shortcode.

And, as you make changes, you get to see how they will render, live on your screen.

How Elementor Works

Firstly, what makes Elementor special is its versatility and easy UI.

Whether you want to stick to the conventions of your web theme or completely depart from them, you’ll find that Elementor makes it effortless to do both.

When starting a new page or post, you have the ability to stick with your default theme, or start with a blank canvas.

As you begin editing with Elementor, you’ll come to find everything you need is contained in the sidebar to the left of your screen, with a live preview of how those changes will render on the right.

The sidebar is populated by Widgets which you then drag into the preview side of the screen to create Sections, which is what each row of content populating your screen is referred to as.  

Each Section can be arranged into columns, and the widgets your drag in fill them up with your preferred type of content, be it text, photos, videos or more.

To fill your placeholder widget with your actual content, you will turn to the Content tab in the sidebar. The intuitive UI makes it obvious as to where to add your text, photos or videos.

To control the look and feel of the Section or Widget, you’ll switch to the Style tab in the sidebar. This gives you options for Text, Typography, Spacing and more.

And then, finally, to control the rest of the section’s look and feel, you’ll switch to the Advanced tab in the sidebar. This gives you options for Margin spacing, Padding, Animation, Background, Border, and more.

By simply dragging and dropping from the Widgets section, adding your content in the Content section, and customizing the look and feel in the Style and Advanced sections, you’ll be creating impressive posts and pages on your website in no time.

Elementor Features

Here’s a quick look at some of the best features of Elementor.

Elementor Canvas

If you want to create a page or post completely from scratch, breaking from your current web theme, Elementor Canvas allows you to do this. It can even remove the default header and footer if you want to give the page or post its own identity, head to toe. And, it works with any theme.

Full-width pages

Say you’re wanting to build a special landing page, or feature blog post, and you want it to have a look and feel of its own, with no distractions, this is the way to do it. Full-width pages are pages that, as you may guess, take up the full width of a user’s window. Usually most page builders can do this, but will require you to use the vendor’s theme. Not so with Elementor. You can control the entire look and feel, not matter what theme you’re using.

Revision History

This files each revision you make whenever you press the ‘Save’ button. But, it keeps all your old revisions without overwriting them, meaning you can revert to an earlier one at any time. It’s a full history backup.

Flip Box

The Flip Box widget allows you to add boxes with, say, pricing information, or steps of a process that animate (or flip) when a user hovers over them. It’s a great way to make your site feel more interactive, and engage the user.

Gradient Effect

This feature makes it easy to add gradient backgrounds to sections of your page or post.

Shape Divider

This allows you to break from traditional box restrictions and section off parts of your post or page in a creative way.

Share Buttons

A really easy way to add social share buttons to your post or page, and fully control the look, feel and function of them.

Media Carousel

Showcase your images and videos easily with the Media Carousel, which showcases Elementor’s emphasis of visual content.

Nav Menu

An easy way to create professional looking menus quickly.

Testimonial Carousel

Display reviews from customers in a visually compelling way with a pre-build, but totally customizable Testimonial Carousel.

Integrations

Elementor now integrates with a bunch of popular email and CRM services, making it easy to get more conversions from your campaigns.

Form Widget

Create forms that users can fill out right on your page without needing to leave it.

WooCommerce Widget

Showcase products from your WooCommerce store in a variety of way using this widget and its advanced filters.

Elementor Plugins

The Boosted Elements plugin adds additional page builder elements to Elementor. With must-have elements like sliders, maps, pricing tables, popups & more, adding this to this versatile page builder will only give you more flexibility.

  • Drag & Drop Page Builder: No need for shortcodes. Easily edit and manage your pages with a frontend page builder.
  • Premium Slider: Enhance the built-in slider element with this feature that will allow you to build premium slideshows.
  • Pre-built Templates: Use these already created templates to get your site up and running, quickly.

Search Engine Optimized: This plugin is optimized for SEO and works with all of the top SEO plugins.