Native FAQ accordion (details/summary)
Zero-JS accordion built on native details/summary, so it works even if a page's JS bundle fails to load. Good default FAQ block for any landing page. Keep answers to 2-3 sentences; anything longer belongs on a help center page.
Live preview
open in new tab ↗<section class="cb-faq">
<div class="cb-faq-inner">
<span class="cb-eyebrow">FAQ</span>
<h2>Frequently asked questions</h2>
<details class="cb-faq-item" open>
<summary>How much does it cost and what's included in each plan?</summary>
<p>Start free as an individual with no usage limits. Team and organization plans add shared scheduling, routing, and security features.</p>
</details>
<details class="cb-faq-item">
<summary>Is it good for small businesses?</summary>
<p>Yes. Most small teams run comfortably on the Teams plan and can add seats one at a time as they grow.</p>
</details>
<details class="cb-faq-item">
<summary>Can it be used across healthcare, sales, and support teams?</summary>
<p>Yes, routing forms and round-robin assignment cover common team distribution needs across industries.</p>
</details>
</div>
</section>Block id: cal-com-faq-accordionvanilla · drop-in
More faq blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.