The Divi 5 Command Center | Elegant Themes Help Center

Divi 5 Command Center lets you run builder actions from a single search box. Use it to add elements, jump to specific settings, open modals, switch view modes, navigate your site, and run common edit actions without digging through menus.

What the Command Center does

Command Center is a command launcher inside the Divi 5 Visual Builder. It replaces a lot of mouse travel with quick commands you trigger from the keyboard.

You can use it to:

Element – Add any element to the page. Plus, you can add multiple elements at once and construct entire nested layouts using queue operators like ^, >, *. Check the Add Multiple Elements section below.
Modal – Open any modal in the builder. Want to manage your variables? Just type variables and press Enter. Would you like to export your layout? Instead of opening the page menu and clicking the Import/Export option, just type export and press Enter.
Settings – Quickly navigate to options groups within the settings panel. No need to click the Advanced tab and then scroll down to the animation option group to open it. Just type animation and press Enter, and the command center will take you where you want to go.
View – Quickly switch between view modes, including breakpoints and wireframe mode.
Modify – All options available via right-click are also available as commands. Duplicate, delete, copy, cut, paste, reset. If you forgot the keyboard shortcut, type the command instead of navigating the menu.
Navigate – You can quickly edit different pages on your website. Type in the name of the page, press enter, and now you are editing that page! You can also quickly navigate to areas like the Theme Builder and Theme Options. Just type the name of the place you want to go instead of clicking around the WordPress admin.
Preset – Use preset commands to add a preset to an element quickly. Just type the preset name and hit Enter—no need to look for it in the preset select menus. You can even add multiple presets at once by queuing them. “blurb preset (cmd+enter) border preset (cmd+enter) spacing preset (enter)” will add all three presets at once. No need to click around the settings panel and pick out presets from long lists.
Page – Execute page-level commands like save, exit, and preview.

How to open Divi 5 Command Center

You have two ways to open it:

Click the lightning icon in the builder sidebar
Press CMD/CTRL + K

When it opens, you will see a searchable list of commands.

Run a command

Press CMD/CTRL + K to open the Command Center or click on the lightning icon.
Start typing what you want to do
Pick the command from the list
Press Enter (or Return) to run it

Example: type "export" to open the Import/Export modal.

Command categories

Command Center groups commands into categories. Knowing these helps you find things faster:

Element: Add any element to the page (and build nested structures with operators).
Modal: Open any builder modal (example: Variables, Import/Export).
Settings: Jump to option groups inside the Settings panel (example: Animation, Border, Interactions).
View: Switch view modes (breakpoints, wireframe mode, and more).
Modify: Do what you normally do from right-click (duplicate, delete, copy, cut, paste, reset).
Navigate: Jump to other pages and key admin areas (Theme Builder, Theme Options).
Preset: Apply presets quickly, including multiple presets in one queue.
Page: Run page actions like save, exit, and preview.

Add elements with Command Center

Divi 5 - Command Center - Add Element Command

Press CMD/CTRL + K to open the Command Center or click on the lightning icon.
Type the element name (example: "button")
Press Enter (or Return) to add it

⚠︎ Notes: The Add Module command is contextual, meaning that:

If you have a module selected in your page, the Add Module command will add the selected module after the selected module.
If a Row is selected, it will first add a new Row and then add the selected module.
If a section is selected, it will first add a new Section, a new Row, and then add the selected module.
If nothing is selected, it will use the module that is in the current viewport to insert the selected module.

Add multiple copies of an element

Use the multiply operator:

Press CMD/CTRL + K to open the Command Center or click on the lightning icon.
Type button and hit CMD/CTRL + Enter key
Type * 2
Hit the Enter key

Divi adds two buttons.

Queue multiple commands (build more in one run)

You can queue Element and Preset commands:

Press CMD/CTRL + K to open the Command Center or click on the lightning icon.
Type the first command
Press CMD/CTRL + Enter to add it to the queue (instead of running it immediately)
Use any of the avaiable queue operators such as ^, >, *
Keep adding commands the same way
Press Enter (or Return) to execute the full queue

This works for elements and presets.

Nest elements (build structure with operators)

Divi 5 - Command Center - Nested Presets

Command Center supports operators who change the structure of what you add.

Operators you can use

> Place the next element inside the previous element.
Example: blurb > button adds a Button inside a Blurb.
* Multiply elements
Example: blurb > button *2 adds a Blurb with two Buttons inside it.
^ Place an element above the currently selected element
By default, Command Center adds new elements below what you are editing. Use ^ when you need the new element placed above.

Example: build a nested layout in one command

blurb > group > button *2

Result:

Blurb
- Group
  - Button
  - Button

Apply presets with Command Center

Apply a preset quickly

Press CMD/CTRL + K to open the Command Center or click on the lightning icon.
Type the preset name
Press Enter (or Return)

Queue multiple presets at once

You can stack multiple presets by queuing them (same queue workflow as elements). This helps when you normally apply several option-group presets one by one.