Divi Tips 68

Saving as a global Divi element: what does it mean?

Updated on 30/10/2020 | Published on 16/09/2019 | 14 comments

929 words


In web design, anything that saves us time is welcome. Not to mention that it's annoying to do the same things over and over again, isn't it? The Divi "Save as a whole feature is just the thing to improve our productivity.

Global elements are amazing and can save you a lot of time! Do you know how to use them? What exactly is the point? Let's take a closer look...

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1 - Automate your web designs

When you make a living from web design, you need to be efficient and productive, otherwise the profitability of your business may be at risk.

Similarly, if you maintain your own website or blog, you don't like to waste time on trivia... and you prefer to use it for more profitable tasks such as writing articles or newsletters for example.

Automation is therefore the best way to use your time wisely.

Good news! Divi and the Divi Builder are tools that can be highly productive if you know how to use them well...

The Divi library is partly the centrepiece of this productivity...

Getting started with Divi, discover all the articles to start with peace of mind!

2 - Save to Divi library

To be more productive in the future, simply save your designs to the Divi library.

Sauvegarder dans la bibliothèque Divi
Save your layouts, sections, rows or modules to the Divi library.

This feature is available for :

  1. Layouts
  2. The Divi
  3. The rows (lines) Divi
  4. The Divi modules

Once you have saved an item to your library, you can insert it later when creating a new layout.

You create once and then use it over and over again. Nothing better to save time!

This feature is also very useful for import and export Divi layouts.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

3 - Save as a global element

This is a great feature! Except, there is a little variant that is even cooler: the global element.

When you save an item to your library, you can choose to save it as a global item.

Note: Global elements are only available on sections, lines and modules. An entire layout cannot be saved as a global element.

Enregistrer en tant qu'élément global
Check the option to save as a "global item".

This small option will make all the difference:

If you use a global element on page A, B and C and change it on page A, then pages B and C that embed that element will also be changed.

This behaviour is not valid for classical elements, only global elements are synchronised.

This means that if you create a global section that you use as a footer on all your pages, you will be able to change its appearance with one click.

This can be useful for changing a telephone number visible in the footer, for example, or any other important element without having to perform the manipulation on each page.

To go further, discover the official documentation dedicated to the global elements.

4 - Inserting a global element into a layout

To insert a global element within a layout, simply click on the "+" icon at the desired location.

Choose 'Add from Library' and select the previously saved global item.

Insérer un élément global Divi
Insert a Divi global element (in green)

The global elements are easy to recognise: they are green in colour.

5 - Desynchronise some options

This global element feature is really interesting, except that in some cases you might need to use a global element while changing its appearance on one page only.

I'm telling you this because I've already fallen for it 😉

My advice is simple: first register your element as a classic element before registering it as a global element. It can be useful!

But if it's too late, if you think you'll never need this or that global element in another context, you can still desynchronise some options.

Then you can use a global element without impacting your other pages that use it.

For example, you can use a header hero section registered as a global element and then change its background colour on some pages only.

To make this change on a single item, remember to click on the arrows icon to turn it red.

Désynchroniser un élément global
Desynchronise a global element to act only on certain pages

In this way, you can act on the element without affecting the rest of the site.

6 - Where are the global elements stored?

Global items are stored in the Divi library at the Divitab > Divi Library

élément global bibliothèque
Recognising global elements in the Divi library

From the Divi library, you can :

  1. Differentiate between global and classic elements by using the green "earth" icon.
  2. Check the type of element: a section, a row, a module...
  3. Modify an element from the back office without having to do so within a layout.
  4. Export some elements for use on another WordPress site using Divi.
Exporter des éléments globaux
Exporting global items from the Divi library

7 - In conclusion: global element = productivity!

You have seen in this article the power of this Divi's 'hidden' functionality and above all its simplicity of use!

So don't hesitate to use Divi's global elements more frequently when creating your websites, it will bring you comfort and productivity.

Be careful not to confuse this global element functionality with Divi Presets.

Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!

utiliser élément global de Divi
productivité Divi
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

Utilisez les couleurs globales de Divi pour plus de productivité !

Use Divi's global colours for more productivity!

🚀 Do you create your clients' websites with WordPress and Divi and are looking for productivity?
🥳 Perfect, I explain how to use Divi's global colours to avoid wasting time with multiple actions when you want to change a colour on your entire site...

