How to Create an FAQ Accordion on your Shopify Page

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