# FAQ page

**FAQs** provide valuable information to customers, answer common queries, and enhance user experience on your website.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FhlALeqwE7OJvJLMF4bCq%2Fimage.png?alt=media&#x26;token=60a9e50b-3658-4088-9d96-a775c89d5436" alt=""><figcaption></figcaption></figure>

## How to create page FAQs ?

{% hint style="success" %}
**Step 1**: Login to your Shopify store, go to **Online Store > Pages**&#x20;

**Step 2: Create page new page**

* Title: **FAQs**
* Visibility: **Visible**
* Theme template: **faqs**
  {% endhint %}

## How to customize page FAQs ?

{% hint style="success" %}
**Steps**

1. In the theme editor (**Customize**), open the template selector.
2. Select **Pages**, then **faqs.**
3. On the left-sidebar, add **Faqs page.**
4. Make necessary changes > **Save.**
   {% endhint %}

## Section settings

### General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FXLHI9GWFdumuPHjWrfPq%2Fimage.png?alt=media&#x26;token=d5ba55a3-fc67-4d3a-a3c9-0e683672b657" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p>3 options for section width</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fixed width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td><strong>Open all question</strong></td><td>Expand all questions instead of default closed state</td></tr></tbody></table>

### FAQs message

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FqQZVCqJMyiAXlWiFjWNK%2Fimage.png?alt=media&#x26;token=ba9b7e96-f8f1-481d-a4fb-de240e59e915" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show FAQs message</strong></td><td>When enabled, the this FAQs message will be displayed</td></tr><tr><td><strong>Desktop content position</strong></td><td>Choose where the message appears on desktop: L<em>eft</em> or <em>Right</em>
<br><em>*Note: Content first is the default mobile layout.</em></td></tr><tr><td><strong>Highlight text</strong></td><td>Text is highlighted</td></tr><tr><td><strong>Heading</strong></td><td>The title of the message </td></tr><tr><td><strong>Description</strong></td><td>Add a short message to encourage customers to get in touch</td></tr><tr><td><strong>Alignment</strong></td><td><p>Choose how the text is aligned: </p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right.</strong></li></ul></td></tr></tbody></table>

### Contact form

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FUbSBjLJG5IVeePR6Cr12%2Fimage.png?alt=media&#x26;token=ce594b2c-7cde-4512-90ca-7167bf3c13f3" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Name</strong></td><td>Placeholder text for the name input field.</td></tr><tr><td><strong>Email</strong></td><td>Placeholder text for the email input field.</td></tr><tr><td><strong>Message</strong></td><td>Placeholder for the message box.</td></tr><tr><td><strong>Heading</strong></td><td>The title of the message </td></tr><tr><td><strong>Button label</strong></td><td>Customize the button text.</td></tr><tr><td><strong>Top</strong> </td><td>Customize the top margin of the section</td></tr><tr><td><strong>Bottom</strong> </td><td>Customize the bottom margin of the section</td></tr></tbody></table>

## Block settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FlAde2msaqTcsnkHNeILo%2Fimage.png?alt=media&#x26;token=db95e72d-2eac-4f33-b932-2928b1a66cfa" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td>Set the title for your FAQs blocks.</td></tr><tr><td><strong>Frame</strong></td><td>Toggle to add a border/frame around the FAQ content for better visual emphasis.</td></tr></tbody></table>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FDpxIVbPFj32pRvuJJPo2%2Fimage.png?alt=media&#x26;token=0cbd9f48-adfe-4d80-96bf-153818cfe4c8" alt=""><figcaption></figcaption></figure>

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Question</strong></td><td>Enter the question you want to display.</td></tr><tr><td><strong>Answer</strong></td><td>Write the answer</td></tr></tbody></table>