What is an FAQ accordion?
An FAQ accordion is a stack of question rows that expand to reveal their answers. It keeps a long list of Q&As compact and scannable, and lets readers jump straight to what they care about.
It's built on the native <details> element, so it works without JavaScript and is accessible by default.
When to use an FAQ
- Pre-sale objections — answer the questions that block a purchase.
- Onboarding & support — reduce repetitive tickets.
- Product or pricing pages — clarify details without clutter.
FAQ and SEO
Question/answer content is exactly what search engines surface in rich results. When you build an FAQ inside a Scrollytelling page it's rendered as real, crawlable text — and our widget pages add FAQPage structured data automatically, which can qualify your answers for expandable rich snippets.
Best practices
- Write questions the way people actually ask them.
- Keep answers short and specific.
- Order by what matters most, not alphabetically.
How to make an FAQ — free
Edit the questions above
Add your real Q&As and pick your colors.Embed or download
Copy the code or save a standalone HTML file.Add it to a page
Drop an FAQ into a full Scrollytelling story — free to start.
Templates that use a FAQ
Want a head start? These ready-made, fully-editable templates put the FAQ to work — customize one and publish in minutes.
FAQ accordion — frequently asked questions
Is the FAQ widget free?
Yes — build and embed an FAQ with no account or payment.
Does the FAQ help SEO?
Our widget pages emit FAQ structured data (FAQPage), which can qualify answers for rich results. Inside a story, the Q&As render as crawlable text.
Does it require JavaScript?
No — it uses the native <details> element, so it works and is accessible without scripts.
How do I embed the FAQ?
Copy the embed code into your site or CMS, or download the self-contained HTML.