← 所有應用

SaaS 新手啟動

引導檢查表 + 空狀態 + 命令列
B2B SaaS (saas)×onboarding-checklist+empty-state+command-search
在組合器編輯 →
組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
  id: 'saas-onboarding',
  name: 'SaaS 新手啟動',
  industry: 'saas',
  scenarios: [
    'onboarding-checklist',
    'empty-state',
    'command-search',
  ],
  description: '引導檢查表 + 空狀態 + 命令列',
}

// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';

const ctx = getIndustry('saas');
const onboarding_checklist = getScenario('onboarding-checklist')!.render(ctx);
const empty_state = getScenario('empty-state')!.render(ctx);
const command_search = getScenario('command-search')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改 industry 那一行。
上手檢查表 · onboarding-checklist
開始使用 B2B SaaS

完成設定 · 2 / 6

33%
4
  • 建立工作空間
    命名您的 B2B SaaS · 預估 1 分鐘
  • 邀請第一位客戶
    輸入 email 或匯入聯絡人 · 預估 2 分鐘
  • 3
    建立第一筆 工單
    測試 支援流程 流程 · 預估 3 分鐘
  • 4
    設定 系統概況 指標
    選擇對您最重要的 KPI · 預估 2 分鐘
  • 5
    串接外部工具
    Slack / Google Calendar / Zapier · 預估 5 分鐘
  • 6
    邀請團隊成員
    讓同事一起使用 · 預估 3 分鐘
空狀態引導 · empty-state

還沒有任何 工單

建立第一筆 工單 來啟動您的 支援流程。 系統會自動把它放進對應狀態, 並通知客戶

需要靈感?範例 1範例 2範例 3
指令搜尋 · command-search
ESC
最近 工單
t-9001Webhook delivery failing for enterprise acct
t-9002SSO setup request — Okta integration
t-9003Dashboard loads slow on large datasets
快速動作
建立工單⌘N
開啟工單追蹤⌘L
查看系統概況⌘D
切換支援流程視圖⌘B