How to create a FAQ accordion

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

1. On the left page menu, click on Accordion

2. Click Add Accordion button

3. Set title for your accordion

4. Select FAQ groups you want to show

You can select as many FAQ groups as you want.

5. 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

6. Click Save at the top page bar

7. After saving, click on Install button

The following modal will be shown up

8. 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)

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us