想讓網站文案生動一點，直覺反應通常是另外開一個分頁，跳到 ChatGPT 或圖片生成工具打提示詞，寫完文案、做出圖片後再複製貼回 WordPress 的編輯畫面。貼上去之後版面十之八九會跑掉，字級跳掉、間距擠成一團，還得回頭一項一項調回原本的樣子。這道「跳出去寫、貼回來改」的手續，正是 Elementor AI 想直接省掉的一段。
它把文字、圖片、程式碼、版面的生成，全部搬進編輯器裡完成。選取一個元件、按下旁邊的 AI 圖示、打幾個字描述需求，結果當場出現在畫面上，喜歡就直接套用，不喜歡就再生成一次；不必離開正在編輯的頁面，也不用另外處理貼上去跑版的問題。
這篇要盤點的是 Elementor 編輯器裡這一整組 AI 工具實際能做哪些事、分別要到編輯器的哪個角落叫出來，先從它跟平常說的 Elementor 編輯器是什麼關係講起。
Elementor AI 是什麼？跟 Elementor 編輯器是什麼關係？
Elementor AI 是內建在 Elementor 編輯器裡的一整組生成式 AI（Generative AI）工具，涵蓋文字、圖片、程式碼、版面與網站規劃五個類別，不是另外要安裝、另外啟用的外掛，而是編輯器本身多出來的一顆按鈕。簡單來說，它更像編輯器裡多了一位隨傳隨到的助手，你正在編輯哪個元件，它就在那個元件旁邊待命，打字描述需求，結果直接出現在同一個畫面裡。
不過這裡有一件事容易被搞混，Elementor 編輯器的授權，跟 AI 生成要用的點數，其實是兩套分開的資源。有 Elementor Pro 授權，不代表帳號裡就自動有 AI 點數可以用。根據 Elementor 官方定價頁，Essential、Advanced、Expert 這幾個編輯器方案，在「AI 生成的程式碼、文案、圖片與版面」這一項功能都標示不包含；只有「One」與「One Agency」這兩個把編輯器與 AI 點數綁在一起賣的整合方案，才把 AI 生成功能直接包進去。換句話說，單買編輯器授權，想用 AI 功能還是得另外處理點數這件事，不會因為升級到 Expert 方案就自動解鎖。
開始用 Elementor AI 前，先確認帳號、版本和方案
動用 AI 功能之前，有三件事要先確認，先弄清楚可以省掉不少「怎麼按都沒反應」的困惑。
第一件事是連結一個 Elementor 帳號，而且這個帳號免費就能申請。AI 點數是綁在帳號上，不是綁在某一個網站上，同一個帳號底下管理的每一個網站，都能共用同一批 AI 額度，不必每接一個新案子就重新申請一次。
第二件事是版本。根據 Elementor 官方頁面，要使用 AI 功能，網站的 Elementor 版本得更新到 3.13 以上；版本太舊，編輯器裡連 AI 圖示都不會出現，更新之後才看得到。
第三件事是找到入口。Elementor AI 沒有另外開一個獨立的操作介面，而是分散在編輯器各處：任何一個接受文字、圖片或程式碼的元件旁邊，只要留意有沒有一顆 AI 圖示，按下去就會引導你完成帳號連結，接著就能開始輸入提示詞。這顆圖示是後面每一節功能共通的觸發方式，記住它長什麼樣子，後面介紹每個功能就不用再重複講一次要去哪裡按。
AI Site Planner：從一段對話生成整個網站架構
Elementor AI 裡定位最前面的一個功能是 AI Site Planner，它處理的不是「已經有一個頁面，幫我在上面生成內容」這種情境，而是完全空白的階段。網站架構都還沒有，只靠一段類似聊天的對話，就讓 AI 直接產出一份建議的網站地圖跟線框。
使用方式接近聊天機器人，你輸入網站目標、目標受眾、想要的頁面類型，AI 依據這些描述直接產出建議的頁面結構，讓你從什麼都沒有一口氣跳到有東西可以改，不用自己先想好架構才能動手。
這個功能定位在整條 AI 工具鏈的最前端，免費方案就能先測試視覺化的網站地圖與線框生成，想用到進階功能才需要升級付費方案；跟後面章節那些要從共用點數池扣點的編輯器內功能，不算同一個計費層級。
從聊天到網站地圖，AI 怎麼規劃頁面結構
對話進行到一定程度，AI 會依照描述的內容建議一份具體的頁面清單與排列順序，常見的像是首頁、服務頁面、聯絡頁面這幾個關鍵頁面，都會先幫你排好階層。如果講的是想做線上商店，AI 還會自動把購物車、我的帳戶這類 WooCommerce 頁面一起排進地圖裡，不用自己想到才臨時加。
拿到頁面清單之後，AI 接著把它們轉成一份份可以直接套用的線框（wireframe），而不是只停在文字清單的階段。要提醒的是，這份線框是起點不是成品，風格、色調、實際文案都還要進編輯器裡自己調整，AI Site Planner 負責的只是把從零開始那段空白先填掉。
會議紀錄也能變成線框：Google Meet、Zoom 整合直接串進 Site Planner
如果溝通網站需求的過程是靠開會完成的，AI Site Planner 也有對應的整合。開啟 Google Meet 或 Zoom 的整合功能後，AI 會在會議進行時自動擷取對話裡的重點，會議結束就直接轉成一份結構化的規劃簡報，不用另外找人記錄會議、事後再把重點手動打進規劃工具裡。這個做法比較適合用在討論網站需求的會議場合，對常常要開會確認需求、再回頭整理成文件的工作模式會特別有幫助。
AI 容器與 Copilot：一句提示生成整個版面區塊
版面生成處理的是一整塊區塊的層級，而不是逐一元件慢慢調。做法是在編輯器裡新增一個容器（Container，Elementor 目前的版面基本單位），透過旁邊的 AI 圖示叫出提示框，描述想要的區塊內容，像是「一個雙欄的價格方案區塊」，AI 會一次生成好幾種版面變化，選一種喜歡的直接套用。跟逐一元件慢慢改動比起來，這種整塊生成的做法更適合用在快速起草版面的階段，先有個雛形，細節之後再進去微調。
文字提示與參考網址，兩種容器生成方式怎麼選
容器生成的輸入來源有兩種。第一種是純文字描述，直接打提示詞讓 AI 從零生成，適合心裡已經有明確想法、只是懶得自己排版的情況。第二種是貼一個參考網址，讓 AI 分析那個網站的版面結構之後，生成風格類似的容器，適合手上有喜歡的參考頁面、想拿它的結構當底、再套自己內容的情況。兩種方式產出的都是可以再修改的初稿，不是打完提示詞就直接定案，生成之後還是可以在多個版面變化之間切換、比較，或者對同一個提示再重新生成一次。
AI Copilot 怎麼預測下一個該放的區塊
AI Copilot 跟前面提到的生成單一容器不是同一件事，它不是從零生成，而是根據頁面上已經排好的結構，主動判斷接下來這個位置適合放什麼，再提出建議。做法上比較接近設計上的下一步提示，你排完一個區塊，它分析目前的內容與版面邏輯，建議下一段可以放什麼類型的區塊，讓版面規劃從想結構進到調風格的速度加快。這對還不熟悉版面編排邏輯的人特別有感，不用自己想這裡接下來該放什麼才合理，先看 AI 的建議，再決定要不要採用。
AI 文字寫作助手：標題、段落、語氣一次生成
文字生成涵蓋的範圍不只是幫忙寫一段話。在任何文字類的元件，標題、段落、按鈕文字，旁邊按下 AI 圖示，輸入想表達的主題或需求，就能生成一版初稿，套用之後不滿意還能重新生成。
除了從零生成新文字，這組工具也能處理已經寫好的文字：調整語氣（正式一點或輕鬆一點）、翻譯成其他語言、把一段話拉長補細節或縮短抓重點，以及抓出裡面的拼字與文法錯誤。等於同一顆 AI 圖示，包辦了寫新的跟改舊的兩種需求，不用另外開翻譯工具或文法檢查工具。
要提醒的是，不管是新生成的還是改寫過的文字，出來的都還是草稿。品牌慣用的說法、產品名稱該怎麼寫、語氣是不是符合平常對外溝通的調性，這些還是要有人核對過一遍才能上線，AI 省下的是打第一版草稿的時間，不是校對這道手續。
AI 圖片生成能做到哪些事？
圖片生成處理的是找不到適合的圖這個老問題。過去遇到需要視覺素材，不是在圖庫裡翻找授權合適的照片，就是另外開修圖軟體自己做，Elementor AI 把這段流程收進編輯器裡，輸入文字描述，直接生成原創圖片，省掉在圖庫裡大海撈針、或跳出去用別的工具修圖的步驟。跟前面幾節一樣，圖片生成的入口也在編輯器裡的圖片元件旁邊，選取元件、按 AI 圖示就能叫出來。下面拆成生成、後製編修、電商應用三種用法逐一講。
AI 怎麼從一句描述生成全新圖片？
基本流程分三步：選取圖片元件、叫出 AI 圖示、輸入描述文字。描述裡包含的主題、風格、情境這些細節寫得越具體，生成結果越接近想要的樣子。輸入完成後 AI 一次會生成好幾張供挑選，不是只給一張定案，選中喜歡的直接套用到元件上，不喜歡的話也能針對同一段描述再生成一輪。
AI 怎麼去背、延伸背景、做出風格一致的變體？
生成完一張圖之後，還有一組編修工具可以用。去背功能能把背景整個移除或替換，做出透明背景或換上自訂場景；延伸背景則是針對裁得太緊、構圖不夠的圖片，往任一方向補出畫面外的內容，同時不動到原本已經拍好或生成好的主體；另外還能針對一張既有圖片生成風格相近的變體版本，方便同一組視覺素材需要換內容、卻要維持一致調性的時候使用。這幾個工具處理的是修飾已經有的圖片，跟上一節從零生成是不同的階段。
網路商店的商品圖，怎麼靠 AI 統一風格？
經營線上商店的人常遇到一個麻煩，每一批商品拍出來的背景、光線、比例不一致，擺在同一個頁面上容易顯得雜亂。Elementor AI 的圖片工具裡有一項專門處理商品圖統一風格的功能，能移除商品照片裡不需要的背景、或統一加上陰影效果，讓一批商品圖維持接近的視覺調性，不用每一張都重新拍或重新修圖。這只是圖片生成工具的其中一種應用情境，講到這裡先點到為止，不展開成獨立的電商攻略。
AI 程式碼生成：不用寫程式也能加動畫和追蹤碼
這組工具是給不寫程式的人準備的。描述想要的效果，像是「按鈕加上漸層背景」或「容器 hover 時有淡入動畫」，AI 直接生成對應的程式碼，而且生成出來的碼可以直接套用，不用自己查語法，也不用為了一個小效果另外找人寫。下面拆成兩種常見用途：一種是幫元件加樣式，一種是嵌入第三方的追蹤碼或簡單元件。
AI 怎麼幫任何區塊生成自訂 CSS？
樣式類的用法，是選取要調整的元件，在樣式設定區塊叫出 AI，描述想要的視覺效果，生成之後會先給預覽，確認滿意再套用。要留意的是，AI 生成的樣式偶爾會跟頁面既有的樣式互相衝突，套用前最好先存一個版本當復原點，萬一套用後版面跑掉，還能一鍵退回去，不用手動一項一項找出是哪一段程式碼出問題。
AI 怎麼用 HTML 元件生成內嵌代碼和追蹤碼？
另一種常見用途，是在頁面裡放一個 HTML 元件，透過 AI 生成第三方服務要用的追蹤碼片段，或是簡單的互動元件，像是按鈕、卡片這類的程式碼。生成完插入頁面就能用，不用另外跑去對方的技術文件裡找到正確的程式碼片段，再手動複製貼上、調整參數。
點數怎麼算？各方案的額度怎麼分配？
每一次 AI 生成動作，不管是寫文字、做圖片、寫程式碼還是產出一整個版面區塊，扣的都是同一個共用點數池，不是每種功能各自有一份獨立的配額。根據 Elementor 官方定價頁，不同動作消耗的點數不固定，會依動作類型與提示的複雜程度浮動：文字、程式碼、圖片、版面這類 AI Actions 落在 1 到 40 點之間；另外還有幾項固定消耗的項目，像無障礙修正（Accessibility fixes）一次 20 點、圖片優化一次 10 點、電子郵件遞送相關功能一次 10 點、Cookie 同意彈窗相關功能一次 1 點。
點數是綁在 Elementor 帳號上，不是綁在某一個網站上。同一個訂閱底下管理好幾個網站，可以彈性把點數分配給正在忙的那個案子，不用每個網站各自單獨計費。
不過要留意的是，並不是每個 Elementor 付費方案都含 AI 點數。單純的編輯器方案，像是 Essential、Advanced、Expert 這幾個，都不包含 AI 生成的功能，得另外處理；只有「One」跟「One Agency」這兩個把編輯器授權跟 AI 點數綁在一起賣的整合方案，才把 AI 功能直接包進訂閱裡，One 方案每月給 25,000 點，One Agency 每月給 350,000 點。這些數字會隨方案調整，實際額度以查詢當下的官方頁面為準。
這套 Elementor AI 工具組省下的，是從零開始那段空白時間——打開一個空容器不知道放什麼、想寫文案卻不知道怎麼起筆的那幾分鐘，不是省下判斷這個版面好不好看、這句文案對不對品牌調性的那一步。生成出來的文字、圖片、程式碼，都還是草稿，真正要上線之前，語氣合不合品牌調性、視覺風格跟其他頁面搭不搭、程式碼會不會跟既有樣式衝突，還是得有人從頭看過一遍再按下發布。