5 Awesome Uses for Divi’s Dynamic Content

January 14, 2019

Divi has seen a lot of interesting updates in the past year. One of the most important updates for Divi brought in expanded control of dynamic content. This is content that’s pulled from your WordPress database and then it’s managed by WordPress, themes, or plugins.

Typical dynamic content includes the website title, logo, description, page and post titles, featured images, excerpts, and any custom fields that you or your plugins have created. Divi could already handle dynamic content in modules such as Post Titles, but dynamic content is now a feature that’s found within Divi’s sections, rows, and modules.

In this article, we’ll take a look at 5 awesome uses for Divi’s dynamic content.

Using Dynamic Content in the Divi Builder

5-awesome-uses-for-divis-dynamic-content Theme Builder Layout

Dynamic content is available in the Visual Builder or the new backend builder. A button appears in the content area of a module called Use Dynamic Content.

5-awesome-uses-for-divis-dynamic-content-1 Theme Builder Layout

Click the dynamic content icon to see what content you can display. Choose the content in order to connect the content to the module. The content of that module will now update to match the content. This is great for creating templates. Let’s look at a few examples.

1. Travel Destinations

5-awesome-uses-for-divis-dynamic-content-2 Theme Builder Layout

I’m creating a simple layout to show information about travel destinations. First, I created custom fields for the price and date. I’ve added the dollar sign, but it can also be added within the Divi module.

5-awesome-uses-for-divis-dynamic-content-3 Theme Builder Layout

Here, I’ve added an image module and selected dynamic content. I chose the featured image as the image that it displays.

5-awesome-uses-for-divis-dynamic-content-4 Theme Builder Layout

I’ve added a text module and selected the custom field for the price.

5-awesome-uses-for-divis-dynamic-content-5 Theme Builder Layout

I added another text module to show the date custom field.

5-awesome-uses-for-divis-dynamic-content-6 Theme Builder Layout

The one under the image will show the post title.

5-awesome-uses-for-divis-dynamic-content-7 Theme Builder Layout

I’ve added another module under the title to show the post categories.

5-awesome-uses-for-divis-dynamic-content-8 Theme Builder Layout

I customized the layout a little further with a button to book the travel destination and made the featured image take a larger portion of the screen.

5-awesome-uses-for-divis-dynamic-content-9 Theme Builder Layout

Every element is dynamic, so I can save it to my library and the content will be created automatically when I create a new travel destination. All I’d have to do is add the featured image and custom fields.

2. Recipes

5-awesome-uses-for-divis-dynamic-content-10 Theme Builder Layout

This one uses the Food Recipes layout. I wanted to turn a portion of the recipe layout into dynamic content.

5-awesome-uses-for-divis-dynamic-content-11 Theme Builder Layout

The hero section itself shows the background image, so I added the background image as the featured image and set it as the dynamic content for the section.

5-awesome-uses-for-divis-dynamic-content-12 Theme Builder Layout

I created custom fields for each of the information boxes.

5-awesome-uses-for-divis-dynamic-content-13 Theme Builder Layout

I replaced the text boxes with blurbs. This allowed me to keep the titles and add dynamic content to the blurb.

5-awesome-uses-for-divis-dynamic-content-14 Theme Builder Layout

I added another blurb to show post categories.

5-awesome-uses-for-divis-dynamic-content-15 Theme Builder Layout

Now, the hero background, titles, categories, and information are all dynamic. The category is clickable.

3. Car Rentals

5-awesome-uses-for-divis-dynamic-content-16 Theme Builder Layout

This one’s using the Car Rentals layout. I’m modifying the listing layout by turning most of the text into tags. I’ve also added some text that I want to use as an excerpt.

5-awesome-uses-for-divis-dynamic-content-17 Theme Builder Layout

I used a custom field for the price and tags for the rest of the information.

5-awesome-uses-for-divis-dynamic-content-18 Theme Builder Layout

