We’ve written about Elementor, the popular WordPress page builder before, because it’s been a game-changer for web designers and developers alike. While many are familiar with its drag-and-drop interface, there’s a whole load of hidden features waiting to be explored.
Luckily for you, we’re going to unveil five of our favourite features that will make you rethink the way you use Elementor. Whether you’re a seasoned pro or just starting out, these Elementor features will help inspire your creativity and make building beautiful websites easier.
Reuse custom elements with Global Widget
The first feature we’d like to talk about is one of the handiest ones that we use across many of the websites we build, Global Widget. This feature is incredibly useful for web designers and developers because it lets you create a widget (like a section, column, or even an individual element) and then save it as a global widget to use across many pages. This means you can style something exactly how you’d like it, then simply open up your Templates folder on any other page, and drop it straight in!
Here’s how it works:
- First, design your widget within Elementor. This can include any combination of elements, content, and styling that you want to reuse across multiple pages or even on your entire website.
- Once you’re satisfied with the design, you have the option to save it as a global widget. To do this, click on the widget you want to save, and in the Elementor settings panel, click on the folder icon labelled “Save as Global.”
- You can give your global widget a name to help you identify it later.
- To use your global widget on different pages, you can simply drag and drop it from the Elementor library onto the new page. Any changes you make to this global widget will be reflected on all instances of it across your site.
- If you want to customise a specific instance of a global widget without affecting the others, you can unlink it. This allows you to make unique changes to a particular instance while keeping the global widget’s design consistent across the site.
The beauty of global widgets is that any change you make to the global widget is reflected across all instances of that widget throughout your website. For example, if you have a global widget that’s a header, and you decide to change the font style or logo in that header, it will automatically update on every page where that global widget is used. This feature ensures consistency in design and can save you a lot of time!
Keep things moving with Motion Effects
Next on our list is Elementor’s Motion Effects feature, a powerful tool that allows you to add animations and interactive effects to your web page elements without having to write a single line of code. These effects make your website more visually engaging, helping to capture your visitors’ attention and create a memorable user experience.