The Meta option group helps you customize each element's Element Label, Force its Visibility inside the Visual Builder, and decide whether its content is included in the page's Table of Contents.
It’s particularly useful when working on a page with multiple elements or complex layouts, as it allows you to easily identify each element without relying on the default module names.
Instead of seeing a list of generic labels like “Text Module” or “Image Module,” you can set specific, meaningful labels like “Hero Section Text” or “Footer Image,” making it much easier to manage your content in the builder.
Why Use the Element Label?
Customizing the Element Label improves your workflow in Divi by:
Enhancing Organization: When working with multiple modules, setting a descriptive Element Label helps you quickly identify and locate elements.
Saving Time: Custom Element labels make it easier to navigate and edit specific modules without remembering their placement.
Streamlining Collaboration: If multiple people are working on a site, custom Element Labels help everyone understand the layout and functionality faster.
Where to Find and Set the Element Label
Each Divi module, column, row, and section has the Meta Option Group. Inside the Meta option group, you will find the Element Label - previously named Admin Label option. Here’s how to set it:
Open the Module, Row, or Section Settings: Click the gear icon to open the settings for the element you want to label.
Locate the Element Label Field: In the settings panel, look for the Meta option group under the Content tab.
Enter Your Custom Label: Type in a descriptive name that helps you identify the element. For example, instead of “Text Module,” you might label it “Hero Section Heading.”
Save Your Settings: The changes are automatically saved.
Best Practices for Using the Element Label
Be Specific: Choose labels that describe both the type and the purpose of the element, such as “Homepage CTA Button” or “Footer Copyright Text.”
Keep Labels Short: While being descriptive is important, try to keep labels concise. Short labels are easier to scan in the builder.
Standardize Naming Conventions: If you’re working with a team, consider establishing naming conventions (like “Section,” “Row,” and “Module”) to maintain consistency.
Examples of Useful Element Labels
Here are some examples to help illustrate practical uses of the Element Label:
Default Module Name | Element Label Example |
Text Module | Product Description Text |
Button Module | Header CTA Button |
Image Module | Logo Image |
Blurb Module | Services Section Intro |
Using Element Label effectively can significantly streamline your workflow in Divi, especially in complex or collaborative projects. It’s a simple tool, but it can make a big difference in organizing and managing your page layouts efficiently.
Where to Find and Set the Force Visible
Each Divi module, column, row, and section has the Meta Option Group. Inside the Meta option group, you will find the Force Visible option. Here’s how to set it:
Open the Module, Row, or Section Settings: Click the gear icon to open the settings for the element you want to force its visibility.
Locate the Force Visible option: In the settings panel, look for the Meta option group under the Content tab.
Expand the Force Visible dropdown:
Never (default): It doesn't change the element's default visibility
While in Builder: While the Visual Builder is open, and if an element is hidden by default, the While in Builder option will force its visibility to always show.
While Editing Element: The element will always be visible; however, only its options are edited - its settings panel is opened.
Save Your Settings: The changes are automatically saved.
💡 Pro tip: Use Force Visible when designing elements that are hidden by default (for example, items revealed by an interaction or a condition). It keeps the element on screen while you're building, then returns to its real visibility behavior on the front end.
Where to Find and Set the Table of Contents Inclusion
The Table of Contents Inclusion option lets you decide whether the headings inside a module are picked up when Divi builds a Table of Contents for the page. It is available in the Meta option group of every module that can output heading text.
By default, the option is set to Default, which means the module's headings will be included in the Table of Contents generation. Setting it to a different value lets you exclude specific headings so your Table of Contents stays focused on the ones that matter most to your readers.
Here's how to set it:
Open the Module Settings: Click the gear icon on the element whose headings you want to include or exclude.
Locate the Table of Contents Inclusion Option: In the settings panel, look for the Meta option group under the Content tab.
Expand the Table of Contents Inclusion Dropdown and choose one of the available values:
Default keeps the headings in the Table of Contents.
Include: always include any Heading text that a module generates in the Table of Contents.
Exclude: always exclude any Heading text that a module generates from the Table of Contents.
Save Your Settings: The changes are automatically saved.
Note: Table of Contents Inclusion only affects the list that the Table of Contents module renders on your page. It does not change whether the heading itself is visible to visitors - to hide a heading on specific devices or under specific conditions, use the Visibility or Conditions options on the Advanced tab instead.
💡Pro tip: When you're building a long page with several Heading modules used purely for decoration (for example, a large stylized title in a hero section), set their Table of Contents Inclusion to exclude them. Your Table of Contents will then list only the section headings readers actually need to jump to.