Elementor offers several ways to save you time in creating a page. In addition to templates, you can also create Global Widgets. Wait, what is a Global Widget?
When creating a page with Elementor, you add several widgets (some users call them design elements). And of course, you also edit each widget to tailor it with your needs and desire. Elementor allows you to save the edited widget and reuse it on other pages within your website. This edited widget is called a Global Widget.
Let’s say you have edited a Form widget and really love its design. You want to use this form on other pages within your site. By saving it as a Global Widget, you will be able to reuse your beloved form on other pages by simply drag your new widget to any page.
The best thing about Global Widget is that not only you can use it Elementor-powered pages, but also regular pages and posts you create with the native WordPress editor.
Note: Global Widget is only available on Elementor Pro
How to use Global Widget in Elementor
Create a Global Widget
Before being able to use a Global Widget, you definitely need to create one first. Creating Global Widget is extremely easy. Simply add a widget to the canvas/editor and edit it until you get satisfied with the result. Once done editing, right-click the widget and select Save as a Global.
Give your Global Widget a name and click the SAVE button.
You can see you Global Widgets by clicking the GLOBAL tab on the elements panel (panel on the left side).
Use a Global Widget
As mentioned earlier, not only you can use a Global Widget on the Elementor-powered pages. You can also use a Global Widget when creating a new post/page using the native WordPress editor (Gutenberg).
- Use a Global Widget on Elementor
To use a Global Widget in Elementor, simply go to the GLOBAL tab on the left panel and drag a Global Widget you want to add to the canvas/editor.
- Use a Global Widget on WordPress native editor
Elementor saves your Global Widgets on its template library. You can go to Templates -> Saved Templates to open the Elementor template library. Click the Global Widget tab to see the Global Widgets you have created.
As you can see on the screenshot above, each Global Widget has a shortcode (leftmost column). Copy the shortcode of the Global Widget you want to add to your post/page.
On the WordPress editor, click the plus icon to add a new block and select Shortcode. Paste the shortcode of the Global Widget you have just copied.
Preview your post/page to see the result.
Edit an existing Global Widget
If there is something you want to change on your existing Global Widgets, you can also do so. You can edit a Global Widget from the Elementor canvas when you are creating a page. Simply right-click the Global Widget you want to edit and select Edit [your global widget name] Global.
Click the EDIT button to start editing the Global Widget. Or, you can click the UNLINK to turn it back into a regular widget.
Please take note that any change you made on a Global Widget will instantly apply to all places in which the associated Global Widget is placed on your site.