Shopify FAQ Plus Section

Description of the Section

The "FAQ Plus" section is a versatile and interactive FAQ module that can be seamlessly integrated into your Shopify store. This section not only allows you to present frequently asked questions and their answers in a structured manner, but it also supports multimedia content such as images and videos. The customizable design ensures that the FAQ section aligns with the overall theme and aesthetics of your store.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Premium Sections
3. Search for "FAQ Plus"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Product Information: Use the FAQ Plus section to address common questions about your products, such as material, sizing, or usage instructions. Adding videos demonstrating product features can enhance user understanding.

2. Shipping and Returns: Provide clear answers about your shipping policies, delivery times, and return process. Including instructional videos for return procedures can improve customer satisfaction.

3. Store Policies: Inform your customers about important policy details such as payment methods, privacy policies, and terms of service. This helps build trust and transparency.

4. Promotions and Discounts: Answer questions related to ongoing promotions or discounts. Visual explanations through images or videos can clarify how to avail themselves of these offers.

5. Account Management: Guide users on how to create, manage, and delete their accounts. Visual tutorials can make it easier for customers to navigate their account settings.

Overview of the Configuration Settings

• Font:

  • Override theme fonts: Option to override the default theme fonts.
  • Text Font: Choose the font for the text.
  • Headline Font: Choose the font for the headlines.

• Text:

  • Text Size: Configure the size of the text (10px to 50px).
  • Text Line Height: Choose the line height for the text (0.75 to 2.0 or inherit).
  • Headline Size: Set the size of the headline text (10px to 50px).
  • Headline Line Height: Choose the line height for the headline (0.75 to 2.0 or inherit).
  • Question Size: Configure the size of the question text (10px to 50px).
  • Question Line Height: Choose the line height for the question text (0.75 to 2.0 or inherit).
  • Headline Color: Set the color of the headline text.
  • Text Color: Choose the color of the text.
  • Question Color: Set the color for the question text.
  • Answer Color: Choose the color for the answer text.

• Section Design:

  • Background Color: Set the background color for the section.
  • Padding Top/Bottom: Configure the padding at the top and bottom of the section.
  • Padding Left/Right: Set the padding on the left and right sides.
  • Element Spacing: Adjust the spacing between elements.

• Container Design:

  • Background Color: Select the background color for the container.
  • Max Width: Set the maximum width for the container.
  • Padding Top/Bottom: Configure the padding at the top and bottom of the container.
  • Padding Left/Right: Set the padding on the left and right sides of the container.
  • Grid Gap: Adjust the gap in the grid layout.
  • Grid Column Size: Select the number of columns in the grid layout (1 column or 2 columns).
  • Vertical Alignment: Set vertical alignment for the grid items (center, top, bottom).
  • Round Borders on Container: Configure the border radius for the container.
  • Subtle Shadow on Container: Option to add a subtle shadow to the container.
  • Border Size on Container: Set the border size for the container.
  • Border Color on Container: Choose the border color for the container.

• Media Design:

  • Media Aspect Ratio: Select the aspect ratio for the media (e.g., 21:9, 16:9, etc.).
  • Round Borders on Media: Configure the border radius for media.
  • Subtle Shadow on Media: Option to add a subtle shadow to the media.
  • Border Size on Media: Set the border size for the media.
  • Border Color on Media: Choose the border color for the media.

• FAQ Design:

  • FAQ Padding: Set the padding for each FAQ item.
  • FAQ Gap: Adjust the gap between FAQ items.
  • Subtle Shadow on FAQ: Option to add a subtle shadow to FAQ items.
  • Round Borders on FAQ: Configure the border radius for FAQ items.
  • Border Size on FAQ: Set the border size for FAQ items.
  • Border Color on FAQ: Choose the border color for FAQ items.
  • Active Background Color: Set the background color for active FAQ items.
  • Inactive Background Color: Choose the background color for inactive FAQ items.
  • Indicator on FAQ: Select the indicator type for FAQ items (Plus/Minus or Arrow).

• Headline:

  • Text Alignment: Set the text alignment for the headline.
  • Headline: Customize the headline text.
  • Text: Customize the supporting text below the headline.