> ## Documentation Index > Fetch the complete documentation index at: https://funnelfox.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # FAQ element > Expandable Q&A sections to address concerns and build trust The FAQ element creates accordion-style question and answer sections that help dissolve user hesitation at critical conversion points. By addressing concerns proactively, you remove barriers to purchase. FAQ element configuration ## When to Use Strategic placement for: * **Paywalls** - Address pricing concerns before checkout * **Sign-up forms** - Explain data usage and benefits * **Product pages** - Clarify features and limitations * **After testimonials** - Answer remaining doubts * **Before CTAs** - Remove final objections FAQs work best when placed where users naturally have questions, typically right before asking for commitment (payment, sign-up, etc.). ## Creating FAQ Items Each FAQ consists of: ### Question The concern or curiosity users have: * Keep concise and scannable * Use natural language * Address real concerns * Start with common question words ### Answer Clear, helpful response: * Get to the point quickly * Use simple language * Include specific details * Build confidence ### Visual Options **Show Arrow** Toggle expand/collapse indicator: * ▼ Closed state * ▲ Open state * Helps users understand interaction **Default State** * **Closed** - Clean, scannable list * **Open** - Show important answers immediately Keep first question open if it's the most important. Close others to maintain clean design. ## Strategic FAQ Patterns ### The Objection Dissolver Address purchase barriers: ``` Q: "Is there a money-back guarantee?" A: "Yes! 30-day full refund, no questions asked." Q: "What if I don't have time?" A: "Just 15 minutes a day. Fits any schedule." Q: "Will this work for beginners?" A: "Absolutely! We start from zero." ``` ### The Trust Builder Establish credibility: ``` Q: "How long have you been in business?" A: "Since 2015, helping 50,000+ customers." Q: "Is my payment information secure?" A: "Yes, we use bank-level encryption." Q: "Can I cancel anytime?" A: "Yes, cancel with one click, keep access until period ends." ``` ### The Feature Clarifier Explain functionality: ``` Q: "What's included in the premium plan?" A: "All features, unlimited usage, priority support." Q: "Can I upgrade later?" A: "Yes, upgrade anytime and pay the difference." Q: "Do you offer team accounts?" A: "Yes, add unlimited team members." ``` ## Mobile Optimization FAQs are perfect for mobile: **Touch-Friendly** * Large tap targets (44px minimum) * Clear expand/collapse areas * Smooth animations * No accidental triggers **Readable Layout** * Full-width questions * Proper line height * Sufficient padding * High contrast text **Performance** * Lightweight accordion * No layout shift * Instant response * Smooth scrolling ## Psychology of FAQs ### Anticipate Concerns Users think but don't ask: * "Is this a scam?" * "Will it actually work?" * "What's the catch?" * "Can I afford this?" Address these unspoken concerns. ### Build Confidence Each answer should: * Remove doubt * Add value * Build trust * Move toward yes ### Order Matters Question sequence strategy: 1. **Most common concern** - Address immediately 2. **Trust/credibility** - Build confidence 3. **Features/benefits** - Add value 4. **Practical/logistics** - Clear details 5. **Positive closer** - End on high note ## Effective FAQ Writing ### Questions That Convert **Use customer language:** ❌ "What is your refund policy?" ✅ "What if I'm not satisfied?" **Address emotions:** ❌ "How does the product work?" ✅ "Will this really help me?" **Be specific:** ❌ "Is support included?" ✅ "How fast will support respond?" ### Answers That Convince **Start with yes/no:** "Yes, you can cancel anytime..." **Include specifics:** "Response within 2 hours, Monday-Friday" **Add social proof:** "Like 95% of our customers, you'll..." **End with confidence:** "...so you can start with complete peace of mind." ## Common FAQ Templates ### SaaS Product ``` Q: Is there a free trial? Q: What happens after the trial? Q: Can I change plans? Q: Is my data secure? Q: What payment methods do you accept? ``` ### Online Course ``` Q: How long do I have access? Q: What if I fall behind? Q: Are there live sessions? Q: Can I get a refund? Q: Will this work for my situation? ``` ### E-commerce ``` Q: How long is shipping? Q: What's your return policy? Q: Is this the real product? Q: Do you ship internationally? Q: Is my payment secure? ``` ### Subscription Service ``` Q: Can I pause my subscription? Q: When will I be charged? Q: Can I skip a month? Q: How do I cancel? Q: What if price increases? ``` ## Styling FAQs ### Visual Hierarchy * **Question font** - Slightly larger or bold * **Answer font** - Regular weight, readable * **Spacing** - Clear separation between items * **Colors** - Subtle backgrounds for answers ### Interaction Feedback * Hover states on questions * Smooth expand animation * Clear active states * Arrow rotation animation ### Brand Alignment * Match your color scheme * Consistent typography * Appropriate tone * Visual consistency ## Combining with Other Elements ### FAQ + Timer ``` Timer: "Offer ends in {{timer}}" FAQ: "What happens when timer expires?" Creates urgency while addressing concern ``` ### FAQ + Testimonials ``` Reviews: Customer success stories FAQ: "Will this work for me too?" Reinforces social proof ``` ### FAQ + Checkout ``` FAQ: Payment and security questions Checkout: Immediately below Removes last-minute doubts ``` ## Conversion Impact Strategic FAQs increase conversion: | Placement | Typical Increase | | ------------------ | ---------------- | | Before checkout | +10-15% | | On pricing page | +8-12% | | After testimonials | +5-8% | | In cart/checkout | +12-18% | FAQs are most effective when they address actual user concerns, not generic questions. Use support tickets and user research to identify real questions. ## Best Practices ### Do's ✅ Answer real customer questions ✅ Keep answers concise ✅ Use natural language ✅ Update based on feedback ✅ Test different orders ### Don'ts ❌ Create fake questions ❌ Write essay-length answers ❌ Use complex jargon ❌ Hide important information ❌ Overwhelm with too many ## Troubleshooting * Check for JavaScript errors * Verify accordion functionality * Test in different browsers * Look for CSS conflicts * Increase font size * Check color contrast * Add padding to answers * Verify line height * Limit to 5-7 questions * Group related questions * Move some to help page * Focus on conversion barriers * Check touch target size * Verify text wrapping * Test expand animation * Ensure proper padding ## Next Steps * [Add FAQs before checkout](/elements/checkout) to reduce abandonment * [Track FAQ interactions](/integrations/analytics) with analytics * [Test different questions](/dashboard/experiments) with A/B tests * [Combine with testimonials](/elements/reviews) for trust