Help screen examples

Magnific

In-app help center directory where the user can search for documentation or browse guides for creative tools like the Image Generator and Video Generator.

• Browse
• Navigation Menu

HeyGen

Creation page where an instructional modal explains how to grant camera and microphone permissions in the browser to record a digital twin.

• Confirmation

Assembly AI App Builder

Settings page where the user configures portal customization like search engine indexing and contact branding, with a help center modal open over the view.

• Settings
• Trial

Mailchimp

Settings page where the user can purchase email credits for a pay-as-you-go plan, with a help drawer open explaining how the plan works.

• Billing Settings
• Pricing

Missive

Settings modal where the user has navigated to the Help & Feedback section to view embedded documentation and guides.

• Settings

Chatwoot

Feature gate for the Help Center where the user is prompted to upgrade their subscription to unlock self-service portals.

• Feature Gate
• Upgrade Prompt

Kinescope

List view of an empty media catalog where a modal prompts the user to confirm hiding a help center tooltip.

• Confirmation

Documentation.AI

Documentation editor where the user is building a Help Center page with sections for FAQs, Guides, and Support, assisted by an AI chat panel on the right.

• Form

Pocket Casts

Settings page where the user can access help resources like FAQs, privacy policies, and send feedback.

• Settings

Chatbase

Settings page where the user configures domain setup and edits suggested messages for a chatbot help page deployment, featuring a live preview canvas.

• Edit

Durable

Design editor where the user opens a help modal offering links to the knowledge base, email support, and live chat.

• Design Editor

Fabric

Help center home page introducing the workspace with quick links to features, apps, and getting started guides.

• Getting Started