作者：Jacks｜JRM Web Design 顧問・英國生醫碩士・前保健品牌資深數位行銷｜最後更新：2026 年 10 月 25 日
你是不是也看到這則消息：「Elementor 可以接 Claude 了，AI 會自己幫你排版面。」然後心裡想：『那我是不是不用再請人改網站？還是 AI 一不小心把首頁弄壞？』
Elementor MCP 是 Elementor 在 2026 年 9 月推出的官方功能，讓 Claude、Codex、Cursor 這類 AI 工具直接連進你的 WordPress 網站，用 Elementor 自己的元件做頁面[2][3]。這篇不吹也不嚇，只講老闆需要知道的 5 件事：它是什麼、怎麼接、能做什麼、還不能做什麼，以及開放之前一定要先做的安全檢查。
MCP是什麼？Elementor MCP 一句話講完
MCP 是讓 AI 工具連接外部系統的開放標準；Elementor MCP 就是把 Elementor 網站接上這個標準的「插座」。
MCP 的全名是 Model Context Protocol。官方文件把它比喻成 AI 應用程式的 USB-C 插頭：以前每個 AI 要接每個系統，都得各做一條專用線；有了統一規格，一個插頭就能接各家工具[1]。
重點在「接上之後做出來的是什麼」。Elementor 官方說，AI 產出的是真正可編輯的 Elementor 結構，打開視覺編輯器就能手動繼續改，不是一大串你看不懂的程式碼[3]。而且用不用完全是選配，原本的編輯器不會改變。
這次更新了什麼？一張表看時間線
9 月中先開放 Beta，9 月下旬正式宣布，路線圖上還有兩項 MCP 功能排在第四季。
| 時間 | 發生什麼事 | 重點 |
|---|---|---|
| 2026-09-15 | Elementor MCP Beta 公告[2] | 要開 Beta 測試模式＋啟用 Atomic Editor 才能用 |
| 2026-09-23 | Elementor MCP 正式公告[3] | 後台多了「Elementor MCP」頁面，可選 Claude Code、Claude Desktop、Codex、Cursor 或其他工具 |
| 2026 年 9 月（4.3） | 路線圖標示已釋出：AI 可管理頁首、頁尾、封存頁模板與顯示條件[5] | 不只做單頁，也能動到全站共用的模板 |
| 2026 年第四季（預計） | 擴充 MCP 工具，支援主要 V3 元件；MCP Skills[5] | 舊版元件做的頁面目前還不能改，要等這一步 |
資料整理自 Elementor 官方部落格與 Roadmap 頁面，擷取日期 2026-10-24。功能與時程以官方最新公告為準。
Elementor MCP 怎麼接？官方 3 步驟
到 WordPress 後台的 Elementor → Elementor MCP，選工具、複製提示詞、貼進 AI 工具，三步就接好。
- 選 AI 工具：在「Elementor MCP」頁面選 Claude Code、Claude Desktop、Codex、Cursor，或「其他」相容 MCP 的工具[4]。
- 產生並複製提示詞：Elementor 會在背景自動建立一組應用程式密碼，直接放進提示詞裡；想自己設定也有手動選項[2]。
- 貼到 AI 工具：貼上就完成連線。之後 AI 做出來的頁面，一律先存成草稿，不會直接上線[4]。
兩個前提要先知道：只有網站管理員能建立連線，而且一個連線只對應一個網站[3]；Beta 階段還要求先啟用 Atomic Editor（也就是 Elementor 第 4 版的新編輯架構）[2]。
提醒一句：那段提示詞裡有應用程式密碼，等於一把網站鑰匙。不要貼到 LINE 群組、不要截圖分享給外包，用完記得收好。
Elementor MCP 能做什麼？還不能做什麼？
現在能用 Atomic 元件生成和改寫頁面、套設計系統、管理頁首頁尾；舊版 V3 元件做的頁面還不支援。
現在能做的 4 件事
- 一次生成整頁：用 Atomic 元件做出有內容、有樣式的完整頁面[3]。
- 改寫現有頁面：指定一個已經用 Atomic 元件做好的頁面，請 AI 重新調整版面，不只是往下加東西。
- 用設計系統：建立、套用 Class 和變數，設定滑鼠移上去的狀態、調整手機與平板的斷點。
- 管全站模板：頁首、頁尾、封存頁、彈窗，連「出現在哪些頁面」的顯示條件都能設。
還不能做、或要另外付費的
官方 MCP 頁面寫得很清楚：目前只支援 Atomic 元件，只有用 Atomic 元件與版面（V4）做的網站才能改，舊版 V3 元件的頁面「即將支援」[4]。表單、彈窗、Loop、WooCommerce 這些 Pro 元件要有 Pro 方案；部分進階功能還得另外裝 Angie 外掛[4]。連線本身免費，但 AI 工具的訂閱和用量要自己付[2]。
如果 AI 和你同時在改同一頁怎麼辦？Elementor 會偵測到衝突、跳通知，讓你選擇重新整理或放棄變更再繼續[3]。
我們 jrm.tw 自己的情況：文章已經在用 MCP
jrm.tw 已經更新到 Elementor 4.3.5，部落格文章也一直用 WordPress MCP 上稿，但 Elementor 頁面這塊還卡著。
先說我們的現況。這個月 jrm.tw 的部落格文章，都是我用 Claude 透過 WordPress MCP（Easy MCP AI 外掛）存成草稿、填 Rank Math 欄位，我再進後台檢查後才發布。寫文章這件事，AI 接進網站真的省下很多複製貼上的時間。
但我也撞過牆：用 Elementor 做的頁面，例如聯絡頁，那條 WordPress MCP 改不動，最後還是要自己開編輯器。這正是 Elementor MCP 想補的洞。
那我為什麼還沒在正式站打開？因為 jrm.tw 很多版面是用 Crocoblock 的 JetElements 等舊版元件做的，屬於 V3 時代的結構。照官方目前的說明，這些頁面要等 V3 支援上線才能讓 AI 改[4][5]。我的打算是先在測試站接接看，等第四季的 V3 支援出來，再決定要不要用在客戶網站。
讓 AI 進網站之前，老闆先做這 5 件事
備份、測試站、管好密碼、人工看草稿、算好費用，這 5 件做完再開 Elementor MCP。
- 先完整備份：網站檔案和資料庫都要，而且確認真的還原得回來。
- 先在測試站試：staging 站試順了，再碰正式站。改壞測試站只是重來，改壞首頁是少掉客人。
- 管好應用程式密碼：WordPress 從 5.6 版起內建應用程式密碼，可以在使用者的個人資料頁查看、撤銷，還看得到最後使用時間[6]。換外包、測試結束，就把那組撤掉。
- 草稿一定人工看過：AI 做的頁面一律是草稿[4]，發布前用手機實際點一遍：文字對不對、按鈕連到哪、圖片有沒有跑版。
- 算好 AI 工具的錢：連線免費，AI 工具的月費與用量另計，Pro 元件還要 Pro 方案[2]。
說穿了，AI 是很勤勞的新同事，但鑰匙給誰、做完誰驗收，還是老闆要決定。網站平常的備份、更新怎麼安排，可以看〈網站維護費用怎麼算？〉；擔心網站本身已經有漏洞，先看〈PHP 漏洞 5 步驟自救〉。
WordPress MCP 和 Elementor MCP 差在哪？
WordPress MCP 管文章、媒體、設定這些 WordPress 本體的東西；Elementor MCP 專門管 Elementor 的版面和設計系統。
| 比較 | WordPress MCP（例如 Easy MCP AI 這類外掛） | Elementor MCP（官方） |
|---|---|---|
| 擅長 | 文章、頁面文字、媒體庫、分類標籤、SEO 欄位 | Elementor 頁面版面、Class 與變數、頁首頁尾模板 |
| 做出來的東西 | WordPress 文章與設定 | 可在 Elementor 編輯器繼續改的結構，先存草稿 |
| 適合誰 | 常發文、要大量整理內容的網站 | 網站用 Elementor V4 建、常改版面的團隊 |
兩者不衝突，可以一起用：一條管內容，一條管版面。WordPress MCP 這欄是依我們 jrm.tw 實際使用的外掛整理；Elementor MCP 這欄來自官方說明[3][4]。
常見問題
Elementor MCP 要錢嗎？
連線本身免費。基本區塊和功能可以免費生成，Pro 元件要有 Elementor Pro 方案；Claude、Codex 等 AI 工具的訂閱和用量費用另計。
Elementor MCP 會直接改到正式上線的頁面嗎？
不會直接上線。官方說明 AI 生成的內容一律先存成草稿，要你在後台檢查、手動發布後才會公開。
我的網站是舊版 Elementor 做的，可以用嗎？
官方目前只支援 Atomic 元件（V4）做的版面，舊版 V3 元件的頁面標示為即將支援，路線圖預計第四季擴充主要 V3 元件。建議先確認網站用的是哪一種元件。
MCP是什麼？跟一般 AI 聊天有什麼不同？
MCP（Model Context Protocol）是讓 AI 工具連接外部系統的開放標準。一般聊天只能給你文字建議；接上 MCP 後，AI 可以在授權範圍內直接在網站裡建立、修改內容。
誰可以設定 Elementor MCP？
只有 WordPress 網站管理員可以建立連線，一個連線對應一個網站。設定時會自動產生應用程式密碼，用完或換人時記得到個人資料頁撤銷。
下一步：先看你的網站是 V3 還是 V4
今天可以做的一件事：打開 WordPress 後台的「外掛」，看 Elementor 是不是 4.x 版；再打開首頁的 Elementor 編輯器，看看用的是新版 Atomic 元件，還是舊版元件。這決定了 Elementor MCP 現在幫不幫得上你。
想讓 AI 幫忙改網站，又怕改壞？JRM 用 Elementor＋Crocoblock 建站，也每天用 MCP 上稿。先做一次免費網站健檢，幫你看版本、備份和權限，再決定要不要開。👉 預約免費網站健檢｜了解 JRM 網站建置服務
參考資料
[1] Model Context Protocol. What is the Model Context Protocol (MCP)?（擷取 2026-10-24）. 連結
[2] Elementor. Elementor MCP Beta（2026-09-15，擷取 2026-10-24）. 連結
[3] Elementor. Introducing the Elementor MCP（2026-09-23，擷取 2026-10-24）. 連結
[4] Elementor. Elementor MCP（產品頁，擷取 2026-10-24）. 連結
[5] Elementor. Roadmap（擷取 2026-10-24）. 連結
[6] WordPress.org Make Core. Application Passwords: Integration Guide（2020-11-05）. 連結
