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

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

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

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

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