FAQ Section

Once added, you’ll see one or more “Question” blocks pre-filled. You can edit these or add new ones.

What You’ll Learn

  • How to display expandable questions and answers on your storefront
  • How to customize layout, colors, and spacing for your FAQ
  • How to add or remove FAQ items (blocks)

💡 Tip: The FAQ Section is a great way to reduce support tickets by answering common questions right on your storefront.

Adding the FAQ Section

  1. Open your Shopify Theme Editor
  2. In the left sidebar, click + Add section
  3. Choose FAQ Section
  4. Click Add

Once added, you’ll see one or more “Question” blocks pre-filled. You can edit these or add new ones.

Editing FAQ Content

Each FAQ item is a block inside the FAQ section.

To update a question and answer:

  1. Click on a block labeled Question – [Title]
  2. Update the Question Title
  3. Add the Answer text in the multiline text field
  4. Repeat for all desired FAQs

To add a new FAQ item:

  • Click Add block and choose Question

To remove an FAQ item:

  • Click the block and select Remove block at the bottom

Settings Reference

Content & Data

  • Section Title – Add a title above the FAQ section (optional)

Layout & Display

  • Expand First Question on Load – Toggles whether the first FAQ is open by default
  • Alignment – Align text left, center, or right

Typography

  • Section Title Size – Desktop / Mobile – Adjust header font size
  • Question Text Size – Desktop / Mobile – Adjust question font size
  • Answer Text Size – Desktop / Mobile – Adjust answer font size
  • Bold Section Title – Toggle to bold the header

Colors

  • Background Color – Overall section background
  • Section Title Color – Header text color
  • Question Text Color – Color of the question text
  • Answer Text Color – Color of the answer body text
  • Divider Line Color – Controls color of the line between items

Styling

  • Divider Line Thickness – Set line weight between questions
  • Divider Line Style – Choose between solid, dashed, dotted

Spacing

  • Top & Bottom Spacing – Controls padding above/below section on both desktop and mobile

Custom CSS

  • Add optional custom styles scoped to just this section

Need Help?

\