Get fresh WordPress Content delivered in your inbox with warpspeed!

learn wordpress wplift wordpress rocket

Back in June 2016, I reviewed the free version of Elementor. Back then, that was all there was. Now, there’s Elementor Pro.

And with Elementor Pro, you get a ton of powerful features to help you both:

  • Create beautiful pages.
  • Save time while you create those beautiful pages.

So, given that I’ve already spent some time telling you why Elementor is perfect for marketers, I’d like to take this post to dig into some of the best features of Elementor Pro. Because with Elementor Pro, you’re getting a package of features that is truly unique.

Forms - Visually Create Forms Right In The Elementor Interface

You know how most page builders make you add a contact form to your page? With a shortcode from your contact form plugin. Sure, there may be some exceptions. But for the most part, that’s how things work in my experience.

And that means if you want to tweak how your contact form looks to make it look like the rest of your page, you better have a quick alt-tab finger because you’re gonna be bouncing back and forth until things look just right!

That’s not the case with Elementor Pro. With Elementor Pro, you get an actual Form element that you can use to create contact forms (or other types of forms as well).

That means all you need to do is drag the element into your page. Then, you can quickly edit your Form Fields and Submit Button text:

elementor pro features

And a little further down, you can also customize the notification emails that you will receive when someone submits the form, as well as what happens after a user submits the form.

And here’s the really cool feature:

You can input a Zapier webhook URL right in the form builder. What does that mean?

It means you can do all kinds of things like:

  • Adding people to your email newsletter (that is, an opt-in form).
  • Automatically creating a Google calendar appointment when someone submits your form.
  • Receiving new Slack notifications when someone submits a form.
  • Anything else Zapier webhooks can do!

But what about styling? All you need to do is hop over a tab and you can easily style your form, fields, and button:

And if you want to get even more advanced, you can pop over to the aptly named Advanced tab and add animations, margins/padding, responsive design settings, and more.

The form element is definitely one of my favorite features of Elementor Pro. But it’s not the only nifty thing that you can do.

Posts & Portfolio - Create Beautiful Post Grids from Posts or Custom Post Types

The Posts and Portfolio elements allow you to do a few nifty things. But two of the biggest are:

  • Design your entire blog interface, including pagination, in a visual builder.
  • Showcase portfolio pieces in the most effective way possible.

For this example, I threw Elementor Pro onto one of my real sites so that you can see how this works with real blog posts.

To get started, all you need to do is drag over the Posts element. And bam! You’ve got a blog grid:

But what if you don’t like how things look? Let’s say you want to change it to 4 columns and make the images smaller. Oh, and let’s make it a masonry grid instead. Just a few clicks and…

And you can even go further with your grids by:

  • Filtering posts by category, tag, or author.
  • Adding pagination
  • Grabbing pages or custom post types instead of posts

And, of course, you get access to all of the normal ways in which you can manipulate elements. That means you can customize styling, responsive behavior, positioning, and more.

Global Widgets - Edit Once, Have it Update Across Your Site

If you’re building out a full website, you’re probably going to encounter a situation where you have one piece of content that you want to use across multiple pages. It could be a call to action, a testimonial, you name it.

So what do you do? Do you have to go back to every single page where that element appears and update each one individually? Not with Elementor Pro.

See, Elementor Pro lets you save elements as Global Widgets. With a global widget, all you need to do is update it once and that change is pushed out to every single page where that global widget appears.

How does it work? Ok, let’s say I have this little call to action button that I want to put at the end of my posts:

Maybe it’s not quite conversion optimized yet, but you get the point! To save it as a global widget, all I need to do is hover over it and click the Save button:

I get an option to give my global widget a name. And that’s it! Now, whenever I hover over the widget, it will be marked with a yellow to let me know it’s a global widget:

Now, I can use that widget wherever I want. And I just need to update the global widget to change how it appears on every single page.

Embed Anywhere - Add Elementor Designs to Sidebars, Footers, and More!

Page builders build pages, right? I mean, that’s the name! But what about the other areas of your site. What if you want to add beautiful designs in your sidebars and footers, too?

That’s where Elementor Pro’s Embed Anywhere feature comes in.

For every saved layout in your library, Elementor Pro gives you two things:

  • A widget
  • A shortcode

So if you want to quickly add an Elementor layout to your sidebar, all you need to do is select your saved design from the Elementor Template Widget:

Or, if you want to add a template in a non-widgetized area, you can go to your Elementor Library and grab a shortcode:

Flip Box - An Eye-Catching Content Element

Flip Boxes are an eye-catching hover effect that you can add to your page designs using Elementor Pro. The effect is hard to capture with screenshots (you’ll see why!), so I’m going to embed a video from Elementor instead:

Basically, the box shows one thing when your visitor first lands on the page and another when your visitor hovers their mouse over the box.

They’re super easy to set up. All you do is choose the:

  • Front of the flip box
  • Back of the flip box
  • Flip effects and animations

And then you’ve got an eye-catching new design element!

Build Your WooCommerce Store With Elementor Pro

If you’re using WooCommerce, you’ll love the powerful WooCommerce elements that come with Elementor Pro. With them, you can build out beautiful custom product pages using all of the other Elementor elements and functionality.

Once you have Elementor Pro and WooCommerce activated, you’ll see four new elements:

  • Woo - Products - Lets you create product grids from all your WooCommerce products
  • Woo - Add to Cart - Lets you add an Add to Cart button for an individual product
  • Woo - Elements - Lets you add a shopping cart page, single product page, checkout page, or my account page as an element in a bigger page.
  • Woo - Categories - Lets you create display grids for your categories, instead of individual products.

So with these elements, you can:

  • Design a beautiful homepage for your store.
  • Customize individual product pages with the Add to Cart button
  • Customize all of your “process” based pages like checkout, shopping cart, etc.

Wrapping Things Up

I’m a big fan of Elementor Pro because the Elementor team isn’t just pushing out “me too” features. You can tell they’re creating a truly unique product, rather than just another page builder.

Sure, other page builders offer some of these features. But I’m not aware of any other page builder that gives you all of them.

And for that reason, Elementor is the page builder I’m using on all of my new websites. And I think you should do the same.

Go to Elementor Pro

Or, if you just want to try out the Elementor interface, you can give the free version a shot. Just remember that all of the features I discussed in this post are only available in the Pro version.

Published:

Last updated on:

Colin Newcomer is a freelance writer and long-time Internet marketer. He specializes in digital marketing, WordPress and B2B writing. He lives a life of danger, riding a scooter through the chaos of Hanoi. You can also follow his travel blog.

4 thoughts on “Elementor Pro – The Ultimate Design Tool for WordPress

  1. I’ve heard that Elementor Pro also does menu layouts. Is it true and how complex can it get. Meaning ex:

    Sm Med Lg Sm Med Lg
    Filet of Sole 9.95 12.95 18.95 Filet of Sole 9.95 12.95 18.95

    Can it layout like the above…

    • It didn’t layout right. I would like it to have two/three main columns with smaller columns for pricing and with small medium and large so the pricing would be under the sizes and justified…
      Can that be done. What are the limitations?

Comments are closed.

Join 40,000 WordPress Astronauts
AND GET OUR LATEST CONTENT IN YOUR INBOX WITH WARPSPEED

We will never spam you.
close-link
siteground coupon
Get 60% Off the No. 1 WordPress Hosting!