How to Create a FAQ Accordion on your Shopify Page

Edit: January 20th, 2019

Shopify's Rich Text Editor Shopify's Rich Text Editor
isn't the most robust option for building pages, but for most merchants it gets the job done.

Building an FAQ accordion for Shopify's internal rich text editor almost always comes up during my day-to-day client work, so I figured I would share one that other merchants can use.

Copy and paste the snippet below into the <> code section of Shopify's page editor.

This will give you some boilerplate code to get you started (you'll need to replace the dummy content).

Note: This code will inherit your theme's properties and won't necessarily look the one in the video.


Step 1: Copy/Paste the code

Step 2: Save page, view the frontend


Step 3: Change The Content