> For the complete documentation index, see [llms.txt](https://help.inspiredtheme.com/articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.inspiredtheme.com/articles/sections/theme-sections/collapsible-content.md).

# FAQ (Collapsible content)

Answer your customers' most common questions in expandable rows, grouped into categories with an optional sidebar menu.

***

The **Collapsible content** section is an FAQ. Questions are shown as rows that open when clicked, and you can group them into categories. On desktop, an optional sidebar lists the categories so shoppers can jump straight to the topic they need.

{% hint style="info" %}
In **Add section** this section is called **Collapsible content**. Once added, it's labelled **FAQ** in the theme editor sidebar.
{% endhint %}

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FbGx5JHcgksw2ZgWkfZvV%2FScreenshot%202026-04-16%20at%204.37.21%E2%80%AFPM.png?alt=media&amp;token=adba562e-8dc2-4b12-8748-711fce6ebad2" alt="Collapsible content (FAQ) section"><figcaption></figcaption></figure>

### 1. Our guide to set up a Collapsible content section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Collapsible content.**
* Click **Save.**
  {% endhint %}

The section is added with two **Category** blocks, each followed by two **Question** blocks. Edit them, remove them or click **Add block** to add more.

### 2. Section settings

* **Section header**
  * **Subheading:** Small text shown above the heading.
  * **Heading:** The main title. Leave it blank to hide it.
  * **Heading size:** 15–80px.
  * **Heading alignment:** Left / Center.
* **General**
  * **Layout:**
    * **No container:** Questions are separated by lines.
    * **Row container:** Each question sits in its own box, colored by **Color scheme**.
  * **Color scheme:** The color of the question boxes when **Layout** is **Row container**.
  * **Section width:** Full width / Fixed. **Fixed** uses a narrower column that's easier to read.
  * **Show sidebar categories:** On desktop, lists your **Category** blocks in a sidebar next to the questions. Shoppers click a category to jump to it. The sidebar is hidden on mobile.
* **Corner radius**
  * **Corner style:** Square / Slightly rounded.

### 3. Block settings

Blocks appear in the order they're listed in the sidebar. Put a **Category** block first, then the **Question** blocks that belong to it.

**Category block**

* **Heading:** The category name, such as "Shipping" or "Returns". It also appears in the sidebar menu.
* **Icon:** An optional icon next to the heading. Choose from 30 icons, or **None**.
* **Description:** Optional text shown under the category heading.
* **Top padding:** Space above the category, 10–300px. Use it to separate one group of questions from the next.

**Question block**

* **Question:** The question text shown on the row.
* **Icon:** An optional icon next to the question.
* **Answer:** The text shown when the row is opened.

### 4. Tips

* Keep each answer short and link to a full policy page for details, such as your shipping or refund policy.
* Four to six categories work best with the sidebar menu. If you only have a few questions, turn off **Show sidebar categories** and skip the Category blocks.
* The section isn't only for FAQs. You can use it for product care instructions, size information or an "About us" story split into topics.