The Meta option group helps you to customize each element's Element Label and also to Force the Visibility of an element inside the Visual Builder.
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 Visibile 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.