Help & Support
Overview
The Help & Support module provides a searchable help center with categorized MDX articles, FAQs, video tutorials, and direct contact options for reaching the support team.
Navigate to: Sidebar → Help & Support or /help
Help Center
| Element | Description |
|---|---|
| Search bar | Search across all help articles, FAQs, and categories |
| Categories | Browsable categories of help topics |
| Featured articles | Highlighted or popular help articles |
| Video tutorials | Embedded video guides for common tasks |
| FAQs | Frequently asked questions section |
| Contact Support | Direct link to reach the support team |
Search
The search bar provides real-time filtering across all help content. As the user types, matching articles, FAQs, and categories are displayed.
| Element | Description |
|---|---|
| Search input | Free-text search |
| Search results | Matching articles displayed below the search bar |
| Clear button | Clears the search input and resets results |
!!! tip "Things to check" - Search results update in real time as the user types - Search matches article titles, content, and category names - Empty search results show a clear "No results found" message - Clearing the search input resets the full help center view - Search handles special characters and multiple words correctly
Help Categories
Categories organize help articles into logical groups. Each category shows:
| Element | Description |
|---|---|
| Category icon | Visual identifier for the category |
| Category name | e.g. Getting Started, Billing, Payments, Properties |
| Article count | Number of articles in the category |
Tapping a category opens its article list.
Category Articles
| Element | Description |
|---|---|
| Category title | Name of the selected category |
| Article list | Articles within the category, each with a title and brief description |
| Back button | Returns to the main help center |
!!! tip "Things to check" - Each category shows the correct number of articles - Articles within a category are relevant to that category's topic - Back navigation returns to the main help center without losing scroll position - Categories are arranged in a logical order
Help Article
Individual help articles are rendered from MDX content and may include:
| Element | Description |
|---|---|
| Article title | Clear, descriptive heading |
| Article body | Rich text content with formatting, images, and code blocks |
| Related articles | Links to related help articles |
| Back button | Returns to the category or help center |
!!! tip "Things to check" - Article content renders correctly with proper formatting - Images within articles load and display correctly - Related article links navigate to the correct articles - Back navigation works correctly - Articles are readable on both desktop and mobile viewports
FAQs
Frequently asked questions are displayed in an expandable accordion format.
| Element | Description |
|---|---|
| Question | Clickable header that expands/collapses the answer |
| Answer | Detailed response revealed on click |
| Category grouping | FAQs may be grouped by topic |
!!! tip "Things to check" - Clicking a question expands the answer smoothly - Only one FAQ can be expanded at a time (or multiple — confirm the intended behavior) - FAQ content is accurate and up to date - Answers are clear and address the question directly
Video Tutorials
Embedded video tutorials covering common tasks and workflows.
| Element | Description |
|---|---|
| Video thumbnail | Preview image for the video |
| Video title | Description of the video content |
| Play button | Starts video playback |
| Duration | Length of the video |
!!! tip "Things to check" - Videos load and play without errors - Video controls (play, pause, volume, fullscreen) work correctly - Videos are responsive and display correctly on different screen sizes - Video titles accurately describe the content
Contact Support
Direct contact options for reaching the support team.
| Option | Description |
|---|---|
| Call Support | Opens the phone dialer with support's number pre-filled |
| Send Email | Opens the default mail app addressed to support |
| WhatsApp Support | Opens WhatsApp with support's number pre-filled |
!!! tip "Things to check" - Each option launches the correct external app (Phone / Mail / WhatsApp) with the right number or address pre-filled - Behavior when the relevant app isn't installed (e.g. no WhatsApp) fails gracefully rather than crashing - Contact information is accurate and current
!!! tip "Things to check" - Help center search covers all content (articles, FAQs, categories) - All help content is accurate and matches current application functionality - Help center is accessible from the sidebar on all pages - Mobile responsiveness is maintained across all help center views