How to create “global sections” with Elementor Free or Pro

 

In this tutorial, I will show you how to create or use global sections with Elementor’s free or Pro version.

This tutorial will show you how to achieve this with the currently available functions as global section is not available as an option.

There are multiple options, and the purpose would be to edit a single template that will update everywhere else on our website globally. For example, when you have a Call to Action you have used on your Elementor landing page, in the sidebar or your blog posts and some other Elementor build pages.

First, we will do it with Elementor’s Free version:

  • First, log into your WordPress admin area and make sure to have Elementor and Anywhere Elementor installed and activated. We will need to use the shortcode generated for our template to make this work, but this is only available in Elementor Pro out of the box.
  • Find the new AE Templates menu option on the left and create a new Call to Action section template.
  • When finished, leave this browser tab open and open a page you wish to edit in another browser tab
  • Let’s add a section where we will need our Call to Action or anything else you wish to create, AND make sure all the margin and padding options are opened up for the section and column too.
  • After that, add a Shortcode widget to the section.
  • Next, let’s go back to our previous browser tab and on the top right corner you will see a shortcode field. Copy this and paste it into the Shortcode widget, we just added to our section.

Awesome, save this and repeat the page edit everywhere where you will need the same Call to Action section.

From this point, every time you edit the template in anywhere elementor, it will get updated everywhere on your website.

For Elementor Pro users:

Cool, so let’s see what easier options do we have for Elementor Pro. It is a bit different as Elementor Pro have shortcodes for the templates and an additional widget that can help us do this and more.

  • To get started, install and activate Elementor Pro Create a template you wish to use as a Call to Action section or anything else you need.
  • After it is saved, let’s go back to the Elementor templates menu. As you can see we have a shortcode for every template in our library!
  • Leave this browser tab open and open a page you wish to edit in another browser tab.
  • Let’s add a section where we will need our Call to Action or anything else you created and make sure all the margin and padding options are opened up for the section and column too.

After that, we will have two options:

First option, is to add a Shortcode widget to it. Let’s go back to our previous browser tab, copy the shortcode needed and paste it into the Shortcode widget, we just added to our page.

The second option is very similar BUT you can use it in other locations too, not just in the editor.

In Elementor Pro, we also have a widget called: Templates. Let’s repeat the editing process, but this time we will add a templates widget instead of a Shortcode one. As you will see it has a drop down menu, where you can simply select a template from your library. Let’s find the section we need and save our work.

As mentioned before, you will need to repeat this easy process anywhere you need the global section, and all you will need to do is edit the template in your library. It will get updated everywhere on your website automatically.

As mentioned there is a little bonus using Elementor Pro. If you go to your WordPress widgets menu, the templates widget (Elementor Library) will be available there too allowing you to add templates to your sidebars too 🙂

Hope this helps you a lot as I have used this technique for quite a while now with success. If you wish to go Pro, I would appreciate if you could use my partner link in the sidebar.

Did I do something wrong?

Are you missing a design or didn’t had the chance to take a good look on other templates?