Do you want to know how to use global widget in Elementor?
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?
While creating a page with Elementor, you add multiple widgets (some users call them design elements). And of course, you also edit each widget to suit your needs and desires. Elementor allows you to save the edited widget and reuse it on other pages of your Website. This edited widget is called Global Widget.
Example.
Let's say you edited a widget Contact Form and really like its design. You want to use this online form on other pages of your website. By saving it as a global widget, you will be able to reuse this online form on other pages by simply dragging your new widget to any page.
The best thing about the Global Widget is that not only can you use it on Elementor-powered pages, but also on regular pages and posts that you create with the native WordPress editor.
How to Use a Global Widget in Elementor
Create a global widget
Before you can use a global widget, you absolutely must create one first. Creating the Global Widget is extremely easy. Just add a widget to the editor and modify it until you are happy with the result.
Read also: How to Create a Full Screen Menu in Elementor
When finished editing, right-click the widget and select Save as global.
Give your global widget a name and click the button RECORD.
You can see the Global Widgets by clicking on the tab GLOBAL on the settings panel (panel on the left side).
Use a global widget
As mentioned earlier, not only can you use global widget on 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, just go to the tab GLOBAL on the left panel and drag a global widget you want to add to the editor.
- Use a global widget on the native WordPress editor
Elementor saves your Global Widgets in its template library. You can go to Templates – > Saved Templates to open the Elementor template library. Click on the tab global widget to see the global widgets you have created.
As you can see from the screenshot above, each global widget has a shortcode (leftmost column). Copy the Global Widget shortcode you want to add to your post/page.
Discover also: How to Add an Image Accordion to an Elementor Page
In the WordPress editor, click the plus icon to add a new block and select Shortcode. Paste the Global Widget shortcode you just copied.
Preview your post/page to see the result.
Modify an existing global widget
If there's anything you want to change on your existing global widgets, you can do that too. You can edit a global widget from Elementor's editor when you create a page.
Click on the inserted widget in the Elementor editor then on the button EDIT to start editing the Global Widget. Or, you can click DELIER to turn it into a regular widget.
Please note that any changes you have made to a global widget will instantly apply to all places where the associated global widget is placed on your website.
Get Elementor Pro Now!!!
Conclusion
Here ! That's it for this article that shows you how use global widget in Elementor. If you have any concerns about how to get there, let them know in the Comments.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
