Divi Dynamic Helper Plugin Feature Update 1.2

Divi Dynamic Helper Plugin Feature Update 1.2

This update adds dynamic content for all color pickers, and dynamic content support in the Divi Code module for code, embed codes, or iframes!

New Features

Dynamic Content In The Divi Code Module

You asked, we listened! Many of you wanted to use iframes or embed code in custom fields and display them on the frontend, and now you can! We added dynamic content support to the Divi Code module, which means you can connect the module to any custom field that contains an embed code or iframe, and it will act as the window for that code on the frontend.

dynamic content icon in the Divi Code module with the Divi Dynamic Helper plugin

Embed Anything In Your Site With Iframes

You can display anything that has an iframe embed code!

  • YouTube Videos
  • Rumble Videos
  • Wistia Videos
  • Vimeo Videos
  • Google Map
  • Facebook Posts
  • Twitter Tweets
  • Pinterest Pins
  • Audio players
  • Signup forms
  • Mailchimp Forms
  • Spotify Songs
  • Spotify Playlists

What Is An Iframe: An iFrame is a window that lives within your page, but shows its content from an outside source. Their purpose is to make it quick and easy to add some third party element such the ones mentioned above into your website page.

Run Code On Page From Custom Field!

This dynamic Code module opens up some crazy potential. Now you can literally add CSS or jQuery code to a custom field, connect the Code module to the field, and the code will run on that page!

Here’s a basic example, let’s say I want all my Text modules to have a red background on any page with this custom field. First I add the the code to a custom field.

adding CSS or jQuery code to a custom field to dynamically run in the Divi Code module

Then add the Code module and connect it to the custom field.

using dynamic content in the Divi Code module with Divi Dynamic Helper plugin

When you exit the Visual Builder, the code takes effect and the Text module has a red background!

running code with dynamic content in the Divi Code module with Divi Dynamic Helper plugin

This was not the main reason for adding dynamic content to the Code module, but it’s fun that this also works. I’m sure some of you are going to find some good use cases for this! I tested this with HTML, CSS, and jQuery, and they all worked great!

New Dynamic Colors

Now you can use dynamic content to set your website colors from custom fields! Simply add a hex color to a custom field, or use a color picker such as the Advanced Custom Fields color picker field, and connect the color picker in the Divi section, row, or module to the custom field, and the color will take effect on the frontend!

set color in custom fields and show on frontend using dynamic content in the Divi Dynamic Helper plugin
dynamic content color from custom field support in the Divi Dynamic Helper plugin

This dynamic content for colors feature and icon option is available in all the color picker fields in the Divi Builder, including things like the background in sections, rows, and modules, text colors in all text related modules, and border colors. Note that colors from custom fields are not rendered in the Divi Builder preview due to the nature of this hack. Also note, this dynamic color feature is not working for border colors yet, we are having some trouble getting those to work.

New Settings Panel In Theme Options

We have added settings in the Divi Theme Options area for each of the plugin features. Now you can enable or disable each feature!

Divi Theme Options Settings to enable or disable each feature in the Divi Dynamic Helper plugin

Documentation

As with all of our products, every setting and feature of the plugin is well documented! Go check out the plugin documentation area for the getting stared guide and very thorough videos and written guides.

Divi Dynamic Helper Plugin by Pee Aye Creative

Last updated Nov 15, 2022 @ 3:44 pm

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

2 Comments

  1. Sabine van Erp

    This is such a powerful plugin Nelson! Just what I needed. Now I can put html code in 2 custom fields on my posts template.
    Before I could only display the categories and clicking on it showed the archive page. Now using the dynamic helper I can display the hyperlinks to specific pages.
    I am very happy
    https://www.kpmzwf.nl/organisaties/philadelphia/

    Reply

Submit a Comment

Your email address will not be published.

Recent Posts

0

Your Cart