# Notion 3.6 最值得先試的 HTML blocks：5 種頁面小工具 ideas

Notion 在 2026-07-01 發佈 3.6，這次包含 External Agents、HTML blocks、AI 會議記錄說話者標籤、Office / Outlook / MCP 更新。這篇把最值得先試的 HTML blocks 放回真實 Notion 頁面，整理 5 種小工具 ideas，也講清楚 Business Plan 和 credits 的費用邊界。

很多公司的 Notion 頁面其實已經寫得很完整。

新人報到 SOP 有流程，客戶提案有價值說明，會議紀錄有逐字稿，專案首頁也有檢查表。可是每到真正使用的時候，人還是會回來問同一批問題：

「我這樣做對嗎？」

「這個方案大概省多少？」

「這場會議到底誰要接下一步？」

「這個專案現在最危險的是哪裡？」

Notion 在 2026-07-01 發佈 3.6 更新時，我最在意的不是又多了一個 AI 按鈕，而是 HTML blocks。因為它讓原本只是拿來讀的頁面，開始可以放進一個小小的互動工具。

![Notion HTML blocks Blog 封面](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-cover-wide.png)

### 先把 3.6 放在地圖上

這次 Notion 3.6 的更新範圍不小。

官方發佈頁提到幾個方向：External Agents 可以讓 Claude、Cursor 這類外部 AI 工具進到 Notion 工作板；Notion Agent 可以讀寫 Office 檔案、連 Outlook、接更多 MCP 工具；AI 會議記錄加上說話者標籤；HTML blocks 可以依照頁面內容產生互動區塊。

如果只是看功能名稱，這一波很容易被讀成「Notion 又把更多 AI 功能塞進來了」。

但對日常使用者比較實際的問題是：公司已經在 Notion 裡放了那麼多文件，哪一種頁面可以先變好？

我的答案會從 HTML blocks 開始。

它不像完整自動化那麼重，也不一定要一開始就讓 AI 背景跑任務。你可以先挑一頁每週都被問爆的文件，在頁尾放一個小工具。先讓它回答一個問題就好。

### HTML blocks 的重點：頁面內直接測、算、檢查

HTML blocks 的意思，可以先想成「Notion 頁面裡的一塊互動區域」。

以前 Notion 文件比較像整理好的資料。讀者看完以後，還要自己拿計算機算、自己判斷缺什麼、自己把會議紀錄變成待辦。

現在比較有趣的是，Notion Agent 可以根據頁面內容產生 HTML block。這個 block 可以是小測驗、計算器、組織圖、檢查器、風險診斷。

這不是要你把 Notion 變成一個大型系統。第一步反而應該很小。

選一頁，放一個工具，解一個常被問的問題。

### 例子一：新人 SOP 頁尾放小測驗

新人 SOP 最大的問題，不是沒有人寫流程。

很多時候流程已經寫了，只是新人讀完還是不確定自己有沒有懂。主管或同事最後又要回答一次：「對，你這樣做可以」「不對，你漏掉工具申請」「資安那段要重看」。

這種頁面很適合放一個 5 題小測驗。

![新人 SOP 裡嵌入 5 題小測驗](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-sop-quiz.png)

你可以把它放在 SOP 頁尾，讓新人看完以後自己測一次。答完不用只顯示分數，而是直接告訴他哪一段要回頭看。

可以這樣請 Notion Agent 做第一版：

```
請把這頁 SOP 變成一個繁體中文互動小測驗。

目標使用者是新進同事。
請根據頁面內容產生 5 題單選題。
答完後顯示分數，並列出需要回頭看的段落。

請做成可以放在 Notion HTML block 的互動內容。
不要連外部服務，不要收集個資。
```

我會先從這種低風險頁面測。它不牽涉客戶資料，也不需要跨系統寫入。就算第一版不完美，也很容易修改。

### 例子二：客戶提案放 ROI 計算器

客戶提案頁也很適合。

很多提案會寫「可以節省時間」「可以減少重複作業」「導入後效益更高」。這些話不一定錯，但讀者看完還是會問：那對我大概是多少？

與其只把價值主張寫成一段文字，不如在提案頁裡放一個小型 ROI 計算器。

讀者輸入每月案件量、每件平均工時、每小時人力成本、預估節省比例，頁面就可以算出每月節省時數和年度效益。

這件事的價值不只是「看起來比較互動」。它會把一個抽象主張變成對方自己的數字。

### 例子三：會議紀錄加行動項檢查

這次 3.6 裡，AI 會議記錄的說話者標籤也值得注意。

我會把它當成一個功能來看：逐字稿比較容易知道誰說了什麼。它不是兩個功能，也不是萬能的正式紀錄。Notion Help 也提醒，說話者標籤在桌面版、線上 1 對 1 這類情境會比較適合；如果是多人現場會議或共用麥克風，就先當輔助。

