An overview of Divi's global presets function

A powerful replacement for global default values

Unlike global default values, which allow only a default setting for one item, global presets allow you to use multiple presets for any item in Divi.

This feature offers a more powerful and flexible way to create and manage coherent design across your website.

Example: Suppose you have a website with three main button layouts that are used throughout the site. You can assign a global preset to each of these three button layouts (e.g. button preset 2 and button preset 3).

Now, whenever you create a new button, you can choose one of those global presets.

Updating the design of a preset now updates all instances of that preset throughout the site, facilitating the design process both locally and globally.

The Preset Settings drop-down menu

Within the drop-down menu, you can create a new preset or update the current default preset.

Local side vs global preset side

Local and global configuration manners now have a drop-down menu and identical options. This makes it easy to update global presets no matter which side you are working on.

The global presets drop-down menu

List of presets

Star icons and checkmark

Buttons to create new presets

Global preset item menu

• Edit

• Configurations

• Update preset with current styles

• Duplicate

• Delete

• Assign as default

Edit preset styles

Preset configuration

Update preset with current styles

Duplicate preset

Remove preset

Assign a Preset as Default

Add New Presets

• From scratch:
  Select the Add New Preset button from the presets drop-down menu to create a preset from scratch. Update the preset settings (preset name and/or assign as default).
  Then, use the new preset menu to make additional changes such as editing styles or updating the preset with the current styles of the item.

• From the current style:
  If you already have a stylized element, you can turn it into a new global preset by clicking the Create New Preset button from Current Styles.
  This is most convenient when you work with existing designs and want to speed up the creation of a new preset.

• Duplicate another preset:
  As mentioned above, you can use the duplicate icon to clone an existing preset and have a starting point to design a new one.

There are several methods to update the design of an existing global preset in Divi, giving you more control to update the design in the way that suits you best.

• Edit the preset settings:
  The most direct way is to click on the edit icon in the preset menu. This will open the modal window of the overall preset of the element, where you can update the configuration of that specific preset.

• Update preset with current styles:
  You can use the update icon to apply the current styles of the item to the existing global preset. It's a quick way to apply the design you're working on to an already created preset.

• In addition to the options in the presets menu, you can use the menu of other settings or right click to edit an existing preset style. When you open the menu, click Edit preset style to open the modal window of the global preset assigned to that item
  

• Apply styles to the current preset:
  This menu also includes the Apply Styles to the active preset option, which is basically the same as updating the preset with current styles. This option may be more convenient if you do not want to open the item settings to apply the change.

• Apply group of options to the current preset:
  You can apply the style of a specific group of options or a switch to the active preset from this menu.

• Apply unique option to the current preset:
  You can also apply a single option to the active preset.
  Example: adjust the size of the text for a particular preset. To do so, open the menu of other settings next to the option and select Style to the active preset.

Choose Different Presets

Conditional Logic in Global Presets

However, when editing global presets for an element, conditional logic (which normally conceals or displays options) is ignored.
This allows you to design global presets for all options, whether or not they are added to the site.
As shown in the illustration, icon styles are available for the summary preset even if an image is used.

States of Global History

• Access editing history by clicking the clock icon in the settings menu.

• Select the Global History States tab within the history modal.

• There you can choose different states on the site to undo errors. Each time you save and confirm a global preset change in a module, row or section, a new status is added to the list.

• Just select the desired status to reverse to previous states.

Import Elements with Global Presets

• Browse Divi → Divi Library

• Click the Import & Export button

• Select the Import tab

• Select the file to import

• Check the Import Presets box

• Click the import button

The Imported Suffix