How to create a FAQ accordion ?

FAQ accordion will be used to display FAQs on any page.

On the left page menu, click on Accordion



Click Add Accordion button



Set title for your accordion



Select FAQ groups you want to show

You can select as many FAQ groups as you want.



On the left side, you can see many options customize your FAQ accordion



It is possible to set:

FAQ Style - You can see the demo of all styles here (password: shopify)
FAQ Behavior – Accordion or Toggle
FAQ accordian width: The width of FAQ accordion
Display Group Name: Hide or show FAQ group name as H3 heading / normal bold text
Icon Position – Off, Left or Right
Icon Size – Between 16px and 24px
Icon – A choice of various icons
FAQ Question Color – Set the color of the question
FAQ Icon Color – Closed and expanded

Click Save at the top page bar



After saving, click on Install button



The following modal will be shown up



Now you display FAQ accordion on any page you want

Display FAQ accordion on homepage
Display FAQ accordion on product page
Display specific FAQs on specific product page (only Online Store 2.0)
Display FAQ accordion on collection page (Contact us)
Display FAQ accordion on normal page
Display FAQ accordion on contact us page (Contact us)

Updated on: 10/10/2023