真正能讓會議頁變好的是下一步：把逐字稿和行動項接起來檢查。

![AI 會議記錄接上行動項檢查](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-meeting-actions.png)

例如 HTML block 可以掃描會議行動項，直接標出哪件事缺負責人、哪件事缺期限、哪件事已經可以進任務清單。

這樣會議紀錄就不只是「這場會議發生了什麼」，而是比較接近「接下來誰要做什麼」。

### 例子四：團隊名冊變成組織圖

Notion 裡的人員資料庫常常很完整，但新人不一定看得懂。

欄位有姓名、角色、負責範圍、合作窗口。可是新人真的要找人時，通常不是照欄位思考。他會想知道：「這件事要問誰？如果對方不在，下一個窗口是誰？」

HTML block 可以把人員資料庫變成一個簡單組織圖或合作關係圖。

![團隊名冊變成組織圖](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-org-chart.png)

這張圖不一定要做得很複雜。第一版只要能點人名看負責範圍，就已經比純表格更容易進入。

尤其對跨部門合作、客戶專案、臨時支援小組，這種頁面會很實用。

### 例子五：專案首頁放風險小診斷

專案頁通常會放里程碑、時程、驗收標準、外部依賴。

問題是，這些資訊分散在頁面不同段落時，團隊不一定會主動看出風險。

你可以在專案首頁放一個 5 題風險小診斷。

![專案首頁放風險小診斷](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-project-risk.png)

問題不用多：

- 時程清楚嗎？
- 資料齊全嗎？
- 決策者確認了嗎？
- 外部依賴有人跟嗎？
- 驗收標準寫清楚了嗎？

填完以後，頁面可以直接顯示「低風險 / 中風險 / 高風險」，並提醒先補哪兩件事。

這種小工具很適合放在週會前。它不取代 PM 的判斷，但可以讓團隊更早發現「這個專案其實不是卡執行，是卡決策者或資料」。

### 費用邊界：Business 團隊可以先試，不用一開始就買 credits

這次更新最容易混在一起的是費用。

如果你的公司已經是 Notion Business 或 Enterprise，Notion AI 的核心能力已經包含在方案裡。可以先從內建情境試起，例如 Notion Agent、AI 會議記錄、Enterprise Search，以及這篇提到的 HTML blocks 使用情境。

換句話說，第一步不用先去買 credits。

![Notion AI 用量設定與 credits 邊界](https://be-ai-curator.com/images/blog/notion-html-blocks-practical-ideas-credits-boundary.png)

真正要控費的是另一層：Custom Agents 背景跑任務、Custom Agent Autofill、以及 Workers 在 2026-08-11 後開始計入 credits 的用量。

我的建議是先分兩層看：

- 內建 AI 能力：先拿一頁低風險文件試，確認團隊真的用得上。
- 背景自動化與 Custom Agents：等你知道哪個任務值得持續跑，再開 credits 管理、上限和用量觀察。

這樣比較不會一開始就把「小工具實驗」變成「全員自動化專案」。

### 第一個實驗可以很小

如果要今天就試，我會這樣選：

1. 找一頁每週都被問同一批問題的 Notion 文件。
2. 先不要接外部系統，只處理頁面裡已有的資訊。
3. 讓 Notion Agent 產一個 3 到 5 個輸入欄位的小工具。
4. 請同事用測試頁試一次，看答案有沒有幫他少問一輪。
5. 通過後，再搬到正式頁面。

不要一開始就把密碼、客戶個資、付款資料、內部敏感欄位放進互動 block。先用測試頁，先做單一用途，先讓結果可檢查。

這樣用 HTML blocks，比較像把 Notion 頁面從「資料放在這裡」往前推一格，變成「下一步也可以在這裡完成一點」。

文章下方我放了一份「Notion HTML block ideas starter pack」。裡面整理了 10 種頁面搭配、5 段可直接貼給 Notion Agent 的繁中提示詞，以及一份上線前檢查表。

不用全部照抄。先挑一頁，做一個就好。

### Sources

- Notion — Release 2026-07-01: https://www.notion.com/releases/2026-07-01
- Notion — Notion AI: https://www.notion.com/product/ai
- Notion Help — Buy and track Notion credits for Custom Agents: https://www.notion.com/help/buy-and-track-notion-credits-for-custom-agents
- Notion Help — AI Meeting Notes: https://www.notion.com/help/ai-meeting-notes
- Notion Help — Understand pricing for Workers: https://www.notion.com/help/understand-pricing-for-workers

---

來源：AI 主理人 https://be-ai-curator.com/blog/notion-html-blocks-practical-ideas · 更新於 2026-07-03
