Where to use it
Add it to help centre pages, service descriptions, product pages, or any section where visitors have common questions. The accordion format keeps the page tidy while making all answers accessible.
Related widgets: Poll widget, Pricing comparison table, WhatsApp contact button
Embed code
Copy this iframe into your page HTML, CMS block or website builder embed area.
How it works
An FAQ accordion displays a list of questions. When a visitor clicks a question, the answer expands below it. Clicking again collapses the answer. This keeps the page clean – visitors only see what they're interested in.
The widget uses the HTML <details> and <summary> elements, which are native browser features. This means no JavaScript is required for the expand/collapse behaviour, and the widget works even if JavaScript is disabled.
Good FAQ pages answer real visitor questions. Common sources for FAQ content:
- Customer service queries: the questions your support team answers repeatedly
- Pre-sales questions: clarifications about pricing, delivery, guarantees
- Product or service details: how something works, what's included, what's not
- Policy questions: returns, cancellation, data handling, payment methods
FAQ SEO tip: search engines often pull FAQ content into featured snippets. Structuring your questions as clear, direct sentences (not questions as headlines) improves the chance of being selected. Keep answers concise – one to three short paragraphs.
Accessibility note: native HTML accordions like this one are accessible by default in most browsers and screen readers, without requiring custom ARIA attributes or JavaScript fallbacks.