FAQ Builder

FAQ Builder is a modern accordion and FAQ web part you build and edit directly on the page. Add questions, format the answers inline and reorder them by hand, with no SharePoint lists to wire up and no code. It stores its content in the web part itself and runs client-side as the signed-in user.

Permissions

No Microsoft Graph permissions are needed to build and show a FAQ. Only the optional audience targeting uses a single read-only scope, GroupMember.Read.All, which your admin approves once. If it is not granted, targeting fails open and every question shows.

Set up

1. Install the package (see the Install guide).
2. Edit a page → add the FAQ Builder web part.
3. Add your questions and format each answer inline on the page.
4. Optional: approve GroupMember.Read.All if you want per-question audience targeting.

Answers

Answers are rich text with headings, links, lists and images, formatted inline where they sit. What you see while editing is exactly what visitors get.

Layout options

• Layout - accordion (collapsing) or classic FAQ (open), with an optional search box.
• Order - drag questions into the order you want.
• Audience - target individual questions to Microsoft 365 or security groups.
• Header - give the part a title and badge it with your logo.
• Show more - limit how many questions the list shows at once. Visitors see that many with a Show more button to reveal the rest, and the search box still finds every question, including the ones not yet shown.
• Theme - inherits your site theme, light and dark.

Title banner

The title banner can be styled to match your brand, from the property pane:

• Shape - pill, square, or a no-fill ghost that shows the title with no banner behind it.
• Fill - a solid colour, a soft tint, a gradient that fades to transparent, or two colours.
• Minimal looks - an accent bar, an underline or an overline label, for when a full banner is more than the page needs.
• Colour - set the banner to your brand colour rather than the theme default.
• Background image - with a readability overlay, so the title stays legible over a busy picture.
• Title ink - with gradients and background images, set the title text light or dark by hand where the automatic choice is not the one you want.

Content lives in the web part and nothing leaves your tenant; only optional audience targeting reads group membership, read-only.