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

---

# Using the Accordion Field

## In this article

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

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

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

 1. Create a new Field Group
 2. Add an Accordion field
 3. Configure basic settings:
 4.  * Set a clear section title
     * Choose if it should be open by default
     * Decide if multiple sections can be open

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

 1. Organizing Content Sections
 2.  * Group related fields together
     * Use clear section names
     * Consider the editing workflow
 3. Creating Form Sections
 4.  * Basic Information
     * Detailed Content
     * Settings/Configuration

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

 * Keep section names concise but descriptive
 * Don’t nest accordions too deeply
 * Consider using endpoints to create clear breaks
 * Group related fields logically

First published

February 20, 2025

Last updated

February 21, 2025

Edit article

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

Changelog

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

[  Previous: Accordion Field](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/accordion/)

[  Next: ACF_Repeater_Table](https://developer.wordpress.org/secure-custom-fields/code-reference/fields/class-acf-repeater-table-file/)