# FAQ page

The **FAQ page template** makes it easy to provide answers to common questions about your store. The template includes preset sections collapsible rows to organize questions by different categories, such as "Orders", "Shipping", and "Products".

<figure><img src="https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2FOMvUbDFqQwZqZrRRo8fF%2Fimage.png?alt=media&#x26;token=7e0de6b0-b2a5-4f03-9fce-7575b5c65d1c" alt=""><figcaption></figcaption></figure>

## **Quick setup**

For your FAQ page, you first need to **create a page** and **assign the about template** in your Shopify admin. Then, in the theme editor, you can **customize the** FAQ **page template** using the preset theme sections.

### Create **page and assign template**

In your Shopify admin, you need to create a page and assign the FAQ template.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | Pages are a Shopify feature: see Shopify's guide for [creating pages](https://help.shopify.com/en/manual/online-store/themes/theme-structure/pages).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify admin**:

1. Click **Online store > Pages**.
2. Click **Add page**.
3. Add a **Title** (e.g. "FAQ").

   > The title will be used for the page URL (e.g. **`www.store.com/faq`**).

   > You don't need to add anything to the **Content** field. You will add the page content by editing the template in the theme editor.
4. (*Optional*). Under **Visibility**, you can click **Hidden** if you don't want to publish the page to your live site yet.
5. Click the **Theme template** menu and select **faq** to assign the template to your page.

   ![](https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2Fgit-blob-064e51de95eb3a6f447b13de115a0be588123e74%2Fabout-page-template.jpeg?alt=media)

   > **Note**: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.
6. Click **Save**.

</details>

### **Edit FAQ page template**

The default **faq template** includes preset theme sections to add common questions and answer, and link to your contact page.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Use the **Templates selector** to open **Pages > contact**.

   ![](https://1721436993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3iiuvh8UrcOxEOQkY2iO%2Fuploads%2Fgit-blob-f94d38904500c8f4da451d6a275e9c467698de3d%2Feditor-templates-selector.jpeg?alt=media)
2. Click **Change** in the "PREVIEW" section to select the page you want to use for your contact page.

   > A warning symbol **(!)** next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign a template.
3. Click **(+) Add image** to display an image next to the contact form.

   > We recommend using an image with a portrait orientation.
4. Under **Template**, click **(+) Add section** to further customize your page with theme sections.

   > Click and hold the drag and drop handles **`⋮⋮`** to change the order of sections.
5. Click **Save**.

   > Remember to **assign the template** and set your page to **Visible** in your admin.
6. (*Recommended*.) Link to your contact page in your Header and Footer menus.
7. Click **Save**.

</details>

## Settings reference

The FAQ template has the following pre-set sections.

| Setting              | Description                                                                                                                                                                                                       |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Rich text            | Use this section for an introduction and an optional button to link to another page. Learn more about the [Rich text section](https://help.fluorescent.co/spark/pages/theme-sections/rich-text).                  |
| Question and answers | Use this section to add your specific frequently asked questions and answers. Learn more about the [Questions and answers section](https://help.fluorescent.co/spark/pages/theme-sections/questions-and-answers). |
| <p><br></p>          |                                                                                                                                                                                                                   |

***

> **Related links**
>
> [Templates](https://help.fluorescent.co/spark/pages/templates)
