Dynamic Content in Divi 5 lets you connect modules to real data from your WordPress database instead of typing everything manually. For example, Post titles, featured images, author info, custom fields, WooCommerce product details, and more can all be pulled in automatically.
Divi 5 also ties Dynamic Content into Global Variables, so you can centralize not just text and links, but design values like colors and spacing as well.
The result: layouts that adapt to each post, product, or page, while you edit the content once in WordPress.
What Dynamic Content is (and what it can pull)
In Divi 5, Dynamic Content is any value that comes from WordPress or a plugin instead of being typed directly into a module field.
Typical Dynamic Content sources include:
Post or page title
Excerpt
Publish date
Comment count
Featured image
Post or page URL
Author name and author bio
Site title and tagline
Native custom fields
ACF and Toolset fields
WooCommerce product data (title, price, SKU, stock, etc.)
Instead of building one static layout per post, you build one dynamic layout that pulls in the right data for each item automatically.
When it makes sense to use Dynamic Content
Use Dynamic Content whenever:
The same layout should work for many posts or pages (blog templates, product templates, portfolio templates).
You repeat the same piece of information in many places (site name, phone number, company slogan).
You store details as custom fields (ACF, Toolset, native custom fields) and want them to appear automatically in the right spot.
You want post or product info (categories, comment count, price, stock, etc.) to always stay in sync with the database.
Skip Dynamic Content when something is truly one-off and will never be reused or templated.
How to access Dynamic Content in Content fields
You use Dynamic Content via a small icon that appears when you hover over most content fields
.
To connect a content field to Dynamic Content:
Open the module settings by clicking on it or by clicking the gear icon.
Go to the Content tab.
Hover over a field such as Body, Title, Image, or Link URL.
Click the Dynamic Content icon
that appears on the right.Pick the data you want (for example, Post Title, Featured Image, Author, Product Price).
Click the Apply button.
The module now displays that dynamic value instead of static text or manual content.
You’ll see this icon in many places:
Text modules (Body, Heading, Link).
Blurb, CTAs, and buttons (Label, URL, icons).
Image modules (Image source).
Many WooCommerce module fields.
Sizing and Spacing options groups and more.
Inline dynamic content with before/after text
You can also mix static text with Dynamic Content using the Before and After fields:
Click on the Dynamic Content icon
.Choose which Dynamic Content you want to use from the list.
Use the Before and/or After fields to add static content around the dynamic value.
You can also use HTML tags in those fields. Just keep in mind that any opening HTML tag in the Before field should be closed in the After field.
Example: show a product title inside a sentence like “You’re viewing: [Product Title]”.
How to access Dynamic Content in Design options
Divi 5 extends Dynamic Content into the Design tab, where it works together with Global Variables.
Instead of hard-coding a color or spacing value, you can connect that design option to a variable via the Dynamic Content icon. That way, you manage design values from one central place.
To hook a design option to a Global Variable:
Open the module settings.
Go to the Design tab.
Open the option group you want (for example, Spacing, Border, Button).
Hover over a specific option (Padding, Margin, Border Radius, Color, Font).
Click the Dynamic Content icon
.
Choose a suitable Global Variable from the list (Number, Color, Font, or Text, depending on the field).
That option now uses the variable. Changing the variable in the Variable Manager updates every element and preset that references it.
Dynamic Content in templates and the Theme Builder
Dynamic Content becomes most powerful when you build templates, not just single pages.
Typical flows:
Single post template
Use Theme Builder to create a template for All Posts.
Add a Heading module and use the Dynamic Content to display the Post/Archive title,
Add an Image module and use the Dynamic Content to display the Post's Feature Image
Add the Text module and use the Dynamic Content to display the Post's Publish date, Categories to which a post is assgined to, etc.
Post Content module, which is dynamic by default and used to display each post's content.
Every post now uses the same layout but pulls its own data automatically.
Portfolio template
Use custom fields (created with the Advanced Custom Fields plugin) for project details (client name, project date, tools used).
In the template, add Text modules and connect their Body fields to those custom fields via the Dynamic Content icon.
Custom Product page template
For WooCommerce, use Dynamic Content to populate price, SKU, stock status, and product images into your custom product layout.
In all of these, the layout lives in one template; the content comes from the current post or product being viewed.
Dynamic Content and the Loop Builder
Divi 5’s Loop Builder lets you design custom lists of posts, projects, or products and then use Dynamic Content to pull in the right data for each item.
Typical flow:
Design a loop item layout with modules for image, title, excerpt, meta, and button.
Use Dynamic Content for each field so it pulls from the current loop item.
The loop module then repeats that design for every post or product in the query.
Dynamic Content with custom fields and custom post types
If you use plugins like ACF or Toolset, or register your own custom fields/post types, Divi 5 can pull those values in as Dynamic Content.
Typical flow:
Define your custom fields on the post type (for example, Job Title, Location, Rating).
Edit the template or page where you want to show them.
Add a Text or Blurb module.
Click the Dynamic Content icon in the Title or Body field.
Choose the custom field from the list (ACF/Toolset/native).
This is how you turn a plain post type into a structured directory, portfolio, or listing.
Dynamic Content and Global Variables helo creating dynamic content and design systems
Divi 5 blends Dynamic Content and Global Variables so you can centralize both what you show and how you style it.
Examples:
Store a phone number or address once as a Global Text variable, then insert it via Dynamic Content into headers, footers, and contact sections.
Define color and spacing variables, then hook button backgrounds, border radii, and section padding to those variables using the Dynamic Content icon in Design options.
Build custom Loops with the Loop Builder and use the Dynamic Content to display content dynamically into the page.
Practical patterns
A few straightforward setups that work well when you’re just starting with Dynamic Content in Divi 5:
Basic post template
Use Theme Builder to create an All Posts template.
Use Dynamic Content for the title, featured image, author, date, categories, and comment count.
Use the Post Content module to display the main body of your post.
Global contact strip
Create a section with phone, email, and address in Text modules.
Use Global Text variables for each value and insert them via the Dynamic Content icon.
Reuse the section as a global library item in the header, footer, and contact page.
Consistent buttons
Create Color, Number, Font, and Text variables for your brand button style.
In a Button module’s Design tab, attach those variables using the Dynamic Content icon.
Save the result as a preset and reuse it everywhere.
Once you use Dynamic Content as the default for any data that changes per post, product, or client, Divi 5 stops feeling like a static page builder and starts acting like a proper content management layer on top of WordPress.