Designer Powerup for Elementor Review

This site may contain affiliate links, which means I may receive a commission for any purchases made through those links, at no extra cost to you. It's probably enough to buy me a lunch or two, but not enough for a couple of goats, which is disappointing, because goats are adorable. More info here.
Designer Powerup for Elementor

Although I normally use the default WordPress editor to write my blog posts, I am choosing to use Elementor for this particular post because I want to test out a new 3rd-party Elementor addon called Designer Powerup for Elementor

Designer Powerup currently has 11 main features, but there are only a few that really intrigue me, so the main focus of this review will be on those. So let’s dive in.

The Layout Grid

If you’ve ever wanted to design pixel-perfect layouts, ensuring that every button and widget lines up exactly where other elements line up, then you’ll love the layout grid feature. It’s pretty simple, really. You can apply a colored grid behind your content (in the editor only of course), that gives you a guide to make sure all your elements are placed exactly where you want them to be.

Now honestly, this seemed like a really great idea – and it is, in some circumstances – but I quickly realized that it is not something I really need. I can certainly see how it would be useful in some situations when wanting to place an element (like a button) somewhere besides left, right, or center aligned in a column, and then ALSO needing to line up other elements at that same horizontal point elsewhere on the page. But it didn’t take very long for me to realize that I almost never need to do that. I suppose such a need might present itself sometime in the future, but for everyday work, I doubt I’ll ever turn the layout grid on. 

If you want to use it and need to know where to set this up, just click the Page or Post Settings gear icon in the lower left of the widget panel, and go to the Style tab from there. Just set the Grid settings to Show, and you’ll then be able to adjust the various grid options, including  the max width, offset, number of columns, gutter width, and grid color. Here’s what that looks like with the settings I chose.

Designer Powerup for Elementor Review 1

If this is something you’ll make use of, I think you will love it. It’s not terribly useful for me, but I can definitely see how it would benefit others.

Usefulness

3/5

Ease of Use and Options

5/5

Overall Rating

4/5

Quick Spacers

Quick Spacers is a name that initially confused me, as I was imagining something more like Elementor’s Spacer widget. But that’s not what Quick Spacers is all about, and it’s actual functionality ROCKS. Quick spacers have several related functions that really improve the current margins/paddings settings that you are used to using with Elementor. Let’s discuss them one at a time.

Drag to change margins and paddings

quick spacer drag

You can see in the gif above that since I have a margin on the section shown, hovering over the section shows me a blue area with a darker blue highlighted number. This number is the amount of margin applied to the bottom of that section. And you can see that by dragging the blue area, I can adjust the margin, seeing the amount change as I drag. This is a really nice way to adjust margins (and padding too) without going to the Advanced tab and changing a number. This is a quick visual way to adjust the spacing. Now I understand the name of the feature, “quick spacers”. 

And yes, I noticed that the gif above shows a misspelling of the word “Usefulness”. I decided not to redo the gif because hey, I’m human, and well, get over it. 🙂

Instantly Know If Margins or Padding Have Been Applied Or Not

Just by hovering, you can instantly see if margins or paddings have been applied to the element. If nothing changes, and you don’t see any highlighted numbers, you know there aren’t any special margins or paddings on the element. If you see a number and a colored area, as in the gif above, you instantly know that element is not using default margins and/or padding. This can be super helpful when troubleshooting!

Quick Spacer Keyboard Shortcuts

  • Changing all sides at once: While dragging the spacer, hold the ‘Shift’ key.
  • Changing opposite sides together: Press the ‘Alt/Option’ key while dragging the spacer.
  • Clearing all spacing at once: Hold the ‘Ctrl/Cmd’ key while dragging the spacer.

Things To Note

  • Disabling the addon won’t affect spacing set using the Quick Spacers.
  • It’s not enabled for Columns. That is because of no default gap between the sections and the columns
  • Quick Spacers doesn’t support negative margins.
The last two notes make this feature slightly less useful than I would wish it to be, but otherwise I really dig this feature.

Usefulness

4.5/5

Ease of Use and Options

4.5/5

Overall Rating

4.5/5

Lots Of New Shape Dividers

There’s not much to say about this except it makes me happy to have more choices in shape dividers. Some are very similar to the current Elementor offerings, but others are quite different and very nice. Obviously, you can see I’ve used one of them between plugin features in this post.

Usefulness

4/5

Ease of Use and Options

5/5

Overall Rating

4.5/5

Blob Generator

Blobs are a hot trend in web design right now, and this makes it super easy to create them. The developers mention that:

“No JavaScript library or code is added on the front-end for these blobs. All the magic happens in the backend when creating the blob where the widget automatically generates valid SVG in real-time and saves it to the post. After that, it’s just a normal HTML element like any other.

That’s pretty cool.

So let’s make a blob, shall we?

The blob generator is a widget that you drag onto the page as you would any other widget. Adjust a few sliders, specify where to place the blob using Absolute Positioning, and you’re all done.

Now, actually, the settings just give you general parameters, but clicking the Generate Blob button creates a random blob based on those parameters. Click the button as many times as you want to regenerate different shapes. That’s cool, but keep in mind that you can’t draw the exact shape you might want. This is random, within some defined parameters.

You can see the blob I generated to the left here. I clicked the button about 20 times until I decided this ghost-like blob was one I liked.

Below is a screenshot of the options for the widget.

Designer Powerup for Elementor Review 2

Usefulness

3/5

Ease of Use and Options

4/5

Overall Rating

3.5/5

Other Features of Designer Powerup

As I mentioned, there are other features that are quite nice but I’m less enthused about them, so I’ll let you check them out on your own. They include:

All in all, I think Designer Powerup for Elementor is a solid addon for Elementor, and Pixify hasn’t overpriced it, which is a welcome relief. I’ve seen so many addons lately that cost more than Elementor does! That’s insane. But Pixify keeps this at a price point that makes sense, so kudos to them. At the time of this review, the prices are $19/year for one site, $39/year for 10 sites, and $69/year for 100 sites.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest