FAQWidget

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:

1. Content – Add your questions and answers

2. Style – Adjust the appearance to fit your site

3. 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