Up next
The video did not load.
Lesson 8 of 12 · 1:08
Design an FAQ section
From FAQs and FAQ sections · Verified against the live product on Nov 4, 2026
This lesson
Pick one of 27 templates, match your colors, and preview it on light and dark pages and on a phone.
Prefer to read? Follow it step by step
Moments in this lesson
Length 0:44
Up next · 0:44
9. FAQs on your pricing and product pages
Copy a section's one line and paste it where the questions belong, right under your plans.
Transcript
- 5:39On your own website, a section can have a design of its own.
- 5:42In Embeddables, FAQ sections lists every section, with its FAQs and its design.
- 5:49A Full section shows all your FAQs, by category.
- 5:52A Custom section shows only the FAQs you pick, and its badge counts them.
- 5:57Ours are all Custom.
- 5:59I'll click Design on Plans and pricing.
- 6:02There are twenty-seven templates: accordions, cards, lists, tabs and conversations.
- 6:08I'll pick Duet, a two-column accordion.
- 6:11Under Style, I'll set the accent color to Northwind teal...
- 6:15round the corners a little more...
- 6:17switch the expand icon to a plus... and set the color scheme to Auto, to follow each visitor's light or dark setting.
- 6:25The preview shows it on a light page... on a dark page... and on a phone.
- 6:30For anything more, Custom CSS takes your own rules.
- 6:33Start each one with this section's class, to keep it to this section.
- 6:38And Save design.
- 6:40It's live on every site that embeds this section, and the snippet stays the same.
Captions and this transcript come from the narration, word for word. Click any line to play from there.
About the course
Write each answer once, and show it wherever your customers ask.
What you'll learn
- When to write an FAQ, and when an article is the better fit
- Writing an FAQ, and editing it with Quick edit
- Related FAQs: attach saved ones, or write new ones under an article
- Drafting FAQs from a long article with AI
- FAQ sections in articles, on your help center's pages, and on your website
- A section's design: 27 templates, light, dark and phone previews
- Editing one answer, and seeing it change everywhere
- Who it's for
- Support and content teams who answer the same questions in many places.
- Format
- 12 lessons, 9:57 in all. English captions and a full transcript.
- Last verified
- Nov 4, 2026, on the live product with the Northwind demo help center
- Plans
-
Works on every plan. One lesson covers a feature on a higher plan, and says so:
- Lesson 5 · Extend a long article with FAQs AI-drafted FAQs: Catalyst or AI add-on
Articles
Every lesson pairs with a help article, so you can read the steps at your own pace.
-
Write FAQs and add them to articles self.helpcenter.io/content/write-faqs
-
Write faster with AI writing help self.helpcenter.io/content/ai-writing-helpGoes with
-
Embed FAQ sections on your website self.helpcenter.io/content/faq-sections
-
Add, move and remove components self.helpcenter.io/content/componentsGoes with