The FAQ section lets you display frequently asked questions in expandable accordions. You can organize questions into groups with Rich text blocks and add an optional Contact form for customers who need further assistance.
Demo usage
- FAQ's – Concept Demo — A dedicated FAQ page with grouped questions about Shipping & Returns, Orders, and Products.
- Sound Waves – Concept Demo — An FAQ section on a product page, with a contact form alongside the questions.
The Concept 6.1.0 source includes the FAQ section in the page.faq template and several product templates.
Steps:
Add the FAQ section
- From your Shopify admin, go to Online Store > Themes.
- Click Customize on your Concept theme.
- Open the page or product template where you want to display the FAQs.
- Click Add section and select FAQ.
- Click Save.
If you are editing an existing FAQ page template, the FAQ section may already be included. Open that section instead of adding another one.
Choose the FAQ layout
- Open the FAQ section settings.
- Under Style, select one of the following:
- With border — Displays the FAQ content in the bordered style.
- With background — Displays the FAQ content in a background-style layout.
- Click Save.
You can also adjust Make section narrow, Make section rounded, and Show section divider in the section settings.
Add questions and answers
- Under the FAQ section, click Add block.
- Select Question.
- Enter your question in the Question field.
- Enter the answer in the Answer field.
- Optionally adjust Highlighted text and Highlighted scribble.
- Repeat to add more questions.
- Drag the blocks to change their order, then click Save.
Customers can click a question to expand or collapse its answer.
Organize FAQs with Rich text blocks
- Under FAQ, click Add block > Rich text.
- Enter a Heading and Text for the group.
- Move the Rich text block above the questions belonging to that group.
- Add another Rich text block whenever you need a new FAQ group.
- Click Save.
Rich text blocks display headings and descriptions between groups of questions. They are not expandable accordion items.
Add the Contact form
- Under FAQ, click Add block > Contact form.
- Edit the Heading and Text.
- Enable Show phone number if you want an optional phone field.
- Upload a Team avatar if needed and adjust Team avatar height.
- Click Save.
The contact form displays Name, Email, Message, and a submit button, with the optional Phone field when enabled. Only one Contact form block can be added per FAQ section.
Configure the section heading and button
- Open the FAQ section settings.
- Edit the Heading, Description, and optional Subheading.
- Adjust Heading size, Heading alignment, and Heading tag.
- To add a button, enter Button label and select Button link.
- Configure Open link in new tab and Show button icon if needed.
- Use Highlighted text settings to style part of the heading.
- Click Save.
Adjust colors and spacing
- Open the FAQ section settings.
- Adjust the available Text, Background, Highlight, and Button colors.
- Set Top padding and Bottom padding.
- Enable Make section narrow, Make section rounded, or Show section divider if desired.
- Click Save.
FAQ section behavior
- Question blocks open and close as accordions.
- Rich text blocks create visible headings and descriptions between FAQ groups.
- The Contact form appears alongside the FAQ content on wider screens and includes a required email field.
- FAQ content is controlled by the page template. Products using the same product template share that template's FAQ blocks unless you configure separate templates.
Troubleshooting
- FAQ section missing: Check that the section has been added to the correct template and is not hidden.
- Question or answer missing: Open the corresponding Question block and check its fields.
- Contact form missing: Make sure a Contact form block exists in the FAQ section.
- Phone field missing: Enable Show phone number in the Contact form block.
- FAQ content appears on the wrong products: Check which product template is assigned to those products.
- FAQ page not using the expected layout: Open Online Store > Pages, check the page's Theme template, and confirm the selected template contains the FAQ section.
Need Further Assistance
If you encounter any issues or need additional help with your Concept theme, please reach out to our support team via our Ticket System for assistance within 8 hours.
Share:
How to Set Up the Scrolling Banner and Text Section in Concept
How to Set Up the Testimonials Section in Concept