How to make a global widget in Elementor?
Elementor global widget is one of the best things you can use if you are running a website with multiple pages. The global widget has made a lot of work easier and faster. This guide will cover all the things you need to know about the Elementor global widget. We will see what is a global widget and then we will cover the exact steps on how you can create one for yourself. We will also clear all the doubts that you have in your mind about the global widget. So, this will be the ultimate guide you can read for the global widget. Let’s get started with the basic overview.
What is the Elementor global widget?
We will start with the basics.
A global widget is a widget that appears on all pages you need to appear. Sometimes, you might want to create a custom widget and customize it as per your choice. After you customize it, you might also want to add the same widget to multiple places.
When you add the same widget elsewhere, you will have to customize it again. Nevertheless, it will always help you in the editing part. If you want to edit all the widgets, you can edit one widget and it will edit all the widgets that you have set. In simpler words, you just have to edit the global widget and the effect will take place in all the widgets of all the pages. Of course, these are the global widgets that you have set.
There are many things that people might want to do here. For instance, they might want to edit the widget at one place after some time or they might simply want to unlink it. We will see this topic too.
So, let’s get started and see how you can make a global widget.
Getting Elementor Pro
Before you get started, it’s important to know that you will need a pro version of Elementor. The free version doesn’t allow you to make tech changes in the global. You can’t create a global widget in the free version. So, if you want to create the global widget, you will have to shift to Elementor pro. There is no other option for you here.
Once you shift to Elementor pro, you will be able to create the global widget.
If you want to know more about it, you can create any page and then see the left panel in the Elementor free version. When you see the free version, you will see that there is an option for Global but when you click on it, it will ask you for the pro version.
Therefore, you will need the pro version. Once you have the pro version, you can get started and see all the steps to do it. We have covered a step-by-step guide on how to use the Elementor global widget and set any widget as the global widget with ease.
Creating an Elementor global widget
It’s super easy to create a global widget in Elementor. To create one, you will have to open a blank page on Elementor. Don’t worry, you can open any page.
At first, you will have to create a normal widget. You surely might have some things in your mind, right? You can create the widget that you want to use as a global widget. Here, we will take an example of a simple Text Editor. This will be the example that we will use throughout the guide.
You can simply create a new widget or directly take the widget from the given ones. Once you take the widget, you will have to make the changes there. You can make the changes there as per your wish. As this is a normal widget, you can make the changes just like you do in the normal widget.
Once you make the changes, we will have to set it as a global widget. To do that, we will have to do a small procedure. You can simply right-click on the widget and there will be an option to set it as a global widget.
When you click on it, it will ask you to give a name. You can give the name to your global widget and then save the widget.
That’s pretty much it. You have now successfully saved the widget as the global widget. You can then view the global widget and also set it anywhere you want.
To summarize, here are the steps.
- Create a widget and customize it.
- Right-click on it and hit “Set as Global”.
We will now see how you can set the global widget to anywhere you want.
Adding the Global Widget with Elementor
In the above section, we have just created a widget and set it as the global widget. Now, our job is to add the widget as the global widget anywhere you want. As of now, it won’t appear anywhere else.
Therefore, we will have to ensure that we are adding it to all the pages we need. Once it is added to all of the pages, we can edit the widget and it will make the edits everywhere. This section will cover how we can add the widget anywhere we want.
At first, you will have to open the page where you want to add the global widget. For instance, if you want to add the global widget to the sidebar and footer, you can open the sidebar page and the footer page.
When you have opened the section with Elementor, in the left panel, you will see two main tabs. One is from where we can add the regular widgets and the other one will be for the global. We will have to click on the global tab in the left panel.
In the global tab, you will find all the Elementor global widgets that we have made. If you are following the exact guide, it will only show one widget here as we have only created one widget so far.
To summarize the steps.
- Click on the Global tab and drag the widget
Adding the Global Widget anywhere
When you are using WordPress, you might want to add it where you haven’t used Elementor. For instance, if you use the theme’s default footer and want to add the global widget there, it might be a tough job, right?
We will see how to do it. It’s not as hard as you think it is. We will cover the steps to do the same.
To begin with, you can open the widget panel from which you usually add the widget. You can head over to Appearance > Widgets and find the section.
Now arises the main question. How can you add the Elementor global widget in the widget section where Elementor is not supported? Well, for that, you will have to follow some simple steps.
On the right-hand side where you see all the widgets, you will also see a widget option called “Elementor Widget library”. When you click on it, it will open a drop-down menu.
There will be many options in the drop-down menu, you need to find the global template that we just created above. It will show the name of the widget that we set earlier. When you click on it, it will allow you to add the global widget there. Don’t worry, there will be an option that indicates that it’s a global widget. So, you can confirm that it’s a global widget.
Not to mention, you can also create a global widget from here. The editing can also be done from here. It will act just like the global widget which you create from the Elementor page builder. So, there is nothing to worry about here.
Adding Global Widget using Shortcode
Shortcodes are great when it comes to WordPress. Many people are already using shortcodes in the best way possible. If you are also a huge fan of shortcode, there is good news for you. You can also add the Elementor global widget using shortcode. This is yet another great feature given by Elementor that you can use.
To do it, you can head over to the Templates > Saved Templates > Global Widget. The template option will be available in the WordPress dashboard.
In the saved template, you will find the widget as well as you will find the shortcode there too. You can simply copy and paste the shortcode and it will display the global widget.
You can use the shortcode anywhere you want. As long as WordPress supports shortcodes in that area, you can use the shortcode to display the Elementor widget. So, you can even use the shortcode to display the global widget.
Make sure you don’t edit the shortcode and paste it as it is.
Talking about editing, you might want to know how to edit the widget, right?
Editing the Widget
We will now see how you can edit the widget. We have already created and even added the widget as the global widget. Now, what if we want to make the changes? When we make the changes, it changes should be visible to all the widgets, right? Therefore, we will have to edit the global widget and not the normal widget.
It is simple and fast. At first, you will have to open any page in Elemetor where the widget is added. You can simply click on the edit icon on the widget and it will ask you to edit the global widget. You can select it and then make the changes.
You can make the changes anywhere in any of the global widgets and it will take place in all of the widgets. The rest of the editing process is the same like you edit the normal widget. You can make the changes and then save it. It will change all global widgets on your website. Hence, you can surely make the edits.
Unlinking the Widget
If you want to unlink a widget and make the changes in one specific Elementor element, you can simply right-click on the widget and then select “Unlink from global widget”.
That’s pretty much it. You have now unlinked it from the global widget and the widget is now behaving as an individual widget. So, you can also use the same thing.
This was all about unlinking the widget. For instance, if you want that one widget should be different from the rest of all, you can unlink and make the changes.
Now, let’s talk about removing the Elementor global widget.
Deleting the Widget
It’s a lot easier than you think. You can simply head over to Templates > Saved Templates > Global widget and then delete it from there.
The deleting process is the same like you do in WordPress.
One thing to keep in mind here is that it will delete the widget from everywhere. So, when you delete the template, there will be no place where you will see the global widget. People often delete the promotion widget after the work is done.
If you have an offer that runs for few days and you want to show the banner at multiple places, you can use the global widget and show it everywhere. After the sale is over, you can delete the Elementor global widget.
Final Words about global widget in Elementor
To conclude, this was all about Elementor global widget. We saw everything you need to know about the widget. We saw how you can create it, edit it, and even delete it. We also covered how you can insert it anywhere you want using various techniques to make things a bit easier. Hence, you can surely start using the Elementor global widget. Global widget is a lot more useful if you want to show the same thing at various places. Adding this will help you at various places. So, you can surely have it.
WEBSITE UP TO DATE & SECURE WordPress Maintenance Service
Save 17% with our Annual pricing plan.