Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

  • Table (Adv) Block
  • Create a Full Screen Landing Page
  • How to use Popup Modal Filters with Advanced Query Loops
  • Integrating Kadence Forms with Mailchimp
  • Site Identity Block
  • Search (Adv) Block
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • The Kadence Header (Adv) Block
  • Google Maps Block
  • Integrating Kadence Forms with Mailerlite
  • Repeater Block
  • Accordion Block
  • Progress Bar Block
  • Form (Adv) Block
  • Gallery (Adv) Block
  • Section Block
  • Product Carousel Block
  • Image (Adv) Block
  • Buttons (Adv) Block
  • Count Up Block
  • Table of Contents Block
  • Lottie Animation Block
  • Show More Block
  • Posts Block
  • Countdown Block
  • Tabs Block
  • Row Layout Block
  • Form Block
  • Info Box Block
  • Spacer/Divider Block
  • Icon Block
  • Icon List Block
  • Text (Adv) Block
  • Testimonial Block

Getting Started

  • Kadence AI-Powered Design Library
  • Installing Kadence Blocks
  • Setting custom widths in multi-column Row Layout Blocks
  • How to define a color Palette with Kadence Blocks
  • How to delete/remove a Block
  • How to Duplicate and Copy/Paste Block Styles
  • Setting Block Defaults
  • Kadence Blocks Pexels Integration

Block Tutorials

  • Responsive Breakpoints in Kadence
  • How to use Popup Modal Filters with Advanced Query Loops
  • Using GIFS and Lottie Animations with Kadence Blocks
  • Search (Adv) Block
  • Displaying Shortcodes in the WordPress Editor
  • Integrating Kadence Forms with Mailchimp
  • Advanced Navigation Sub Menus and Mega Menus
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Creating Sticky and Transparent Advanced Headers
  • Getting started with Advanced Header/Navigations
  • Integrating Kadence Forms with Mailerlite
  • Split Content Quick Start Guide
  • How to control the Kadence Design Library
  • Adding Video Backgrounds to Row Layout
  • Pexels Picker
  • Adding Old Wireframes, Starter Packs, and Sections to the New Design Library
  • How to customize the design library color palette
  • Adding a Fullwidth Row
  • Adding Privacy Policy link to Kadence Form
  • Set Equal Column Heights with the Row Layout Block
  • Image Overlay Quick Start Guide
  • Modal Block Quick Start Guide

Pro Addon

  • Custom Queries for Advanced Query Loop Block
  • Kadence Blocks Pro Plugin
  • Advanced Slider
  • Video Popup Block
  • Image Overlay Block
  • Split Content Block
  • Modal Block
  • Dynamic Content
  • Query Loop (Adv) Block
  • Repeater Block
  • Using a Dynamic List Block
  • Dynamic Content: Custom Input and Showing Fields from all Post Types
  • How to Design a Post Grid/Carousel using a Kadence Element
  • Dynamic HTML Block
  • Using Custom SVG Icons with Kadence Blocks
  • Post/Grid Carousel Block
  • Kadence Custom Fonts
  • Post Grid/Carousel Block – Configure a Blog List

Troubleshooting Blocks

  • How to Recover a Broken Block

Advanced

  • Prebuilt Layouts
  • Using Tooltips with Kadence Blocks
  • Custom Queries for Advanced Query Loop Block
  • Adding a Custom Font to Kadence Blocks

Advanced Headers

  • Importing & Exporting Advanced Headers & Navigations
  • The Kadence Header (Adv) Block
  • The Kadence Navigation (Adv) Block
  • The Kadence Navigation Link Block
  • Getting started with Advanced Header/Navigations
  • Getting the most out of Navigation Link Blocks
  • Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder
  • Creating Sticky and Transparent Advanced Headers
  • Advanced Navigation Sub Menus and Mega Menus
  • Advanced Header Best Practices
  • The Kadence Navigation Builder
  • The Kadence Visual Builder & Off Canvas Settings
  • Building Headers and Footers in Full Site Editing with Kadence Blocks
  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Blocks
  • Pro Addon

Dynamic Content

Kadence Blocks Pro offers the Dynamic Content feature. Dynamic Content, generally speaking, is any content entered on your site that is not static. For example, when a user is logged in and reviewing their account on your site, they are viewing their own account information that is dynamically pulled from the WordPress Database rather than statically entered in a post or page.

Table of Contents
  • Requirements
  • Blocks That Support Dynamic Content
  • Adding Dynamic Content
    • Available Dynamic Content Types
    • Dynamic Sources
  • Repeatable Content
  • Dynamic Custom Fields
  • More Resources

Requirements

Dynamic Content is a Kadence Feature that comes with the Kadence Blocks Pro plugin.

If you would like to use Dynamic Content inside of an Element and Hook it across your website, you also need the Kadence Theme Pro plugin. This plugin features Hooked Elements, which can be combined with Dynamic Content to create Template Elements and Dynamic Designs that can be hooked across your website.

