FAQ Sync is a Shopify theme section in the Section Star library. Pair a trust-building FAQ with a synced image — answer questions and reassure shoppers in one engaging layout.
About the FAQ Sync section
The FAQ Sync section allows you to create a fully customizable FAQ (Frequently Asked Questions) segment for your Shopify store. With the ability to add images or videos next to each question, the FAQ Sync section enables an interactive and engaging experience for customers. This section includes numerous configuration options to match your store's design and ensure your FAQ section is both functional and attractive.
Live demo
Use cases
-
Product Information: Embed detailed product information via videos and images next to frequently asked questions to help customers make informed purchasing decisions.
-
Customer Support: Provide quick answers to common support inquiries. Videos demonstrating solutions to common problems can enhance customer satisfaction.
-
Shipping Information: Display answers to shipping queries, paired with visual aids such as maps or delivery carrier logos, to reduce confusion and support requests.
-
Return Policy: Explain your return and exchange policies with visual aids or instructional videos, making it easier for customers to understand the process.
-
Store Usage Tips: Offer tips on how to use your store's features, like account management or navigating your product categories, with instructional videos.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Set the design for your grid
| Setting | Type | Default |
|---|---|---|
| Grid Gap | Number | 10 |
| Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr |
| Vertical Alignment | Select (Center, Top, Bottom) | start |
Media Design
Set the design for your image or video
| Setting | Type | Default |
|---|---|---|
| Media Location | Select (Left, Right) | left |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16) | 4 / 3 |
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |
| Border Size on Media | Range | 0 |
| Border Color on Media | Color | #888 |
FAQ Design
Set the design for your FAQ question and answer
| Setting | Type | Default |
|---|---|---|
| Question Size | Range | 18 |
| Question Color | Color | #111111 |
| Answer Color | Color | #555555 |
| FAQ Padding | Number | 10 |
| FAQ Gap | Number | 10 |
| Subtle Shadow on FAQ | Checkbox | On |
| Round Borders on FAQ | Range | 5 |
| Border Size on FAQ | Range | 0 |
| Border Color on FAQ | Color | #888 |
| Active Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… |
| Inactive Background Color | Color or gradient | linear-gradient(164deg, #F0F0F0 0%, #… |
| Indicator on FAQ | Select (Plus/Minus, Arrow) | plus_minus |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |
Question block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Video | Video | — |
| Question | Inline rich text | <b>How does the FAQ section work?</b> |
| Answer | Rich text | <p>Its simple really. You just add th… |
Advanced Video
Set the advanced video settings
| Setting | Type | Default |
|---|---|---|
| Poster Image (optional) | Image | — |
| Optional Link | URL | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | On |
| Mute Video | Checkbox | On |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “FAQ Sync”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.