Accordion With Links

About this block

Accordion With Links opens with a heading and a short subheading, then splits into two columns. The wider left column holds a single collapsible accordion of five questions covering trials, billing, data export, security, and what happens at the end of a trial. The narrower right column is a bordered card titled "More ways to get help" that lists three resource links, each with a square icon, a bold label, and a short description. The links point to documentation, a community forum, and direct support.

The two sections are fully independent. You can swap out any accordion question and answer without touching the resource card, and vice versa. The number of accordion items and resource links can grow or shrink freely, and the card can be removed altogether if a plain accordion column suits the page better.

When to use

Reach for this block when your FAQ page needs to do double duty: answer the most common questions and point buyers toward deeper help without sending them away from the page. For an ecommerce storefront brand it is a natural fit on a support or shopping guide page where customers want instant answers on returns, shipping, and payment but may also need a link to live chat or a size guide. It outperforms a plain accordion when you have a tight set of high traffic questions alongside a small set of evergreen resources that reduce support tickets.

A natural flow around it on a Marketing Pro page:

Before

• Pricing to resolve cost questions before buyers reach the FAQ
• Features so readers arrive with enough product context to understand the answers

After

• CTAs to convert readers who just had their objections answered
• Testimonials to reinforce confidence right after common concerns are addressed

What you can customize

The block divides neatly into two independent panels you can edit separately:

• Accordion questions. Replace, reorder, or add items to cover the questions your customers ask most, from sizing and returns to subscription changes and bulk orders.
• Resource card links. Swap the three entries for any combination of help center links, community spaces, or contact routes that match your support setup.
• Section heading and subheading. Update the copy above the columns to set the right tone, whether that is a casual "Got questions?" or a formal support page headline.

Tip: keep the accordion to five or six items so the two columns stay roughly the same height and the card does not float in a lot of empty space.