Split With Aside
A two-column FAQ: a sticky heading and help link beside a flat, single-open accordion of answers.
A two-column FAQ: a sticky heading and help link beside a flat, single-open accordion of answers.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Split With Aside sets a short FAQ next to a heading instead of under one. The left rail holds a bold heading and a help-center prompt for anyone whose question is not on the list, while a flat, single-open accordion stacks the answers on the right. The first question opens by default, so a reader always lands on an answer rather than a wall of closed rows.
The rail stays in view as the answers scroll, keeping the heading and the way out to support in reach the whole time. Everything is built from theme tokens, so the block adapts to light and dark with no external images.
Reach for this block when your questions form a single short list rather than a set of groups, and you want the section to read as one clean column of answers. The heading rail gives the FAQ a strong left anchor and a place for the help center handoff, which keeps the answers themselves uncluttered.
It sits well near the foot of a product or storefront page, after the pricing and the proof, where it clears the last few objections before the closing ask. An ecommerce brand can use it to handle the questions that stall a purchase, like shipping times, return windows, and payment options, all in one tidy panel.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is six to nine common questions with a short answer each. A few other ways to use the frame:
Tip: keep the list to under ten questions. When it grows past that, the flat column gets long, and a tabbed FAQ will carry the extra questions better.