Divi's global presets are an advanced version of global defaults that enhance the settings and styles in a significant way.

Unlike global defaults, which allow only one default configuration for an element, global presets allow you to use multiple presets for any element in Divi.

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

Updating the design of one preset now updates every instance of that preset site-wide, streamlining the design process on a local and global scale.

Access the global presets for a Divi element by opening its settings and clicking the preset dropdown menu under the heading.

Within the dropdown, you can create a new preset or update the current default preset.

When you want to update the global presets for an element in Divi, you can use the Global Preset Settings modal specific to that element. The header of this modal will be gray, making it easy to distinguish that you are modifying global preset options, rather than options that apply only to the element locally.

The local and global preset settings modal now have an identical dropdown menu and options. This makes updating global presets easier no matter which side you're working from.

By default, the Global Preset Dropdown Menu will include only the default preset, which will already be selected.

Once more presets are added, the dropdown menu will list the available global presets for that element. The default global preset will remain listed at the top of the dropdown along with the name of the preset it is based on.

Next to certain presets in the list, you will notice a star and check icons. The star icon identifies the preset used as the default preset. The green checkmark icon identifies the active preset (or the preset currently used by the element).

Also included in the presets dropdown are two main buttons. Click the Create New Preset From Current Styles button to jumpstart the preset with the designs currently active on the element. Or click the Add New Preset button to add a new preset from scratch.

When hovering over an individual global preset within the dropdown, the item will turn blue, and a menu with additional options will appear.

This menu item includes the following options:

The Edit icon will deploy the global preset side of the element (with a nice flip animation). There, you can update the design of that particular global preset.

The gear icon will open the Preset Settings, where you can edit the preset's name or assign the preset to default.

The update icon allows you to update the global preset with the current styles of the element. This is a quick way to apply the design you are working on to an existing preset. And since this will affect all elements using this global preset site-wide, there is a helpful Are You Sure? A notification will pop up before applying the update.

The duplicate icon will clone the preset and open the preset settings of the duplicate so that you can give it a proper name or assign it as the default. This is a great option for creating a new preset without starting the design from scratch.

The delete icon will delete the preset. The Are You Sure? The notification will remind you that you are deleting a preset that affects the entire site. And, if the deleted preset happens to be the one used as the default, a new preset will take its place as the default preset for that element.

As mentioned earlier, the star icon indicates the default preset. Clicking on the star icon within the preset's menu will assign that preset as the default.

Divi gives you a few options for adding a new global preset. These include creating a new preset from scratch, creating a new preset using the current styles of the element, or duplicating an existing preset.

Select the Add New Preset button from the preset dropdown to create a new preset from scratch. Update the preset settings for the new preset (preset name and/or assign as default).

Then, use the new preset's menu to make further changes like editing the preset's styles or updating the preset with the current styles of the element.

If you have an already styled element, you can make that element a new global preset by clicking the button labeled Create New Preset From Current Styles.

This is more convenient when working with existing designs, and you want to jumpstart a new preset design.

As mentioned earlier, you can use the duplicate icon to clone an existing preset, giving you a jump start on designing a new one.

There are multiple methods for updating the design of an existing global preset in Divi. This gives the user more power to update the design in a way that makes the most sense.

The most direct way to update an existing preset is to click the edit icon on the preset's menu. This will flip the element into its global preset modal, where you can update the settings for that specific global preset.

As mentioned earlier, you can update the settings of an existing preset using the update icon. The update icon allows you to update the global preset with the current styles of the element. This a quick way to apply the design you are working on to an existing preset.

In addition to the global preset menu items, you can use the Other Settings or right-click menu to edit an existing preset style. Once you open the menu, click the Edit Preset Style option. This will open the global preset modal settings for the preset assigned to that element (like clicking the edit icon on the preset item menu).

The Other Settings menu also includes the option Apply Styles to Active Preset. This is basically the same as the Update preset with current styles option available in the preset item menu.

However, this option may be more convenient if you don't want to open the settings of a particular element to apply the change.

Use the Other Settings menu for an option group/toggle to apply the styles of that particular option group to the active preset.

Also, you can use the Other Settings menu to apply a single option to the active preset.

To do this, open the Other Settings menu next to the option and select Apply Style to Active Preset.

Once multiple presets are available for an element, you can easily choose a different preset for that element by clicking the preset within the list.

Normally, certain options are only available based on conditional logic when updating an element's settings.

Having this functionality cleans things up by not including options that don't apply to the design.

However, when editing the global presets for an element, the conditional logic (which normally hides or shows options based on the logic) is ignored.

This allows users to design global presets for all options that may or may not be used when adding the element to the site.

As you can see in the illustration below, the icon styles are available for the blurb preset even though an image is being used.

Make a mistake with presets? Don’t worry. You can control history states for site-wide changes with Global History States.

There, you can select different site-wide states to undo mistakes. Each time you save and confirm a global preset change to a module, row, or section, a new state will be added to the list.

All you need to do is select the state from the list to revert to previous states.

When you import an element with global presets to the Divi library, you can include or exclude the global presets.

When you export or import an element with global presets, the imported elements' global presets will automatically be renamed with the suffix imported.