I created multiple copies and only had to change the title, price, and tags and they automatically displayed within their modules.

5-awesome-uses-for-divis-dynamic-content-19 Theme Builder Layout

I’m using a blog module to display the posts.

4. Clothing

5-awesome-uses-for-divis-dynamic-content-20 Theme Builder Layout

For this one, I’m using the Fashion layout. I wanted to add some information to each of the clothing photos throughout the layout.

5-awesome-uses-for-divis-dynamic-content-21 Theme Builder Layout

I added several custom fields to choose from. Now I can add the info anywhere I want.

5-awesome-uses-for-divis-dynamic-content-22 Theme Builder Layout

Here, I’ve added a few of the specs as tags and styled the text modules to match the section.

5-awesome-uses-for-divis-dynamic-content-23 Theme Builder Layout

I’ve used the specs as short descriptions and styled them to match the background of the following section.

5-awesome-uses-for-divis-dynamic-content-24 Theme Builder Layout

For this image, I used dynamic content to select a sale percentage to display. The percentage can be changed easily from within the module.

5. Product Review Layouts

5-awesome-uses-for-divis-dynamic-content-25 Theme Builder Layout

For this example, I’m using the About page from the Hardware Store layout to create a product review template. This one will not include custom fields. This way, all I’ll need to do to create a new review is create the body content and add the featured image and categories as normal. I’ll remove the contact info from the top of the image, make the image larger, and show the title over the image. I’ll also add some meta info in the orange box.

5-awesome-uses-for-divis-dynamic-content-26 Theme Builder Layout

I’ve changed the layout for the orange box, giving it three columns with a text module in each column. The first module shows the publish date, the second shows the author’s name, and the third shows the categories. I’ve increased the size of the text and deleted the original content.

5-awesome-uses-for-divis-dynamic-content-27 Theme Builder Layout

The row settings now show the featured image for the background. I’ve also increased the height of the row.

5-awesome-uses-for-divis-dynamic-content-28 Theme Builder Layout

I’ve changed the text module to display the title and I added another text module to display the website’s tagline. The layout now provides a dynamic header for the product review.

5-awesome-uses-for-divis-dynamic-content-29 Theme Builder Layout

I copied the orange meta box, moved it to the bottom of the review template, and selected tags in order to create links for related reviews.

5-awesome-uses-for-divis-dynamic-content-30 Theme Builder Layout

I’ve set the text to center and added some padding and a box shadow. All of this content fills in automatically, so it every review or blog post that uses this layout will link to the tags that I use for the post.

Ending Thoughts

Dynamic content for Divi’s sections, rows, and modules opens up a lot of design possibilities. It can also save a lot of editing time for situations where you want to change a value in one location and it’s automatically reflected to every section, row, or module on the page that uses that value. I’ve just scratched the surface of what can be done with dynamic content, but it’s easy to see how simple it is to create templates for just about anything.

Do you use Divi’s dynamic content? Let us know about it in the comments.

Share this article:
 




eHost-square-ad Theme Builder Layout

We’re listening.

Have something to say about this article? Share it with us on Facebook, Twitter or LinkedIn:

SHARE IT HERE:

Related Posts

the-divi-cyber-monday-sale-has-begun Theme Builder Layout

The Divi Cyber Monday Sale Has Begun!

Black Friday Exclusive Perks Sneak Peek! Posted on November 27, 2019 by Nick Roach in General News Get Ready Black Friday Is Coming Black Friday only comes once a year, and when it does, we like to do something really special. This year’s Black Friday sale starts on...

Get ALL Your SEO, WordPress & Divi News

Join Our Daily Roundup

SEO News and More

SEO News and More

Subscribe ToThe Weekly SEO Trade News Updates

Get the latest SEO, SEM and SMM marketing intel, tips and tricks from one of the best SEO Gurus online. 

Every Tuesday morning we send out an aggregated email listing all new posts on SEO Trade News.

Excellent! Now check your email to confirm your subscription.