You can also use Custom Fields from the Advanced Custom Fields, Pods, or Metabox plugin with Dynamic Content. Allowing you to dynamically display your custom fields across your website.

Blocks That Support Dynamic Content

Dynamic Content is a feature available on different Kadence Blocks. It is also available on some Gutenberg Blocks. Here is a list of all of our Blocks that support Dynamic Content.

Kadence Blocks

  • Dynamic HTML Block
  • Advanced Text Block
  • Advanced Button Block
  • Advanced Image Block
  • Advanced Gallery Block
  • Dynamic List Block
  • Image Overlay Block
  • Split Content Block
  • Video Popup Block
  • Row Layout Block
  • Section Block
  • Icon Block
  • Icon List Block
  • Info Box Block
  • Multiple Advanced Form Fields

Default Gutenberg Blocks

  • Paragraph Block
  • Heading Block
  • Quote Block
  • Preformatted Block
  • Pullquote Block
  • Table Block
  • Verse Block
  • Media and Text Block
  • Button Block

Adding Dynamic Content

You can add Dynamic Content anywhere you see the Dynamic Content Icon. You will see the Dynamic Content Icon either in the Block ToolBar or next to a Block Setting.

Block Toolbar Dynamic Icon
Dynamic Icon Block Setting

Available Dynamic Content Types

Whenever you add Dynamic Content, you will have to select the Content in which you are going to use. This could be like a Post Title or an Author Display Name. You can click on the Dropdown to select one of our many Dynamic Content options available.

Content Selection

Available Content Options
Post – Post Title, Post URL, Post Excerpt, Post ID, Post Date, Post Last Modified Date, Featured Image URL, Post Type, Post Status, and Post Custom Field.
Archive – Title, URL, Description, or Archive Custom Field.
Site – Site Title, Tagline, URL, Page Title, Current Users Display Name, or Site Custom Setting.
Media – Media URL, Media TItle, Media Caption, Nedua Description, Media Alt Text, Media File Name, Attachment URL, Media Custom Field
Author – Author Display Name, Author First Name, Author Last Name, Author Bio, or Author Custom Field
Meta Relationship – Post Title, Post URL, Post Excerpt, Post Featured Image URL, Post Type, or Post Custom Field

Dynamic Sources

When selecting Dynamic Content, you have the Source and Content options. The Source option determines which source the Dynamic Content is pulled from. The Source is set to the “Current Post” by default. This means the Dynamic Content would apply to the current post shown on. If you were to add this to an Element and display it on multiple Posts, the Dynamic Content would change according to the Current Post that is being viewed.

The Current Post doesn’t directly mean the default Post. If you apply a Custom Field to a Custom Post Type, it would also use the Current Post source to display content from the Current Custom Post.

Usually, the Source stays as “Current Post”. However, there are many cases where you may want to change this. For example, if a restaurant had a website with a Menu that used Custom Fields to display the Items and Prices. You may want to show the Price of a Menu Item Dynamically somewhere else. You can do this by making the Menu Post the Source for the Dynamic Content and selecting the appropriate Custom Field to display the Price. This would allow you to show the Price Dynamically. If you would change the Menu Price, it will also change on the Dynamic Content.

When viewing the Content Source, you will see an Edit Icon. If you click on the Edit Icon, you can Search for a different Content Source to use.

Edit Source

Repeatable Content

One of the notable features within Dynamic Content is “Inline Dynamic Content.” This feature offers two distinct modes:

Inline Mode: In this mode, dynamic content integrates seamlessly with static text within supported blocks. You can customize and edit the text as needed, making it a flexible choice for content creation. This mode is the default way Dynamic Content behaves outside of the Query Loop (Adv) Block.

Replacement Mode: The “Replacement” mode completely replaces the existing text area within supported blocks with dynamic content. This mode is ideal when you want dynamic content to take precedence and remain uneditable, especially in scenarios like query loops.

The system is designed to be intelligent, selecting the appropriate mode based on the context. By default, it uses the “Replacement” mode in situations where it makes more sense, such as within a query loop, and the “Inline” mode for all other scenarios.

You can manually toggle between the two modes by accessing the “Dynamic Content Mode” or a similar option within the block’s “Advanced” settings.

Use Repeater Context
Dynamic Replace Mode Block Setting

Dynamic Custom Fields

You can display Custom Fields from ACF or Metabox using Dynamic Content.

When selecting your Dynamic Content Type, you can select Post Custom Field. Then, you will be able to select your Custom Field to show it dynamically.

custom field select

More Resources

  • https://www.kadencewp.com/blog/how-to-use-dynamic-content-with-kadence/
  • https://www.kadencewp.com/help-center/docs/non-knowledgebase/dynamic-content-custom-input-and-showing-fields-from-all-post-types/
Modal BlockQuery Loop (Adv) Block
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog