Global widgets provide an effective solution for reusing certain elements across pages, and Elementor makes creating and editing these global templates simple.
Any changes made to a global widget template will immediately apply to all instances of that widget on your site, even when inserted on multiple WordPress pages.
Copy and Paste the Shortcode
Elementor makes creating pages easy! Simply use widgets (sometimes known as design elements) to form the foundation of a layout on your site, editing each to meet your site’s individual needs and preferences; or save an element as a global widget if its use will span multiple pages on your website.
To save an element as a global widget, right-click it and choose the “Save as a Global Widget” option from the drop-down menu. Give the widget a name before pressing Save – once saved as global widget you can easily add it anywhere within your website by dragging-and-dropping it onto pages where its needed.
Global widgets are ideal if you’re designing pages with similar formats or content, such as when designing forms that will appear across several pages of your site. Utilizing global widgets saves you time in manually creating each form on each individual page of the website.
Another advantage of global widgets is their fast copy-and-paste capabilities between pages. Simply click on a widget’s handle, right-click in another site page and select “Paste from another Site” from the drop-down menu – also works for other elements!
Edit the Widget from the Elementor Canvas
Global widgets allow you to reuse designs and content across pages on your website. Should any modifications need to be made, all instances of that widget will automatically update accordingly – an invaluable feature when dealing with websites with many pages.
For creating a Global Widget, first open Elementor’s Interface. When in Elementor side panel view mode, look at the Global tab. Within it are your previously created Global Widgets; to add one click the + icon.
Elementor Canvas makes it easy to edit global widgets. Simply select the widget, and its settings panel will display an “EDIT” button allowing you to make edits to the global widget, or you can click UNLINK for back to regular widgets.
Elementor’s Global Widget feature offers its own library of templates and blocks. Browse the gallery of templates until you find one you like to use on your website, import custom ones from elsewhere or even create one yourself! Blocks in this library are divided up by section such as Sections, Columns and Elements/Widgets for easy browsing.
Edit the Widget in the WordPress Editor
Create a template you can reuse throughout your entire website to save yourself the trouble of editing each individual page individually. This feature is especially handy when creating pages like Contact Us, Team Member or Testimonials pages.
To create a Global Widget, first select the element you would like to edit (in this instance the Testimonial widget), click pencil icon and choose “Save as Global” from drop-down menu. Enter name and save; next time when needed just drag from Elementor side panel onto WordPress website.
Global Widgets differ from templates by being special widgets where changes to it will apply across every instance it has been used on your site. Unfortunately, Elementor doesn’t provide an intuitive way for using both templates and global widgets together.
As it stands now, a separate tool must be used for managing both templates and global widgets. However, new users may find the system confusing as both tools reside in separate areas of the page builder; therefore, becoming acquainted with both tools so you understand their function is critical for successful site management.
Unlink the Widget
Global widgets can help save you time when building and editing similar pages on your website, by simply saving one widget as global and using it across other pages of the site. Unfortunately, editing the content of a global widget may become cumbersome when there are multiple globals across your site; luckily, Elementor provides ways for unlinking globals so you can edit their individual contents without altering all others simultaneously.
In order to do this, first disable the default colors and fonts used by Elementor in your WordPress editor. To do so, navigate to Elementor Settings panel, click on hamburger icon and select Site Settings option; finally on Site Settings page click Global Colors section then Clear Values corresponding with any color sets you may have there.
Once this has been accomplished, open Elementor Canvas and select the Global Widget you would like to edit. An “EDIT” button should appear in Elementor’s left panel; by clicking it you’ll open its settings page where you can make changes that will reflect throughout your website – remembering any time changes are made on a Global Widget, they will reflect everywhere it’s being used!