無框代理重塑 B2B 轉換邏輯｜2026 Frameless 原生嵌入實戰 (附避坑指南)

Q: Docket Frameless 跟一般的 AI 聊天機器人有什麼本質差異？

本質差在位置與形態。一般聊天機器人以懸浮窗或插件掛在頁面邊緣，使用者需主動開啟；Frameless 則把 AI Demand Agent 直接內建於網頁本體如首頁 hero，同一設計、無 popup、無 widget，讓代理成為頁面的一部分，大幅降低交互摩擦力。

Q: Frameless 現在已經可以正式使用了嗎？

根據 2026 年 8 月 13 日 Docket 官方發布，Frameless 已在 docket.io 自家首頁 live 上線，目前僅以邀請制開放給少數客戶使用，尚未全面公開，需透過官方管道申請早期使用權。

Q: 原生 AI 代理會影響網站的 SEO 與載入速度嗎？

兩面都有。正面是原生代理能把解答寫回頁面 DOM，利於 SGE 與搜尋引擎擷取；負面是背後的 video pipeline 與 state machine 若未拆包懶載，會拖累 LCP、INP 等 Core Web Vitals 而傷 SEO，關鍵在嚴守效能預算。

無框代理是這篇文章討論的核心

Docket Frameless 不只是在網頁裡塞一隻 AI：2026 年「無框代理」如何重塑 B2B 官網的轉換底層邏輯

圖：原生頁面 AI 代理將徹底取代我們習以為常的右下角聊天框——這不是 UI 修飾，而是官網交互底層的換血。（攝影：Matheus Bertelli / Pexels）

快速精華 Key Takeaways

💡核心結論：2026 年 8 月 13 日 Docket 在 Palo Alto 發表的 Frameless，把 AI Demand Agent 從「掛」在頁面邊緣的插件，變成「長」在頁面裡的器官。這標誌著網站交互從 overlay（覆蓋層）正式邁向 page-native（原生內建）形態。

📊關鍵數據：Gartner 預測 2026 年全球 AI 總支出達 2.59 兆美元、年增 47%；專用 AI Agent 軟體支出飆至 2,065 億美元（年增 139%）。到 2027 年，Agentic AI 將完全超越傳統聊天機器人預算，獨立市場朝千億美元量級奔去。

🛠️行動指南：官網設計預算應把「原生代理嵌入」列為 2026 Q4 的基礎設施項目，而非邊角優化；先從 hero 區與產品頁試點，再擴散到全站。

⚠️風險預警：McKinsey 數據顯示僅 23% 組織真正把代理推到生產規模，Gartner 更警告 40% 專案會在 2027 年前因成本失控、資安缺口與 ROI 不明而被砍。別把 Frameless 當銀彈。

為什麼傳統聊天機器人正在集體失靈？從 Docket Frameless 看「無框代理」的誕生

我觀察官網轉換設計這麼多年，有一個畫面幾乎成了產業的肌肉記憶：網頁右下角那個永遠在抖動、永遠等你去點的聊天泡泡。它存在了十幾年，卻始終像個「外來客」——使用者得先注意到它、決定要不要開、忍受跳出來的對話框，才勉強開始互動。這種「先決策後互動」的摩擦力，正是轉換漏斗最隱形也最致命的漏點。

Docket 在 2026 年 8 月 13 日於 Palo Alto 發表的 Frameless，乾脆把這個泡泡刪掉。根據 GlobeNewswire 的發布稿，Frameless 是一種全新的「form factor（形態）」，它把 AI Demand Agent 直接安置在公司的網頁本體裡，而不是像傳統聊天機器人那樣以插件或懸浮窗「layer on top（疊在上面）」。它已經在 docket.io 自家首頁 live 上線，目前只開放有限邀請制的客戶使用。講白一點：你以為首頁那張 hero 大圖是張圖，其實它是一隻活著的 AI。

這裡的關鍵字是「Inbound Demand Agent（入站需求代理）」。它不只是在對話，而是在頁面裡根據用戶需求直接執行操作、提供服務——從回答產品細節、處理異議、做意圖資格認證（qualify intent），到直接幫你約會議。這已經不是客服，是個長在網站裡的數位業務員。

為什麼傳統聊天機器人正在集體失靈？「橫幅盲視」如何吃掉你的轉換

先講一個讓人不太舒服的事實：聊天機器人的平均轉換率長年在 2%–4% 徘迴，五年沒動過（Autotill 2026 數據）。NLP 變強了、模型變大了，但那個小小的對話框就像網站右上角的橫幅廣告——訪客的眼球早已自動繞開它。行內叫這現象 banner blindness（橫幅盲視）。

更慘的是，聊天框天生是「附件」，不是「本體」。它和頁面內容是兩套心智模型：使用者讀產品介紹，得跳出主線去另一個小窗問問題，上下文一斷，購買衝動就涼了一半。Docket 自家部落格也直言，過去十幾年「talking to a website visitor meant the same rectangle in the bottom-right corner」，而這個矩形需要訪客去 notice、decide、open——這三步就是轉換的隱形稅。

Pro Tip｜專家見解：把 AI 從「邊緣插件」挪到「頁面器官」，本質上是把交互成本從使用者身上轉嫁回站方。當代理跟內容共享同一套設計語言、同一種版面節奏，信任感是長出來的，不是 popup 硬塞的。這正是 Frameless 強調「same design, same feel, no popup, no widget」的玄機。

數據佐證來了：相較於聊天機器人 2%–4% 的停滯轉換，原生代理形態因省去「開窗」動作，互動門檻直接歸零。而 Gartner 早已預言，到 2026 年底會有 40% 的企業應用內建任務型 AI 代理（2025 年這數字還不到 5%），這股浪潮不會等你。聊天框的黃金年代，我看是走到尾聲了。

