Elementor MCP 是 Elementor 官方推出的 Model Context Protocol 連線方式，讓 Codex、Claude Code、Claude Desktop、Cursor 等 AI 工具，可以直接理解並操作 WordPress 網站裡的 Elementor 頁面。它不只是把 AI 寫的 HTML 貼進網站，而是讓 AI 建立或調整可繼續用 Elementor 編輯的原生版面結構。
如果你平常用 Elementor 做網站，這個更新值得注意。不過先講清楚：MCP 不是開了就讓 AI 自動接管整個網站，也不是 WordPress 所有操作都突然支援。它的重點是把 Elementor 編輯能力接給外部 AI，並且目前生成內容會先存成草稿，仍要由人檢查後再發布。
Elementor MCP 是什麼？
MCP 是 Model Context Protocol，簡單理解就是一種讓 AI 用一致方式連接外部工具的協定。Elementor MCP 把 Elementor 網站提供給相容的 AI 用戶端，讓 AI 可以讀取或建立版面、調整設計系統，並將結果寫回 WordPress。
這裡要分清楚：你不是把網站交給某個 Elementor 專屬聊天機器人，而是可以用自己平常工作的 Codex、Claude 或 Cursor，連到指定網站。官網公告目前列出 Claude Code、Claude Desktop、Codex、Cursor，也提供其他相容 MCP 用戶端的連接選項。
連上後 AI 可以幫忙做哪些 Elementor 工作？
Elementor MCP 的特色是操作 Elementor 本身的原生結構，而不是只輸出一段外部程式碼。官方公告列出的範圍包括建立頁面與版型、重新整理既有 Atomic 頁面、套用全站設計系統、放置元件、串接動態內容，以及建立頁首頁尾、文章彙整頁或彈出視窗等 Theme Builder 範本。
- 建立頁面：根據需求描述生成完整頁面或版面區塊，再由 Elementor 編輯器接手微調。
- 沿用設計系統：套用 Elementor 的 classes、variables、hover 狀態與響應式斷點，減少每個區塊各做各的。
- 管理版型：在支援的情境下建立頁首、頁尾、Archive、Popup 等網站層級範本與顯示條件。
- 使用動態資料：連接文章欄位、自訂欄位、分類法等資料，讓版面不只是靜態展示。
有一個很重要的界線：公告中提到的大量文章或商品管理、除錯、以及存取 WooCommerce、Yoast、WPForms、Jetpack、ACF 等 WordPress Abilities API 能力，屬於搭配 Angie 才能擴充的範圍。不要把它理解成只啟用 Elementor MCP，就已經能控制所有外掛與整個 WordPress 後台。
Elementor MCP 跟 WordPress MCP 有什麼不同？
兩者都能讓 AI 連接 WordPress，但切入點不一樣。Elementor MCP 聚焦在頁面編輯器與 Elementor 版面；WordPress MCP 或 Abilities API 則是網站層級的能力入口，實際能做什麼仍取決於伺服器端註冊了哪些能力、目前帳號權限與安裝的整合。
如果你要 AI 幫忙排一個服務頁、修改 Elementor 區塊或套用網站設計系統，Elementor MCP 比較對題。如果需求是建立文章、讀取媒體、管理商品或執行其他站務，就要看 WordPress MCP、REST API、CLI 或 Angie 額外提供了什麼能力。可以延伸看這篇WordPress MCP 目前支援哪些操作，以及它和 REST API 的差異。
也可以把它想成不同層的工具：MCP 負責讓 AI 用戶端以工具協定呼叫能力，Elementor 提供頁面編輯相關工具，而 WordPress 使用者帳號與伺服器設定決定實際能做的範圍。只有「接上 MCP」這一步，並不代表任意 AI 都能越權修改網站。
Elementor MCP 的啟用條件與連線步驟
依 Elementor 目前的官方說明，連線前要確認 WordPress 6.8 以上，並安裝 Elementor Core 與 Elementor Pro 4.3.0 以上。這些版本條件可能隨正式版更新而變動，實際操作前請再看官方連線文件；如果是正式營運網站，也建議先在測試站確認外掛相容性。
- 登入 WordPress 後台，前往「Elementor → Elementor MCP」。官方文件也列出可從編輯器選單進入的路徑。
- 按下 Enable MCP access，選擇要連接的工具，例如 Codex、Claude Code 或 Cursor。
- 閱讀並確認應用程式密碼的提示，再按 Generate Prompt 產生連線設定。
- 複製 Elementor 產生的 prompt，貼到對應的 AI 用戶端，依指示完成連線。
- 讓 AI 先建立一個測試頁草稿，回到 Elementor 編輯器檢查桌機、手機與內容，再決定是否發布。
產生連線 prompt 時，Elementor 會在背景建立 WordPress Application Password，並放進設定內容。這代表不要把完整連線 prompt 貼到公開討論區、截圖或共用文件，也不要把它存進會公開的程式碼倉庫。若不再使用某個用戶端，可到「使用者 → 個人資料 → 應用程式密碼」撤銷該連線；要一次關閉全站 MCP，則回到 Elementor MCP 設定頁關閉存取。
安全性、費用與使用上的限制
權限方面，已連線的 AI 會繼承建立連線的 WordPress 使用者權限。官方說明指出，AI 不能超過該帳號原本可執行的編輯、網站設定或發布權限。因此不要為了方便，就把管理員帳密或應用程式密碼交給不受信任的工具；多人協作時，應使用專用帳號並只給完成工作所需的權限。
費用方面，Elementor 表示 MCP 連線本身免費，但你使用的 AI 工具可能需要訂閱或消耗額度；Elementor Pro 功能仍依原本方案限制。不要把「MCP 免費」誤會成 Codex、Claude 或 Elementor Pro 都免費，也不要預期免費版可以呼叫所有 Pro 元件。
此外，官方描述的頁面與版型能力涉及 Atomic 結構。若既有網站使用大量舊版元件、自訂外掛元件或複雜範本，AI 能否完全理解和安全重組，仍要在你的實際站台測試。建議先複製頁面或使用 staging，讓 AI 建立草稿，確認 Elementor 編輯器能正常開啟、樣式沒有跑掉，再搬到正式頁面。AI 幫你省掉重複排版，不代表可以略過視覺驗收。
如果你的流程更接近「讓 AI 用瀏覽器點擊 WordPress 後台、建立文章並逐欄填資料」，可以搭配閱讀Codex Computer Use 建立 WordPress 寫作 Skills 工作流。MCP 適合提供明確工具能力；Computer Use 則是讓 AI 操作畫面，兩者不是非此即彼，也都有各自的驗收需求。
我的看法：先把它當 Elementor 助理，不要當自動建站按鈕
Elementor MCP 真正有意思的地方，是 AI 生成的結果還能回到熟悉的 Elementor 編輯器裡接著改，而不是留下只有原作者看得懂的封閉程式碼。對接案者、網站維護團隊和常做活動頁的企業來說，可以先拿它處理初版版面、例行調整或設計系統套用，再由人檢查品牌、轉換流程、無障礙與手機版。
我的建議是先從低風險頁面開始，設定好測試站與草稿流程，並要求 AI 說明它改了哪些區塊。等團隊確認產出的結構符合既有設計規範，再逐步擴大使用範圍。這比一句「幫我把網站做好然後上線」實際得多，也比較不會在正式網站上踩雷。
常見問題 FAQ
Elementor MCP 可以連接 Codex 和 Claude 嗎？
可以。Elementor 官方目前列出 Codex、Claude Code、Claude Desktop、Cursor 等選項，也提供其他相容 MCP 用戶端的連線方式。實際可用的功能仍取決於網站版本與 AI 用戶端支援。
Elementor MCP 會直接把頁面發布到網站嗎？
Elementor 官方公告說，透過 MCP 生成的內容會先儲存為草稿，之後可以用 Elementor 視覺編輯器檢查和修改。發布前仍應確認桌機與手機版面、連結和表單。
只安裝 Elementor MCP 就能操作 WooCommerce 或 ACF 嗎？
不一定。Elementor MCP 的核心重點是 Elementor 頁面與版型。官方公告提到 WooCommerce、ACF 等 WordPress Abilities API 能力，以及批次內容管理等擴充情境，需要安裝 Angie，不能當成基礎連線一定附帶的功能。
Elementor MCP 免費嗎？還需要買 Elementor Pro 嗎？
官方表示 MCP 連線本身免費，但 AI 用戶端可能有訂閱或使用額度費用，Elementor Pro 功能也仍受原方案限制。請依自己要操作的元件與 AI 工具方案核對成本。
怎麼取消 AI 工具對 Elementor 網站的連線？
可在 WordPress「使用者 → 個人資料 → 應用程式密碼」撤銷單一用戶端的密碼；也可以到「Elementor → Elementor MCP」關閉整個網站的 MCP 存取。關閉前也應確認團隊沒有其他自動化流程依賴該連線。
