The Divi multi-select and bulk editing feature is a powerful tool that enables you to build WordPress websites faster and more efficiently than ever before.
Multiple elements can be selected simultaneously, allowing you to edit several modules, rows, or sections simultaneously.
You can:
Drag and drop
Copy
Paste
Delete
Edit your website's content, making changes fast and easy.
You no longer have to spend excessive time editing modules or sections individually.
The Power of Divi Multi-Select and Bulk Editing Features
Divi makes editing large amounts of content a breeze with the multi-select and bulk edit feature.
Examples:
Rebranding a website can be tedious if you edit each module individually to change a color.
You can select multiple modules where background colors are used to change them simultaneously.
When you want to add animation or scrolling effects.
Selecting Multiple Modules
When using the Divi Visual Builder, hold down the Command Key
(Mac OSX) or Ctrl
(PC) key, then click on multiple elements to select them.
You can select as many modules as you'd like.
Another way to multi-select elements is to hold down the Shift
key and then click to select some modules in a column, several rows in a section, or several sections in a page.
Once selected, you can bulk edit all of the items simultaneously.
Note: Selected items are highlighted with a gray box around them.
Bulk Editing Modules
You can multi-select any number of modules to edit them at once.
Press and hold the
Command
(Mac OSX) orCtrl
(PC) key,Select the number of modules you wish to edit by clicking on them.
Additionally, you can select modules across rows or even sections.
Example: You can select button modules to change the text and background colors.
Divi Multi-Select and Bulk Editing Shared Settings
It's a good idea to stick with the same modules when using the Divi multi-select and bulk editing feature.
Example: Editing multiple buttons is a great way to edit modules simultaneously.
When editing similar modules, all design settings will be visible, making it easy to alter any design aspect.
However, if you try to bulk edit different modules, such as images, blurbs, and buttons, at the same time, options are limited.
You'll only be able to see options such as filters, spacing, animations, and a few others. You won't be able to edit colors, text, or backgrounds. This needs to be clarified and will limit your editing capabilities.
Copy, Paste and delete with Divi Multi-Select and Bulk Editing
Sometimes, you'll need to copy and paste modules or elements within your Divi pages simultaneously.
This is easily done with the multi-select and bulk editing features.
Click and hold
Command
(Mac OSX) orCtrl
(PC) to select your items.Right-click on any element selected
Click Copy modules.
To paste elements that you've copied:
Right-click where you'd like your items to be placed,
Hover over the add module icon.
Right-click and select Paste Modules.
You can also easily delete multiple elements at once.
Select the elements to be deleted
Right-click on any of the selected elements
Click on the trash icon to delete all the selected elements.
Move Elements with Multi-Select
Divi makes it easy to multi-select elements and move them around your pages.
Select all the elements
Use the Drag icon
Place them elsewhere on the page.
Tips and Best Practices for Divi Multi-Select and Bulk Editing
You can take advantage of this robust feature of Divi by incorporating a few best practices when building or editing pages within Divi.
Adding Effects Are a Breeze
The Divi multi-select and bulk editing feature makes adding different effects to several modules at once easy.
It's a great way to speed up the design process and streamline quality assurance. By using this handy feature, there's no need to make changes individually when selecting similar modules.
Use Keyboard Shortcuts
Holding down the Command
or Ctrl
keys is a quick and easy way to know your page structure.
When you hold down Command
or Ctrl
, you get an outline of all modules, rows, and sections, giving you a better understanding of how all the elements fit together.
Move Elements From Multiple Sections Into One With Efficiency
Multi-selecting items to move them from multiple sections into one is much faster and easier than the traditional way. You'll save time (and likely some frustration) when you want to re-organize your page to streamline a design.
Use the Layers View
You can utilize the Divi multi-select and bulk editing feature to make changes faster and more efficiently, especially in complex layouts.
Example: Elements that use transform controls or negative margins can be tricky to click on. Using the Layers View panel comes in handy in those instances.
Refer to our written documentation to learn more about Divi's layers view.
Drag and Drop Elements From Other Pages
Consider using Divi's multi-select feature when incorporating elements from other pages. You can open the source page in a new browser window to drag elements from the page into a new page in a separate window.
This is a great way to speed up the design process without saving elements to your library for reuse.
Incorporate Divi Multi-Select and Bulk Editing Early
Lastly, incorporate multi-select and bulk-editing into the initial design process. When creating new websites, there can be a lot of trial and error before you get to the final product.
Once you settle on a design, you can use multi-select and bulk editing to make those final design choices to make the switch faster and easier.
Additional Resources For the Divi Multi-Select and Bulk Editing Feature
Consider practicing using Divi's multi-select and bulk editing feature by following a few design tutorials found on our blog.
They incorporate this feature and will help you familiarize yourself with how it works. This will make you more confident and efficient using Divi.