# FAQs Page

Demo Page: [https://halo-electronics-demo.mybigcommerce.com/frequently-asked-questions/](https://halo-electronics-demo.mybigcommerce.com/frequently-asked-questions/)

<figure><img src="https://1131036765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wZKPuw9VA522EkoEPlA%2Fuploads%2F8AntiPS4Jfb7wXOJOy6O%2Fimage.png?alt=media&#x26;token=d9494aca-f984-4d55-b67a-6e16ecf27c1f" alt=""><figcaption></figcaption></figure>

**1. How to Create FAQs Page?**

Go to **Storefront** -> **Web pages**.

In the **Create a Web Page** -> Enter name: **Frequently Asked Questions**

* **Note:** Remember to select the template page layout as "**faq-layout**".

<figure><img src="https://1131036765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wZKPuw9VA522EkoEPlA%2Fuploads%2Fglub4hqZR6nXF6uSwZGG%2Fimage.png?alt=media&#x26;token=6d41da56-289f-4c5d-8f5c-8bafa1125b15" alt=""><figcaption></figcaption></figure>

**2. How to Change Content of FAQs Page?**

Go to **Storefront** -> **Customize ->** Choose **"Frequently Asked Questions"** page

<figure><img src="https://1131036765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wZKPuw9VA522EkoEPlA%2Fuploads%2FYub9ZeWTJxH4JLAFAx1o%2Fimage.png?alt=media&#x26;token=9106006c-6116-4e56-ab45-4b87fc687c23" alt=""><figcaption></figcaption></figure>

Drag and drop the HTML Widget into the region where you want to display the content.

<figure><img src="https://1131036765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wZKPuw9VA522EkoEPlA%2Fuploads%2FSVyqxCFBh8cw4SLMlsZ3%2Fimage.png?alt=media&#x26;token=f5f26919-11b8-49d4-a829-d100865da162" alt=""><figcaption></figcaption></figure>

Enter content for the HTML Widget: Currently, the FAQ template has 3 pre-built sections. You can copy the sample template code below and paste it into the HTML Widget.

<figure><img src="https://1131036765-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wZKPuw9VA522EkoEPlA%2Fuploads%2FeUAsdJO1cdjWwC2g1gxv%2Fimage.png?alt=media&#x26;token=f1e2eacc-18e7-4d07-a9ab-6e48d8f5eac9" alt=""><figcaption></figcaption></figure>

* **FAQs Header Banner:**&#x20;

<details>

<summary>Template Code <strong>FAQs Header Banner</strong></summary>

```html
<div class="halo-block halo-page-header" data-halo-load="animation">
        <div class="item pos-relative">
            <div class="item-image o-h">
                <p class="halo-fadeZoom image-with-overlay m-0">
                    <img class="w-100 b-r-0" src="https://cdn11.bigcommerce.com/s-yrxgwbtfrf/images/stencil/original/image-manager/banner-faqs.jpg" alt="Frequently Asked Questions" title="Frequently Asked Questions">
                </p>
            </div>
            <div class="content-wrapper p-0 d-flex a-i-center j-c-center h-100 w-100 m-w halo-fadeInUp">
                <div class="content m-w-1000">
                    <h1 class="page-heading m-t-0 m-b color-white">Frequently Asked Questions</h1>
                    <p class="l-h-extra center color-white">Below FAQ are some common concerns of our clients before purchasing the theme, if you have other questions, please contact us directly at: Our Support Concept, we are happy to answer!</p>
                </div>
            </div>
        </div>
    </div>
```

</details>

Or use button below to generate the code with your own banners. Please click the **Copy code** on the popup after you changed all the blocks.

{% embed url="https://codepen.io/HaloThemes/pen/ByNoMwb" %}

{% hint style="info" %}
Please click the "Run Pen" button to be used
{% endhint %}



* **FAQs Question List:**&#x20;

<details>

<summary>Template Code <strong>FAQs Question List</strong></summary>

```html
<div class="faqs-paragraph halo-faqs-content p-t-100 m-b-60">
        <div class="container container-1200">
            <p class="halo-faqs-title center m-auto m-b-60 f-heading f-36 l-h-h color-heading f-bold">Pre-Sales Questions</p>
            <div id="accordion1">
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-1-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-1-content"><span>Will your template be fully compatible with Bigcommerce?</span></button> <span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-1-content" class="collapse" data-parent="#accordion1">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes, it is.</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-2-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-2-content"><span>Do you offer free trials?</span></button> <span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-2-content" class="collapse" data-parent="#accordion1">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes, we do.</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6">
                    <div id="faqs-3-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-3-content"><span>Do you offer refund/exchange?</span></button> <span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-3-content" class="collapse" data-parent="#accordion1">
                        <div class="card-body f-root l-h-extra">
                            <p>For templates which are purchased from BigCommerce marketplace: No refund applied.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="faqs-paragraph halo-faqs-content p-b-100">
        <div class="container container-1200">
            <p class="halo-faqs-title center m-auto m-b-60 f-heading f-36 l-h-h color-heading f-bold">Theme Questions</p>
            <div class="m-b-40" id="accordion2">
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-4-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse"data-target="#faqs-4-content"><span>Does your theme supports BigCommerce Page Builder?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-4-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes, our theme supports BigCommerce Page Builder</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-5-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-5-content"><span>Where is my theme package I just paid for it?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-5-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Our theme is being sold on BigCommerce Marketplace, you will install theme automatically</p>
                            <p>After you already have installed theme into your store, you can follow <a class="link" href="http://themes.halothemes.com/marketplace/bc-hera-documentation/" rel="noopener" target="_blank"><strong>Theme Documentation</strong></a> to set up theme on your store.</p>
                            <p>If you have any questions, please contact us directly at: <a class="link" href="https://halosoft.ticksy.com/" rel="noopener" target="_blank"><strong>Our Support Portal</strong></a>, we are happy to answer!</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-6-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-6-content"><span>Do I get update for free in the future?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-6-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes you will get free Bigcommerce theme update in the future when the latest version is
                                available. Please check back our Bigcommerce Theme&rsquo;s Change Log for more details.</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-7-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-7-content"><span>Is the Bigcommerce template SEO friendly?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-7-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes, we integrated <a class="link" href="https://developers.google.com/search/docs/guides/intro-structured-data?visit_id=1-636409591203254689-3529937039&amp;hl=en&amp;rd=1" rel="noopener" target="_blank"><span>Google Rich Snippet</span></a> into our premium bigcommerce templates so your store will be friendly with SEO.</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-8-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse"data-target="#faqs-8-content"><span>Do you offer Full Installation Service for live store?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-8-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Yes we do. The service costs $149. We will install the Bigcommerce themes on a sample store and put your data (text/images) into this sample store then you can review how it looks. When you feel happy with the sample store, we will do the installation on your real store. This process will avoid the down time of your real store. Please find out more information about our Bigcommerce Installation Service below:</p>
                            <p><a class="link" href="https://www.halothemes.com/amember/signup?id=86" rel="noopener" target="_blank"><strong>Installation Service</strong></a></p>
                            <p>If you have any questions, please contact us directly at: <a href="https://halosoft.ticksy.com/" rel="noopener" target="_blank"><strong>Our Support Portal</strong></a>, we are happy to answer!</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-9-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-9-content"><span>What&rsquo;s Single Domain License?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-9-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Single Domain License allows you to use the purchased Bigcommerce theme and/or extension on a single domain (website). All our Bigcommerce themes &amp; templates and addons come with Single Domain License. If you would like to use the Bigcommerce themes/addons for multiple domains, please contact us at <a class="link" href="https://halosoft.ticksy.com/" rel="noopener" target="_blank"><strong>Our Support Portal</strong></a> for more details!</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6 m-b-20">
                    <div id="faqs-10-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-10-content"><span>Do you provide any support? What&rsquo;s your response time?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-10-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>Please contact us at: <a class="link" href="https://halosoft.ticksy.com/" rel="noopener" target="_blank"><strong>Our Support Portal</strong></a>, we will support you ASAP</p>
                            <p>We&rsquo;re available from <strong>Monday &ndash; Friday 08:00 A.M. to 05:30 P.M. (GMT+7 / Asia)</strong>, Saturday and Sunday Closed.</p>
                            <p><strong>We will try our best to reply your emails as soon as possible. However, we will prioritise email regarding Theme features and issues.</strong></p>
                            <p>&ndash; We will reply your email regarding Theme features and issues within 24 hours.</p>
                            <p>&ndash; Regarding emails about Bigcommerce template customisation, we will reply you within 48 hours (but normally much sooner).</p>
                            <p><strong>** Please feel understanding</strong>: we&rsquo;re living &amp; working in a different time zone (GMT+7/Asia). Therefore, if you have any questions/troubles. Please contact us directly at: <a class="link" href="https://halosoft.ticksy.com/" rel="noopener" target="_blank"><strong>Our Support Portal</strong></a> and then we will reply for you ASAP.</p>
                        </div>
                    </div>
                </div>
                <div class="card bg-white b-r-6">
                    <div id="faqs-11-title" class="card-header"><button class="title f-size-large f-semibold" data-toggle="collapse" data-target="#faqs-11-content"><span>I&rsquo;m looking to purchase the Premium Template for Bigcommerce Store. I have Product Filtering (Faceted  Search) and was wondering if it would work with your template?</span></button><span class="icon-plus">&nbsp;</span></div>
                    <div id="faqs-11-content" class="collapse" data-parent="#accordion2">
                        <div class="card-body f-root l-h-extra">
                            <p>All our premium Bigcommerce themes &amp; templates are compatible with Bigcommerce Product Filtering (Faceted Search).</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="faq-content center pos-relative">
                <a class="button button--tertiary m-0" href="https://halosoft.ticksy.com/">Contact Support</a>
                <p class="pos-absolute pos-absolute-c-r f-size-small f-italic m-0">Unable to find satisfactory answers?</p>
            </div>
        </div>
    </div>
```

</details>

Or use button below to generate the code with your own banners. Please click the **Copy code** on the popup after you changed all the blocks.

{% embed url="https://codepen.io/HaloThemes/pen/xbGwBjQ" %}

{% hint style="info" %}
Please click the "Run Pen" button to be used
{% endhint %}



* **FAQs Contact:**&#x20;

<details>

<summary>Template Code <strong>FAQs Contact</strong></summary>

```html
<div class="halo-block connect" data-halo-load="animation">
        <div class="item pos-relative">
            <div class="item-image o-h">
                <p class="halo-fadeZoom m-0">
                    <img class="w-100 b-r-0" src="https://cdn11.bigcommerce.com/s-yrxgwbtfrf/images/stencil/original/image-manager/about-us-2.jpg">
                </p>
            </div>
            <div class="content-wrapper p-0 d-flex a-i-center j-c-center h-100 w-100 m-w halo-fadeInUp">
                <div class="content m-w-1270 w-100 p-40 p-30-tb center bg-white b-r-16">
                    <h6 class="title f-36 m-t-0 m-b-40 halo-fadeInUp">Let's connect</h6>
                    <p class="m-b-28 f-root l-h-medium f-size-large halo-fadeInUp">We're based in United States. You can find us at 9087S Divamus Faucibus Str., City name, CA 90896.</p>
                    <p class="m-b-40 f-root l-h-medium f-size-large halo-fadeInUp">To contact us, please use the contact form below.</p>
                    <a class="button button--tertiary m-0" href="#">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
```

</details>

Or use button below to generate the code with your own banners. Please click the **Copy code** on the popup after you changed all the blocks.

{% embed url="https://codepen.io/HaloThemes/pen/bNdVJVo" %}

{% hint style="info" %}
Please click the "Run Pen" button to be used
{% endhint %}

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.
{% endhint %}

