Getting Started
Role Manager
Topbar
Elements Panel
Form Builder
Media Manager
Style Panel
Page Settings
AI Generator
Dynamic Data Basics
Content Manager
Figma to Droip
API Integrations
Let's Learn
Getting Started
Role Manager
Topbar
Elements Panel
Form Builder
Media Manager
Style Panel
Page Settings
AI Generator
Dynamic Data Basics
Content Manager
Figma to Droip
API Integrations
Elements by default may show some placeholder content when dropped onto the canvas which you can manually change. This type of content is what we call Static.
However, you can configure certain elements to display Dynamic content too! Outside of a Collection, this can be handy if you want to display the current post’s title, excerpt, image, related comments, taxonomies, etc.
Below is a list of the elements that can display Dynamic Content and instructions on how to go about it.
Elements That Can Display Dynamic Content
- Heading
- Paragraph
- Button
- Link Block
- Image
- Form Element – Label
Configure Elements to Display Dynamic Content
Displaying dynamic content using these elements is simple. Just follow the instructions below:
- Start by selecting the element you want to use to display dynamic content.
- Then, from the inline editor click on the Data Collection icon. This will open Dynamic Content Settings.
- From here, define the following:
- Type: Select which type of Collection you want to show from here. Options are Post, Comment, or Terms.
- Value: Select which value from the Collection you just chose that you want to fetch.
And that’s it! Now you can easily use these elements anywhere on your page with or without a Collection element and showcase dynamic data with just a few clicks.
For instance, to display the Page Title, you can just set the Type as Post and choose the Value as Title!
📝 Note: Again, keep in mind that these elements when used outside of a Collection, have the scope of dynamic content limited to the current page and everything related to it since you cannot define any specific Collection Item here.