14 Commentaires

  1. Jean-Luc

    Bonjour Lycia,
    Je suis confronté à un phénomène dans l’utilisation des éléments globaux Divi.
    J’ai créé des éléments globaux pour lesquels j’ai indiqué certains paramètres dans l’onglet « Style ».
    Pour une raison que j’ignore encore, Divi s’obstine à modifier la largeur et la hauteur de certains modules texte.
    Par exemple, même si j’indique « auto » sur « Largeur maximale » en mode « Global » (2 flèches circulaires vertes) Divi se permet de modifier cette largeur en …% dès lors que j’utilise l’élément global dans un article. Ce qui modifie systématiquement la largeur maximale sur toutes les pages qui utilisent l’élément global pourtant figé sur « Auto ». En aucun cas, je modifie le paramètre « Largeur maximale » de l’élément global en question. Oups !

    Est-ce un bug ou moi qui oublie une babiole ?

  2. lepetitmartien

    Bonjour, je suis confronté à un problème de bibliothèque, si je crée des éléments dans celle-ci ou que je sauvegarde d’une page un module dans la bibliothèque DIVI, ils apparaissent bien dans celle-ci, mais j’ai un message m’indiquant que je n’ai rien sauvegardé dans ma bibliothèque DIVI
    lorsque je veux les intégrer dans une de mes pages.
    Merci d’avance

  3. Lycia Diaz

    Salut « lepetitmartien ».
    C’est bizarre. Disons que quand tu veux importer, il faut être au bon endroit. Par exemple, si tu as sauvegardé une section mais que tu veux faire appel à elle depuis « un module », tu ne la trouveras pas. Idem si tu enregistres un module et que tu fais appel à lui lorsque tu insères une section ou une ligne. Tu vois ce que je veux dire ? Tu pourras appeler tes modules enregistrés que si tu insères un module, pareil pour les lignes, les sections et les layouts.
    Si le souci ne viens pas de ça, il y a peut-être un conflit avec l’un de tes autres plugins ? Tu peux aussi contacter le support de Divi.

  4. Lycia Diaz

    Salut Jean Luc.
    Est-ce que le modèle de tes articles est construit avec le Theme Builder ? Si oui, peut-être que les largeurs que tu as définies là-bas prennent le dessus sur tes éléments globaux ? Sinon, je ne vois pas d’où ça pourrait venir.

  5. JLuc

    Mes article sont construits avec le Page builder.
    Il semblerait que le fait de copier/coller un texte de Word vers Divi, le champ « largeur maximale » se modifie automatiquement selon le volume du texte collé. Ce que j’ai fait pour le moment, c’est désactiver l’aspect global sur la largeur de mes modèles.

  6. Philippe Joseph Louis HAUGER

    Bonjour Lycia,
    j’aimerais passer mon module d’élément Global en Classique…
    Es-ce possible ?
    Belle après-midi.

  7. Philippe

    Bonjour Lycia,
    peut on revenir en arrière et pour repasser de Global à classique ?

  8. Philippe Joseph Louis HAUGER

    cité « JLuc sur 13 mars 2020 à 16:53
    Mes article sont construits avec le Page builder.
    Il semblerait que le fait de copier/coller un texte de Word vers Divi, le champ « largeur maximale » se modifie automatiquement selon le volume du texte collé. Ce que j’ai fait pour le moment, c’est désactiver l’aspect global sur la largeur de mes modèles. »

    passe par le bloc note !

  9. Lycia Diaz

    Salut Philippe Joseph, oui c’est possible. Essaye un clic-droit ou regarde dans les options (icône 3 petits points).

  10. Lycia Diaz

    Oui, sinon regarde cette vidéo pour désynchroniser certains éléments : https://youtu.be/tarDcDjE86w

  11. Philippe

    Lycia Diaz sur 27 avril 2020 à 19:17
    Oui, sinon regarde cette vidéo pour désynchroniser certains éléments : https://youtu.be/tarDcDjE86w

    Merci mais la vidéo est de 2017 et les icônes qu’il montre pour « dé-globalisé » quelques éléments n’existe plus…

  12. Lycia Diaz

    Salut Philippe !
    En fait tu dois insérer ton module « global » dans ta mise en page. Ensuite, tu cliques sur les 3 petits points à droite, au survol et tu choisis « désactiver global ».
    Voilà 😉

  13. Philippe

    Oui Merci Lycia

    INFO : Pour changer un élément, texte, mail, etc dans un module Global il faut le faire depuis la bibliothèque DIVI depuis l’interface de WP !

  14. Lycia Diaz

    Merci pour ton retour

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.