Title: Using the Flexible Content Field
Published: February 20, 2025
Last modified: February 21, 2025

---

# Using the Flexible Content Field

## In this article

 * [Basic Setup](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#basic-setup)
 * [Common Use Cases](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#common-use-cases)
 * [Tips](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#tips)

[ Back to top](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#wp--skip-link--target)

## 󠀁[Basic Setup](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#basic-setup)󠁿

 1. Create a new Field Group
 2. Add a Flexible Content field
 3. Configure layouts:
 4.  * Create layout types
     * Add fields to each layout
     * Set minimum/maximum
     * Configure button labels

## 󠀁[Common Use Cases](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#common-use-cases)󠁿

 1. Page Building
 2.  * Content sections
     * Landing pages
     * Dynamic layouts
 3. Content Management
 4.  * Article components
     * Product displays
     * Feature blocks

## 󠀁[Tips](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/flexible-content-tutorial/?output_format=md#tips)󠁿

 * Plan layouts carefully
 * Use clear layout labels
 * Consider nesting depth
 * Optimize for editors

First published

February 20, 2025

Last updated

February 21, 2025

Edit article

[ Improve it on GitHub: Using the Flexible Content Field ](https://github.com/wordpress/secure-custom-fields/edit/trunk/docs/features/field/flexible-content/tutorial.md)

Changelog

[ See list of changes: Using the Flexible Content Field ](https://github.com/wordpress/secure-custom-fields/commits/trunk/docs/features/field/flexible-content/tutorial.md)

[  Previous: Flexible Content Field](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/flexible-content/)

[  Next: Gallery Field](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/gallery/)