Field Render

Render an enhanced version of the native Flexible Content field. Dozens of new settings and controllers were added, allowing developers to create the most advanced page builder and fully control its behavior.

Click the "Add Row" button below to start creating your layout
0 Cards
Click the "Add Card" button below to start creating your layout
0 Card
0 Header
Title Link
1
0 Hero
0 Newsletter
2 Hero
Introducing Flexible Content
Dynamic Preview
3 Cards
Gallery
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.
Hero
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.
Cards
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.
Newsletter
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.
Click the "Add Card" button below to start creating your layout
0 Card
1 Card
2 Card
3 Card
4 Card
4 Newsletter

Field Settings

Setting nameDescription
Advanced Flexible ContentShow advanced Flexible Content settings
Stylised ButtonBetter actions buttons integration
Hide Empty MessageHide the empty message box
Empty MessageText displayed when the flexible field is empty
Disable Legacy Layout Title AjaxDisable the native ACF Layout Title Ajax call. See ACF documentation.
Layouts: ThumbnailsSet a thumbnail for each layouts. You must save the field group to apply this setting
Layouts: SettingsChoose a field group to clone and to be used as a configuration modal
Layouts: AsynchronousAdd layouts using Ajax method. This setting increase performance on complex Flexible Content
Layouts: RenderSet template, style & javascript files for each layouts. This setting is mandatory in order to use get_flexible() function. You must save the field group to apply this setting
Layouts: Dynamic PreviewUse layouts render settings to display a dynamic preview in the post administration
Layouts: PlaceholderDisplay a placeholder with a pencil icon, making edition easier
Layouts: Title EditionAllow layout title edition
Layouts: Copy/PasteAllow copy/paste layouts functions
Layouts: ToggleAllow toggle layouts function
Layouts: Close ButtonDisplay a close button to collapse the layout
Hide: Add layout buttonHide all “Add layout” buttons
Hide: Duplicate layout buttonHide the “Duplicate layout” button
Hide: Delete layout buttonHide the “Delete layout” button
Lock Flexible ContentDisable the drag & drop function and lock the flexible content
Layouts Modal: EditionEdit layout content in a modal
Layouts Modal: SelectionSelect layouts in a modal. Enables: Modal Title, Columns & Categories settings
Layouts: Force StateForce layouts to be collapsed or opened

Usage Example

See the Dynamic Render & Preview in action with this usage example.

Learn more

Available Hooks

The Flexible Content has dozens of available hooks allowing developers to customize the field’s behaviors.

Learn more