Overview
The Divi Dynamic Content Helper plugin adds a “Custom Fields” panel to the Divi Builder so you can view and edit field values without switching to the WordPress backend. This is very innovative, and nothing else is available like this. It supports ACF and native WordPress fields, with ACPT, Pods, and Meta Box support in progress and coming soon.
This custom panel within the Divi Builder is useful in many scenarios. A client might need to update their store hours or contact info directly in the builder without seeing the confusing backend, a content editor might change promotional messages that display dynamically on the page, or a team member could manage event dates or business details without accessing the backend. The main benefit is keeping the custom fields directly within your normal workflow in the builder without switching back and forth, or you just want to avoid the scary backend mess.
How The Settings Work
You can access the settings by going to the WordPress admin area and clicking the Divi Dynamic Content Helper link under the Pee-Aye Creative menu. This brings you to the plugin settings interface. Click the Custom Fields tab on the left sidebar, then the Divi Builder Window subtab.
Enable the setting called “Edit Custom Fields In The Divi Builder” after reviewing the description. This setting is disabled by default, which means the behavior matches that of Divi by default, which does not have a custom fields panel in the builder.
With the setting enabled, go ahead and open the Divi 5 builder. On the left sidebar, look for the new custom fields icon that is added by our plugin. This opens the custom fields window, as shown in the screenshot below.
Supported Custom Field Plugins
We started with support for WordPress native custom fields and Advanced Custom Fields (ACF) and are continuing development with support for ACPT, Pods, Meta Box, and possibly others coming next.
We designed our panel to work with the native fields for those who prefer a simpler experience or don’t need advanced fields. If your site does not have a custom fields plugin installed, the panel will display native WordPress custom fields (assuming they are enabled), similar to how they work in the backend. You will see any existing fields from that page with a button to add a new field.
If a custom field plugin like ACF is installed and active but no fields are assigned to the current location, the panel will show a friendly message with guidance on where to assign fields.
Guides For Each Integration
Below, you’ll find guides for using each supported custom field plugin with the custom fields window in the Divi Builder. Please review each guide for specific details, including supported fields and important notes.
Edit Native Custom Fields
View our full guide on editing native WordPress custom fields in the Divi Builder.
Edit ACF Custom Fields
View our full guide on editing ACF custom fields in the Divi Builder.
Supported Features
We carefully designed our plugin to integrate custom fields into the Divi Builder as naturally and smoothly as possible. Beyond basic field compatibility, we’ve added support for a number of thoughtful features to ensure that the editing experience feels familiar, polished, and complete, matching Divi’s user experience. Below is a detailed look at some of the key features our fields support.
Please refer to our other integration documentation to learn more about the unique field types and features supported by each custom field plugin, including ACF, Meta Box, Pods, and WordPress core custom fields.
Default Value Support
If a default value is set in the custom field settings, it will be automatically populated in the field when editing a post or page for the first time. This means the field will already have a value filled in, even before anything is typed, which is just as you’d expect from how custom fields work in the WordPress backend. This makes it easy to guide users on new pages or posts, ensuring consistent input or pre-fill content as needed.
Placeholder Value Support
If a placeholder is defined for a custom field, it will appear as expected inside the input when the field is empty, offering helpful hints or instructions to guide the user. This is especially useful when handing off sites to clients or teams, helping ensure the field is used correctly.
Hover State Support
When you hover over any custom field in our custom fields window, the border darkens slightly to match Divi’s native interface behavior. At the same time, the Info and Reset to Default icons appear on the right side of the field. This makes it easy to access help text or return the field to its default state without cluttering the UI.
Focus State Support
When you click into a custom field to begin editing, the field border changes to match your selected Divi Builder accent color. This behavior matches that of standard Divi settings and helps clearly indicate which field is active, especially when editing longer forms with many inputs.
Description Support
When a custom field includes a description, it will appear using Divi’s familiar interface pattern. Just like other settings in the Divi Builder, a small information icon (i) appears next to the field label. Clicking this icon reveals the description, offering helpful context or guidance about the field’s purpose.
This integration ensures that field descriptions feel native to Divi and remain out of the way until needed, providing a clean editing experience while still supporting detailed instructions when necessary.
Reset To Default Support
Many native Divi settings include a reset icon to quickly restore the original value. Since the Divi Custom Fields Helper plugin is built to feel right at home inside the Divi interface, we knew this familiar feature had to be part of the experience. To match this expected behavior, we added full support for resetting custom field values as well.
If you enter a value in a custom field and want to revert it back to its default, you can click the reset icon, just like you would with any other Divi setting. Clicking the reset icon will clear any content or repopulate any default value. This mirrors how custom fields behave natively in the WordPress backend and how normal fields work in Divi’s interface.
Validation Support
Custom fields marked as required or with specific input rules will display error or validation messages just like they would in the WordPress backend, but now inside the Divi Builder in our custom fields window. Common messages include ones like “This field is required,” “Invalid email address,” and “Value must be a valid URL.” These messages appear in orange text just below the field, and relevant fields themselves are outlined in orange to make the issue easy to see.
When a field is marked as required, an asterisk appears next to the label. If a value is missing or doesn’t meet the validation criteria, you won’t be able to save, just as you’d expect in the WordPress backend. The save button will turn orange and say “Errors Found—Please Check,” and you cannot click to save until the validation or error is resolved.
Dark Mode Support
Divi includes a built-in dark mode that switches the entire interface to a darker palette. This helps reduce eye strain or match a user’s system preferences.
All custom fields shown in the Divi Custom Fields Helper fully support dark mode. The field and custom window interface adapts to either light or dark mode, ensuring that field controls, labels, messages, and styles remain legible and consistent.
Color Scheme Support
The Divi Builder includes a setting that lets users change the accent color scheme of the interface. This can be useful for differentiating sites, teams, or workflows, with options like Blue (default), Purple, Green, Orange, and Red.
Our custom fields window fully supports this native Divi feature. It automatically adapts to the selected color scheme, so everything remains visually consistent across the builder interface.
