> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fetchski-attract.com/llms.txt
> Use this file to discover all available pages before exploring further.

# FAQ

> Answer common questions in a tidy list that opens one answer at a time.

Answer your customers' common questions with the FAQ section. Visitors click a question to open its answer, so even a long list stays easy to scan.

 **Who can do this:** anyone who can edit the page. The **CSS** tab is for Admins and Owners.

![Parker's FAQ section as visitors see it: eyebrow "FAQ", heading "Frequently asked questions", 6 questions as a divided list, the first one open showing its answer.](https://mintcdn.com/fetchski-attract-api/OLdYoUpjyEyrK8L8/images/cms/guides/sections/faq/guides-sections-faq-overview-light.png?fit=max\&auto=format\&n=OLdYoUpjyEyrK8L8\&q=85\&s=eea57f6192648a4c236e92bbc2cc9f7b)

An FAQ in the Accordion layout, with the first answer open.

## When to use it

* To build a full FAQ page that answers questions before people call you.
* To show your top 3 to 5 questions on the home page, with a link to the full list.
* To answer questions about one service right on that service's page.

## Where the questions come from

You don't type questions into the section. You write each question and answer once in the **FAQs** manager, and sort them into categories in the **FAQ Categories** manager if you like. Every FAQ section then shows them, in the order you set there.

To open a manager, press ⌘K (Ctrl+K on Windows) and choose **FAQs** or **FAQ Categories** under **Manage**. See [FAQs](https://docs.fetchski-attract.com/guides/content/faqs.md) for every option.

## Add it to a page

**1. Open the page**

Sign in, open the page on your site, and choose **Edit** in the edit bar at the top.

**2. Find the spot**

Select the section next to where the new one should go. A round **+** button appears on its top and bottom edges. On an empty page, choose **Add Content** in the middle.

**3. Choose the section**

The **Add Content** menu opens with its groups. Choose the section, then select it and choose **Edit** in its side toolbar to make it yours.

For the full walkthrough, see [Add, move and remove sections](https://docs.fetchski-attract.com/guides/build-pages/add-move-remove-sections.md).

Choose **Add Content** → **Content** → **FAQ**. The section fills in right away with the questions you have published.

You can also put an FAQ inside a column of a **Layout** section. In a blog post's **Body**, it's in the **Sections** group.

## What you can change

Select the FAQ section on the page and choose **Edit**. The editor opens beside the page, so you see each change as you make it. It has eight tabs.

Your changes go into the page's draft. Visitors see them once the page is published with **Update** in the edit bar (**Publish** on a page never published).

![The FAQ editor open on the Questions tab beside the live section, with the tab strip ringed (Header, Questions, Cards, Text, Background, Fonts, Button, CSS), then Only these categories ringed, Group questions, and Section layout ringed.](https://mintcdn.com/fetchski-attract-api/l0eBwtzJpLtH9LWE/images/cms/guides/sections/faq/guides-sections-faq-editor-light.png?fit=max\&auto=format\&n=l0eBwtzJpLtH9LWE\&q=85\&s=b13c7b28e5594e33cc7dc059e0d6d3e9)

The FAQ editor, with the section updating beside it.

> [accordion] Header
>
> The words above the questions. Each part is optional.
>
> * **Eyebrow**: a short line above the heading, such as "FAQ".
> * **Heading**: the section's title, such as "Frequently asked questions". Leave it empty to hide the heading. To show just the questions, clear the eyebrow and intro line too.
> * **Intro line**: one short sentence under the heading.
> * **Header alignment**: **Center** or **Left**. The Split layout always puts the header on the left.
>
> Each part also has a weight, and the eyebrow and intro have a size. Each color can be set separately for the dark and light themes.

> [accordion] Questions
>
> Which questions show, and how visitors open them.
>
> **Which questions show**
>
> * **Featured questions only**: show only the questions marked **Featured** in the **FAQs** manager. Use it for a short top-questions block.
> * **Maximum questions**: the most questions to show, from 1 to 50. The default is 12, so raise it for a full FAQ page.
> * **Only these categories**: pick 1 or more categories to show only their questions. Leave it empty to include every category. **Featured questions only** and **Maximum questions** still apply.
> * **Group questions**: **No grouping (one list)**, or **By category** to put a small heading over each category. Questions without a category come last.
>
> When you group by category, the categories follow the order you picked them in **Only these categories**. If you picked none, they follow the order set in the **FAQ Categories** manager.
>
> **Section layout**
>
> * **Accordion (single column)**: the classic FAQ, one centered column.
> * **Split (header beside questions)**: the heading and button sit in a column on the left, with the questions beside them. On phones they stack.
> * **Two columns**: the questions split into 2 columns side by side.
> * **Open panels (all answers visible)**: every answer shows at once, in cards. Set **Panel columns** to 1, 2 or 3.
>
> **How answers open** (not shown for Open panels)
>
> * **Opening behavior**: **One at a time** closes the last answer when a visitor opens another. **Independent** lets them keep several open.
> * **Open the first question initially**: start with the first answer showing.
> * **Toggle icon**: the symbol beside each question that opens and closes its answer. **Plus / close** shows a plus that turns into an × when the answer is open. **Chevron** shows a small arrow that points down, then up when the answer is open.
>
> **Space between questions**: **Tight**, **Normal** or **Roomy**.
>
> **Publish FAQ structured data (JSON-LD)**: adds a hidden, machine-readable copy of these questions and answers to the page, for search engines such as Google. It doesn't change what visitors see. It's on by default.
>
> Turn it off only to keep this section's questions out of that hidden copy. The questions still show on the page.

> [accordion] Cards
>
> * **Card style**: the default **Plain — no chrome** gives the classic list, with a thin line between questions. Any other style turns each question into its own card. See [Buttons and card styles](https://docs.fetchski-attract.com/guides/site-design/buttons-and-card-styles.md).
> * **Hover effect**: what a question does when a visitor points at it. The default is **None**.
> * **Accent**: the color of the toggle icon and the open question's highlight. Leave it empty to use your site's accent color.

> [accordion] Text
>
> The size, weight and color of the questions and the answers. When you group by category, you can also set the weight and color of the category headings.

> [accordion] Background
>
> Give the section its own background color, from your site's palette or a custom color. See [What every section shares](https://docs.fetchski-attract.com/guides/sections/what-every-section-shares.md).

> [accordion] Fonts
>
> Use a different typeface for parts of this section only, such as the questions. Leave it empty to use the page's fonts, which normally come from **Site design** → **Typography**. See [What every section shares](https://docs.fetchski-attract.com/guides/sections/what-every-section-shares.md).

> [accordion] Button
>
> One optional button, such as "Still have questions? Contact us". In the Split layout it sits under the heading. In the other layouts it appears below the last question.
>
> It starts empty and shows only once it has both a label and a link. See [Buttons and card styles](https://docs.fetchski-attract.com/guides/site-design/buttons-and-card-styles.md).

> [accordion] CSS
>
> Custom styles for this section only. Admins and Owners can change this tab. See [Custom CSS](https://docs.fetchski-attract.com/guides/site-design/custom-css.md).

## Looks you can make

![A Split FAQ: heading, intro and a "Contact us" button in the left column, the questions on the right with chevron icons.](https://mintcdn.com/fetchski-attract-api/OLdYoUpjyEyrK8L8/images/cms/guides/sections/faq/guides-sections-faq-split-light.png?fit=max\&auto=format\&n=OLdYoUpjyEyrK8L8\&q=85\&s=5bfa6a25dfdff337bfa87a722475a71f)

Split puts your heading and button beside the questions.

**A contact-page FAQ.** Set **Section layout** to **Split (header beside questions)**, choose the **Chevron** icon, and add a "Contact us" button.

![A full FAQ page grouped by category ("Daycare", "Training", "Booking"), each question a raised card.](https://mintcdn.com/fetchski-attract-api/OLdYoUpjyEyrK8L8/images/cms/guides/sections/faq/guides-sections-faq-grouped-cards-light.png?fit=max\&auto=format\&n=OLdYoUpjyEyrK8L8\&q=85\&s=4e982b8dbc16c1c62d69a048220a0f11)

Grouped by category, with each question on its own card.

**A full FAQ page.** Set **Group questions** to **By category**, raise **Maximum questions**, and choose **Raised — lit soft card** as the **Card style**.

![An FAQ with Open panels: 4 featured questions in a 2-across grid of cards, every answer visible.](https://mintcdn.com/fetchski-attract-api/OLdYoUpjyEyrK8L8/images/cms/guides/sections/faq/guides-sections-faq-open-panels-light.png?fit=max\&auto=format\&n=OLdYoUpjyEyrK8L8\&q=85\&s=ba230252915ed0e004591300fa8f209f)

Open panels show every answer at a glance.

**Top questions at a glance.** Turn on **Featured questions only** and choose **Open panels (all answers visible)** with 2 **Panel columns**.

## Good to know

* **Answers open on click.** In every layout except Open panels, visitors see the questions and click one to read its answer. To show every answer at once, choose **Open panels (all answers visible)**.
* **Built to be accessible.** Each question is a real button that works with a keyboard and screen readers. The open and close motion is turned off for visitors who prefer less motion.
* **One set of search data per page.** If a page has several FAQ sections, their questions are combined for search engines.
* **No questions yet?** Visitors see nothing. Signed-in editors see a note pointing to the **FAQs** manager.
* **Demo questions.** A new site comes with demo questions. While the section shows them, editors see a "Demo content only" notice. Visitors see the demo questions too if you publish the page, so add your real questions first. The demo questions are removed as soon as you publish your first real question.
* **Drafts show while you edit.** You see questions you haven't published yet. Visitors see only published ones.

## Appearance options

Most sections also share a few tabs that work the same everywhere:

* **Background**: set the color behind the section, separately for the dark and light themes.
* **Fonts**: use a different typeface for parts of this section only.
* **CSS**: add custom styles to this section. Admins and Owners can change it.

See [What every section shares](https://docs.fetchski-attract.com/guides/sections/what-every-section-shares.md) for every option.

## Related

> [card] [Manage FAQs](https://docs.fetchski-attract.com/guides/content/faqs.md)
>
> write questions and answers, and sort them into categories.

> [card] [Side-by-side layouts](https://docs.fetchski-attract.com/guides/build-pages/side-by-side-layouts.md)
>
> put an FAQ in a column next to text or a photo.

> [card] [Page SEO](https://docs.fetchski-attract.com/guides/build-pages/page-seo.md)
>
> how a page shows up in search.

> [card] [Buttons and card styles](https://docs.fetchski-attract.com/guides/site-design/buttons-and-card-styles.md)
>
> every card style and hover effect.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.