Collapsible / FAQ

The FAQ / Collapsible Item Section is designed to streamline your site's user experience by neatly organizing and displaying frequently asked questions (FAQs) in an accessible and engaging format. This section is customizable, allowing you to adjust its color scheme and question heading style to match your brand's aesthetic. It's an excellent tool for addressing common customer inquiries, reducing support requests, and enhancing the overall customer journey on your site.

Steps

  1. Open the Theme Editor.
    Navigate to your Shopify dashboard and open the Theme Editor for your store.
  2. Add the Collapsible/FAQ Section.
    Click on 'Add section' and select 'Collapsible/FAQ' to incorporate this dynamic text feature into your layout.
  3. Save your changes.
    Once you've set up the Collapsible/FAQ section to your liking, click 'Save' to implement your adjustments.


Configure the Section Settings

Color Scheme: Choose a color scheme that complements your brand and website design.
Question Heading Style: Select a style for the question headings to make them stand out.

Desktop Settings
Full Width: Decide if the section should span the full width of the page.
Media Position: Choose the placement of media (either before or after the text) to best suit your content.
Margins: Adjust the margins for desktop view to ensure the section is aligned and spaced correctly.

Mobile Settings
Margins: Independently adjust margins for mobile devices to optimize viewing on smaller screens.

Customize Blocks

Heading/Text Block: Use this for an introductory text or explanation preceding your FAQs.
Media Block: Insert an image or video to complement your FAQs, with adjustable aspect ratios for best visual presentation.
Question Blocks: For each FAQ, add a question block where you can input the question in the heading and provide the answer in the text area below.