FAQ Section

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?

  • 💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

PreviousEmail Signup (Embed)NextHero Section

Last updated