Frameless 的技術骨架：它是怎麼「長」進頁面的？

Docket 在技術部落格《Designing Docket Frameless: AI Agent UX Design》裡透露了幾個關鍵零件，這對全端工程師來說格外有意思：他們用 Casting（投射）、video pipeline（影像管線）與 state machine（狀態機）來驅動一個內嵌在首頁裡的 AI 行銷代理。簡單說，hero 區不再是靜態圖，而是一個由狀態機調度的活體介面——它能根據訪客當下的意圖，切換展示內容、影像與對話流。

這裡有個值得玩味的細節：Docket 的代理叫 Aura，而 Frameless 讓 Aura 直接出現在首頁 hero 上。更早之前他們還推出了 Avatars（數位分身），讓代理「有張臉」——認知科學早證實人腦對「臉」的處理與一般視覺刺激不同，臉會創造眼神接觸感、被對話感。把「臉」與「原生頁面」疊加，等於在心理層面把 AI 從工具升級成「虛擬接待員」。

Pro Tip｜專家見解：做 WordPress 站的朋友要注意，Frameless 這種形態對載入效能是硬考驗。video pipeline 與 state machine 會吃資源，必須把代理的 JS 拆包、做懶載入與效能預算（performance budget），否則 Core Web Vitals 會直接報廢，SEO 反而倒扣。原生化 ≠ 隨便塞。

案例佐證：Frameless 不是 demo，它已經 live 在 docket.io 自家首頁，且採邀請制開放給少數客戶。Docket 的多代理架構（multi-agent architecture）讓每個代理都從同一個「Sales Knowledge Lake（銷售知識湖）」取數——那是統一產品文件、定價、資安資料與通話錄音的單一真相源。這意味 Frameless 的「原生」不只是 UI 層，連背後的知識治理都是一體的。

原生代理會如何改寫 2026–2027 的官網轉換漏斗？

把視角拉到產業鏈。Gartner 預測 2026 年全球 AI 總支出 2.59 兆美元、年增 47%；其中專用 AI Agent 軟體支出高達 2,065 億美元，年增 139%，是整個 AI 盤子裡漲最快的類別。到 2027 年，Agentic AI 支出將完全超越聊天機器人。這不是小修小補，是預算的集體搬家。

對 B2B 官網的長遠影響有三層：第一，首屏即成交——代理在 hero 區就把資格認證做掉，不必等訪客滾到表單；第二，內容即對話——產品頁、定價頁都能原地喚起代理，上下文不斷鏈；第三，數據即資產——每次互動都回流到 CRM 與知識湖，形成飛輪。

⚠️ 風險預警（再強調一次）：錢湧進來不代表專案會活。Gartner 警告 40% 的 Agentic AI 專案會在 2027 年前被取消，主因是成本失控、資安缺口與 ROI 說不清；McKinsey 也點出只有 23% 組織真的把代理推上生產規模。Frameless 是漂亮的方向盤，但油門怎麼踩，還是得自己負責。

給 WordPress 站長的落地清單與避坑指南

身為長期跟 WordPress 打交道的人，我觀察到大多數站長會把 AI 代理當「安個外掛」就了事。Frameless 的出現逼我們重新想：如果要做到 page-native，得動結構，不是動插件。下面是 2026 Q4 起值得考慮的落地路徑：

試點 hero 區：先挑首頁與高意圖產品頁，把代理以原生區塊（block / 自訂模板）嵌入，而非第三方 widget。
統一設計語言：代理的配色、字體、間距必須跟全站一致——這正是我們在 siuleeboss.com 採用深靛藍漸變底 + 霓虹紫/亮藍/青綠強調色的邏輯，讓 AI 元件視覺上「屬於」網站。
效能預算：state machine 與影像管線要拆包懶載，守穩 LCP 與 INP，別讓原生化拖垮 Core Web Vitals。
知識治理：先把產品文件、定價、FAQ 整理成單一真相源，再讓代理取用，避免它開始胡說。

Pro Tip｜專家見解：SGE（Search Generative Experience）會直接抓取頁面結構化內容。原生代理若能把常見問題的解答寫回頁面 DOM（而非只活在對話氣泡裡），等同於免費幫 Google 餵料，對擷取式摘要是隱形加分。這點，傳統聊天框永遠做不到。

常見問答 FAQ

Docket Frameless 跟一般的 AI 聊天機器人有什麼本質差異？

本質差在「位置」與「形態」。一般聊天機器人是以懸浮窗或插件「掛」在頁面邊緣，使用者需主動開啟；Frameless 則把 AI Demand Agent 直接內建於網頁本體（如首頁 hero），同一設計、同一版面、無 popup、無 widget，讓代理成為頁面的一部分而非附件。這大幅降低交互摩擦力，是從 overlay 到 page-native 的形態升級。

Frameless 現在已經可以正式使用了嗎？

根據 2026 年 8 月 13 日 Docket 的官方發布，Frameless 已經在 docket.io 自家首頁 live 上線，但目前僅以「邀請制」開放給少數客戶使用，尚未全面公開。想導入的企業需透過 Docket 官方管道申請早期使用權。

原生 AI 代理會影響網站的 SEO 與載入速度嗎？

會，而且兩面都有。正面來說，原生代理能把解答寫回頁面 DOM，利於 SGE 與搜尋引擎擷取；但負面來說，背後的 video pipeline 與 state machine 若未做拆包與懶載入，會拖累 LCP、INP 等 Core Web Vitals，反而傷 SEO。關鍵在於嚴守效能預算與乾淨的頁面結構。