FAQ Section
Last updated
Last updated
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.
Open your Shopify Theme Editor
In the left sidebar, click + Add section
Choose FAQ Section
Click Add
Once added, youβll see one or more βQuestionβ blocks pre-filled. You can edit these or add new ones.
Each FAQ item is a block inside the FAQ section.
To update a question and answer:
Click on a block labeled Question β [Title]
Update the Question Title
Add the Answer text in the multiline text field
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
Section Title β Add a title above the FAQ section (optional)
Expand First Question on Load β Toggles whether the first FAQ is open by default
Alignment β Align text left, center, or right
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
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
Divider Line Thickness β Set line weight between questions
Divider Line Style β Choose between solid, dashed, dotted
Top & Bottom Spacing β Controls padding above/below section on both desktop and mobile
Add optional custom styles scoped to just this section
π§ Email us at: support@openspaces.design
π» Live chat with us: Available MondayβFriday, 10AMβ6PM EST, directly on our website
π¬ Join our community on Discord: