How To Build Expandable and Collapsible FAQ Elements in Shopify For Free Manually

I’ve written an article to introduce you about the best Shopify apps for creating FAQ pages. Most of these applications charge a fee. Without high form requirements, you can use our FAQ Accordion Generator tool to create expandable and collapsible FAQ elements for free.

FAQ Accordion Generator is a perfect tool helps you create fully responsive a FAQs accordion on your Shopify store.

To start create a FAQs accordion, you must go to the tool page here. In this page, you will see 2 input fields: question and answer. Please enter the question and answer respectively. You can click on Add new question button to add new question and answer. You also can drag the questions to re-sort them.

Finally, click the Get Code button to get the embed code.

The tool will generate an embed code and you can copy this embed code to insert anywhere you want to show the FAQs accordion.

LIVE DEMO

Now, I will guide you how to create a FAQ page in Shopify.

When adding this embed code, please note that you need to be in HTML or code view, otherwise the FAQ accordion will not work.

From your Shopify admin, go to Online Store > Pages. Click Add page to create a new page or click the title of the post to edit an exist page.

After you open this web page you’ll see the Visual Editor. There you should press “<>” (show HTML).

After you press “<>” you will be able to manage the chosen web page in HTML. Paste the code  into the needed area and click Save button.

LIVE DEMO

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *