FAQWidget
Your Questions, Answered!
About
FAQ Widget Guide The FAQ widget helps you create a section on your website where visitors can easily find answers to common questions. This makes it easier for people to get information quickly without needing to contact support
Key features
- Form builder
- Lead capture
- Survey creation
- Conditional logic
- Auto-scoring
GHL agencies collecting leads via forms and surveys.
FAQ Widget Guide
The FAQ widget helps you create a section on your website where visitors can easily find answers to common questions. This makes it easier for people to get information quickly without needing to contact support. The questions and answers are neatly displayed and can expand or collapse when clicked, keeping your page clean and organized.
1. Start with a Template
What you’ll see:
Layout options like Accordion View, List Style, or Boxed FAQ
A Continue with this template button
What to do:
Click on each layout to preview it
Choose your preferred style and click Continue to begin editing
2. Use the Editing Tabs
After selecting a layout, three main tabs will appear:
Content – Add your questions and answers
Style – Adjust the appearance to fit your site
Settings – Control how it works and displays on different devices
3. Customize Your FAQ Section
Content Tab
This is where you enter the main content:
Add Questions & Answers – Type each question with its answer
Reorder Items – Drag and drop questions to change the order
Group FAQs (Optional) – Organize by topic if needed
Add Icons (Optional) – Display a symbol beside each question
This section helps you provide useful information in a compact format.
Style Tab
Customize how the FAQ section looks:
Fonts & Text Size – Pick a font style and adjust sizes for questions and answers
Colors – Choose background, border, and text colors
Spacing – Set padding between items and inside boxes
Borders & Shadows – Add clean lines or soft shadows around items
Icons & Expand Effects – Choose how items expand and collapse
This lets your FAQ match your site’s design style.
Settings Tab
Control how the section behaves:
Open/Collapse Behavior – Let multiple answers open at once, or only one
Animation Speed – Set how fast items expand or close
Mobile Settings – Make sure the FAQ looks good on all screen sizes
Custom Code (Optional) – Add CSS or JavaScript for special formatting
These settings help the section run smoothly and look good everywhere.
Helpful Tips
Use the Content tab to add and organize your questions
Use the Style tab to match the look of your site
Use the Settings tab to adjust how your FAQ section works
Always click "Save" after making changes