Elementor Pro WordPress Plugin Version 2.7.3
Elementor Pro WordPress Plugin drag-drop run time show design page builder that has taken WordPress web design. This means a couple of things:
- Elementor lets you create original-looking posts and pages that are completely unique compared to the standard post/page templates that come with your WordPress theme.
- You get a 100% separate interface to work on your posts and pages – the bulk of your work doesn’t happen in the standard block editor that comes with WordPress.
- It doesn’t require any HTML / CSS / PHP / coding skills from the user.
- It works on the front end of your website, meaning that it shows you the outcomes of your work right away in a genuine “what-you-see-is-what-you-get” manner.
- You can use it to develop any design of your website page.
And, most importantly, it works with all WordPress themes, so you can keep your current design and still get all the goodies that Elementor comes with.
Putting it all together, the main benefit of using Elementor is that you can create impressive page layouts/designs, even if you’re not a professional nor have any experience with site-building. This is especially important if you’re on a tight budget and don’t want to hire anyone to help you with the site. At the time of writing, more than three million(!) WordPress websites have Elementor Pro installed and active. That’s a staggering number, and it just goes to show that Elementor has truly taken the web by storm.
Let’s have a look into some of the most interesting features of Elementor’s one by one:
Features and Benefits
Out of the box, Elementor comes equipped with a handful of useful elements (no pun intended):
- There are more than 90+ content elements/modules to choose from – images, headings, buttons, carousels, counters, progress bars, testimonials, and more.
- Most things work with drag-and-drop – you can take any element and move it to a new spot simply by dragging it across the screen.
- There’s a library of pre-made page templates that can be imported and modified. At the time of writing, there are 150+ free and 300+ pro templates available. Additionally, you can save your own templates.
- If you’re on the Pro version of Elementor, you can use the Theme Builder feature, which allows you to modify your theme’s core elements such as the header, footer, single post template, or your blog archives.
- It’s similar to Theme Builder, but this one allows you to redo all your default WooCommerce pages such as your single product page or product archive.
As I mentioned earlier in this Elementor review, the core functionality of the plugin is to allow you to build, tweak, and adjust your pages freely – and then see the outcome of that in real-time. That live preview feature means that you don’t have to wonder what your page is going to look like when published (which is the standard scenario with native WordPress pages that are highly theme-dependent). So, what can you do exactly? First, Elementor allows you to take advantage of many content elements/modules (more than 90 of them), which you can place anywhere on the page. Plus, you can then rearrange those elements with the aforementioned drag-and-drop support.
The content elements available include things like headlines, images, text paragraphs, videos, buttons, dividers, spacers, icons, image galleries and carousels, counters, testimonials, social media icons, shortcodes, and a lot more. Also, you get to use whatever widgets you already have on your WordPress site.
Apart from that, Elementor gives you access to display settings. This is where you can change the backgrounds, margins and padding values, default colors, fonts, and so on. On top of that, there’s full revision history, meaning that you can revert to a previous version of the page (in case you messed something up and don’t know how to fix it). Last, but certainly not least, Elementor gives you full control over what your page looks like on desktop, tablet, and mobile.
Using those small toggles, you can switch back and forth between devices, and adjust the fine details to make the page look great everywhere.
Now, about the Elementor Pro WordPress Plugin.
- 50+ additional content elements/modules
- 300+ additional page templates
- Theme Builder (the module where you can change the headers and footers of your current theme)
- WooCommerce Builder (the module that allows you do rebuild your WooCommerce product pages)
- Popup Builder (a module where you can build pop-ups and have them integrated with either an opt-in form or some special offer/discount)
- you can create Global Widgets and then reuse them throughout the site
add custom CSS to any Elementor block
- deploy Elementor elements in sidebars and widgets
Using Elementor Pro Plugin
Let’s enter the more practical section of our Elementor review. Here’s how to get started with Elementor:
Under the hood, Elementor Pro WordPress Plugin – albeit, a slightly more advanced one. To get it working, you’ll first need to install and activate it. After that, there’s a settings panel that you can visit if you want to, but that’s not mandatory. You can head straight to your WordPress pages and create a new one. Right away, you’ll see the option to “Edit with Elementor”:
After clicking on this main button, you’re going to see the Elementor user interface. Here’s what’s what:
- The main canvas. This is where you can put your content blocks and adjust them.
- The content elements that are available.
- This is where you can access the settings of Elementor’s (colors, fonts, etc.).
- This is how you come back to view the content elements.
- The global settings of the page you’re working on.
- The revision history of the page.
- Switch device (desktop, tablet, mobile).
- Preview changes.
- Publish the page.
To build a basic page with Elementor, you first need to understand the page structure hierarchy that it uses:
- A page can have any number of sections in it.
- Each section can have one or more columns.
- Each column containone or more elements.
- Lastly, each element can be styled one by one.
So, we have: Page URL -> Page Sections -> Columns -> Content Section → Styling
Within that new section, you can add new columns, and then populate these columns with content by simply dragging and dropping specific blocks from the sidebar. And, of course, you can rearrange sections with drag-and-drop as well. Once you have a content block in place, you can click on it to adjust the fine details of what’s in it, as well as its presentation. The main tabs of Elementor are available for that: Content, Style, and Advanced.
All these design capabilities of Elementor’s are very impressive, but what if you don’t have a design muscle in your body? Then you can use one of Elementor’s many pre-made templates. There are 150+ templates available in the free version and 300+ more in the Pro. If that’s not enough, you also get what’s called Elementor Kits – collections of templates that all follow the same design aesthetic and allow you to craft a whole, consistent website.
The library contains all types of common pages for different purposes. You’ll find a nice selection of pages, contact pages, homepages, landing pages (also for various niches, like a hotel, restaurant, etc.), portfolios, team pages, and many more.
Lastly, you can save any of your own pages as templates and then either reuse them on another page or share them with the community publicly on the web.