Shopify FAQ with Image Section

Description of the Section

The "FAQ with Image" section enables Shopify store owners to create a visually engaging FAQ section that includes an image alongside questions and answers. This section is perfect for addressing common customer queries while leveraging visual elements to maintain user engagement. The section is highly customizable, allowing users to tailor the look and feel to match their brand’s aesthetics.

Demo of the Section

Installation Instructions

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

Sample Use Cases for a Shopify E-commerce Store

1. Product-Specific FAQs: Use the section to provide detailed answers to common questions about a specific product. This can help reduce customer inquiries and improve the shopping experience.
2. Shipping & Returns: Display important information about shipping times, costs, return policies, and more. An image representing your shipping process can add a personal touch.
3. Company Story: Combine frequently asked questions about your brand with an image that tells your company’s story. This can build a connection with your customers.
4. Usage Instructions: Offer instructions on how to use your product effectively. An accompanying image or series of images can provide visual guidance.
5. Customer Service: List ways customers can reach out for support and include an image that visually represents your customer service team.

Overview of the Configuration Settings

Text Settings:

• Text Font: Select the font family for the FAQ text.
• Text Size: Adjust the font size of the text (10px to 50px).
• Text Line Height: Choose the line height for the text from a range of options (0.75 to 2.0 or inherit).

Headline Settings:

• Headline Font: Select the font family for the question headlines.
• Headline Size: Adjust the font size of the headlines (10px to 50px).
• Headline Line Height: Choose the line height for the headlines (0.75 to 2.0 or inherit).

Color Settings:

• Background Color: Set the background color of the section.
• Question Color: Choose the font color for the questions.
• Answer Color: Choose the font color for the answers.

Dimension Settings:

• Max Width of Section: Define the maximum width in pixels.
• Padding: Set padding for the top, bottom, left, and right of the section.

Design Settings:

• Vertical Alignment: Select alignment (center, top, bottom).
• Image Location: Choose whether the image appears on the left or right.
• Image Aspect Ratio: Select the aspect ratio of the image (21:9, 16:9, 4:3, 1:1).
• Image: Upload an image to accompany the FAQ section.
• Round Borders on Image: Adjust the border radius of the image (0% to 50%).
• Subtle Shadow on Image: Toggle a subtle shadow effect on the image.

By fine-tuning these settings, you can create an FAQ section that is not only informative but also visually appealing and consistent with your brand’s style.