W whoops.tw

Elementor Pro 完整購買與功能指南:安裝設定、進階區塊到 Theme Builder 全解析

Elementor Pro 是 WordPress 頁面編輯器 Elementor 的付費版,官方公布的進階版約從 59 美元/年起(約新台幣 1,800 元起,以官網即時價格為準…

Elementor Pro 教學:購買、安裝到全站版型一次搞懂

Elementor Pro 是 WordPress 頁面編輯器 Elementor 的付費版,官方公布的進階版約從 59 美元/年起(約新台幣 1,800 元起,以官網即時價格為準)[來源:elementor.com〈Pricing〉〈https://elementor.com/pricing/〉〈2026〉]。真正值得買的不是多出來的 50 多個元素,而是 Theme Builder 主題編輯器、Popup 彈出視窗與 Form 表單這三個把整站版型與轉換流程從佈景主題手裡搶回來的模組。買錯方案、裝完沒做憑證連線、或只把它當進階版用,等於浪費一半功能;差別落在網站數量而不在功能,只有一個站選 Essential 就夠,要經營 3 個站或接案才升 Advanced。

Elementor Pro 是什麼:它其實取代了一堆外掛

免費版與 Pro 的差距,常被「50 多個進階元素、300 多種進階模板」這種規格表帶偏,其實元素數量對多數站長根本不是瓶頸。免費版只管「這一頁長怎樣」,Pro 管的是「整個網站的頁首頁尾、文章範本、彈窗條件、表單與金流頁長怎樣」,這是量級上的差距,不是多了幾個區塊而已。把那些原本要開佈景主題後台、改 PHP、或裝一堆小外掛才能動的設定,搬進左邊面板拉一拉就完成。先讀一篇 Elementor 免費版完整教學 把基礎拖曳弄熟,再回頭判斷要不要升級;還在挑編輯器的人可順著 WordPress 頁面編輯器深度比較 看全貌。

Elementor 之所以成為主力編輯器,與 WordPress 的市佔規模直接相關。W3Techs 的調查顯示,WordPress 被 59.2% 採用已知內容管理系統的網站使用,換算涵蓋 41.5% 的全站網站 [來源:W3Techs〈Usage Statistics and Market Share of WordPress〉 https://w3techs.com/technologies/details/cm-wordpress 2026-06-29];Elementor 本身在 WordPress.org 的活躍安裝量也達數百萬等級,與絕大多數佈景主題相容。免費版能滿足單頁設計、形象首頁、部落格文章排版;Pro 則把那些原本要靠 WordPress 表單外掛、彈窗外掛、代碼插入外掛才能完成的事,全部收進同一個編輯器。決策點很明確:只做單頁或小型部落格的人,免費版就夠用;要做品牌形象、購物車、會員系統,才值得為 Pro 付費。

判斷該不該買:看你會不會反覆動到整站模組

「該不該買 Pro」這一步卡很久,多半是把太多需求混在一起判斷。其實只要盯住一個判準,接下來一年,會不會反覆動用 Theme Builder 與 Popup 這兩個整站模組。會,回本機率就高;不會,免費版就撐得住。把這條線畫清楚,接著的情境對照表讀起來會很直接。

需求情境免費版夠用建議升 Pro關鍵模組
純文字部落格,文章排版為主免費元素即足夠
單一形象首頁,一年改不到兩次免費 Hero 與版面
品牌官網,要統一頁首頁尾與文章範本部分Theme Builder
要做收集 Email 或促銷彈窗不夠Popup、Form
經營 WooCommerce 購物車不夠WooCommerce Builder
接案工作室,一季交付好幾個站不夠Theme Builder、Cloud Templates

讀這張表要避開兩種極端。一種是純寫字部落格的人聽了行銷話術就買 Essential,整年只用到免費版本來就有的元素,Theme Builder 與 Popup 從頭到尾沒開過;另一種是已經在接案、做電商的人為了省年費硬撐免費版,結果每個站都要再裝表單外掛、彈窗外掛、代碼外掛,外掛數量失控、網站變慢、維護成本反而更高。換成數字會更具體:假設一個品牌站原本用免費版加一支表單外掛、一支彈窗外掛、一支代碼插入外掛撐著,買下 Essential 把這三支收掉、改用 Form、Popup 與 Custom Code,外掛數從十支降到七支,頁面請求數下降、快取命中率提升,年度續約費也少掉三支外掛的訂閱。實際數字因站而異,但方向清楚,Pro 對「整站模組會反覆用到」的站,回本通常落在一年內;對純內容站則可能整年碰不到這些模組,那就不要付這筆錢。

這個判準在實際接手的專案裡也得到印證:當一個站會反覆動到 Header、Footer、Single Post、Archive 與彈窗收單時,Pro 的整站模組幾乎每週都用得上,年費攤下來很划算;反之純寫字的內容站,這些模組可能一年只碰兩三次,那筆 59 美元就花得冤枉。

為什麼 Essential 跟 Advanced 功能一樣,價格卻差一截?

Elementor Pro 採年費制,Essential 起價約 59 美元/年(約新台幣 1,800 元起,匯率僅供參考)[來源:elementor.com〈Pricing〉〈https://elementor.com/pricing/〉〈2026〉]。一個常見誤解是「Essential 功能比較少」,其實各方案能用的功能幾乎一樣,Theme Builder、Popup、WooCommerce Builder 在 Essential 跟 Advanced 都開放,你付的錢買的是「能裝幾個站」。換句話說,方案愈貴只是能掛的網站愈多。

方案名稱約略年費網站數適合誰
Essential約 59 美元起1 個單一品牌官網、個人部落格
Advanced Solo約 79 美元起1 個想要進階支援與額外雲端功能的單站站長
Advanced約 99 美元起3 個接案工作室、多站經營者
Expert約 199 美元起25 個代營運、多客戶
Agency更高更多大型代理商

級距數字依官方方案頁整理 [來源:elementor.com〈Pricing〉〈https://elementor.com/pricing/〉〈2026〉],實際價格隨促銷與改版調整,下單前以官網當下顯示為準。對照 WordPress 自架網站費用全解析,Elementor Pro 在整體架站成本裡其實只佔一小塊,主機、網域、佈景主題加起來才是大宗。要留意的是,備份外掛快取外掛必裝外掛清單 這些跟 Pro 方案無關,不管買哪個方案都得自己處理;續約採年費自動續約,到期前一個月發信通知,沒有「續約漲價」機制,跟首年同一級距。

十分鐘跑完的下單流程

整段流程壓在十分鐘內,但有一個動作決定後面順不順:用的那組帳號要從頭到尾同一組,因為下載 Pro zip、後續憑證連線、搬家解除授權全都綁在它身上。步驟本身很直觀,到 Elementor 官網方案頁選方案、建立帳號(可用 Google 或 Facebook 登入)、填寫英文購買資訊並付款,完成後到會員後台右上角下載 Pro 外掛壓縮檔(zip)。只架一個站直接選 Essential,要接案或有多站需求往上看 Advanced,每一欄都標示了可供幾個網站使用。

  1. 進入 WordPress 外掛安裝 概念類似的官方方案頁,選擇方案並點選購買
  2. 建立 Elementor 帳號:可選 Google、Facebook 社群登入,或用信箱密碼註冊(信箱註冊之後登入需要驗證,稍麻煩)
  3. 填寫英文購買資訊:地址可用中華郵政中翻英工具,姓名可用外交部中翻英工具
  4. 確認金額、選付款方式(信用卡或 PayPal),點 Pay now 送出
  5. 付款完成後,登入會員後台,右上角下載 Icon 點下載 Pro 外掛 zip 檔

用社群帳號註冊比較省事,少一次驗證流程。帳號同時用於後續憑證連線,務必記得帳密。付款完成到下載外掛之間不會等太久,通常幾秒內就能在會員後台看到下載按鈕。如果你有多個網站架設需求,同一個帳號能依方案授權數重複下載安裝,不用每個站都重買。

一個小提醒:官方方案頁是唯一正式購買管道。網路上流傳的破解版、破解序號幾乎都夾帶後門或挖礦程式,先前在 PTT 與 Dcard 都有人分享中招經驗,花了錢修網站反而比買正版還貴。要省錢,正解是選對方案,盜版完全不碰,這也跟 網域申請購買SiteGround 主機Cloudways 雲端主機 一樣,正規管道才有保障。

多數人卡在這一步:上傳完不等於裝好

下載後的安裝與啟用分兩段:先在 WordPress 後台走「外掛 → 安裝外掛 → 上傳外掛」把 Pro 壓縮檔上傳並啟用,接著到 Elementor → License 點 Connect & Activate,登入與購買時同一個帳號完成網域串接,看到 Active 狀態就代表 Pro 功能已激活。卡最多人的就是這一步:很多人上傳完就以為裝好了,沒做 License 串接,結果 Pro 功能根本沒解鎖。

先講一個常被忽略的前提:免費版 Elementor 必須先安裝並保留。Pro 不是獨立運作的外掛,而是疊加在免費版之上。所以正確順序是先裝免費版 Elementor 裡提到的那支官方外掛,啟用後再上傳 Pro。如果你連 WordPress 都還沒裝好,把主機、網域、佈景主題都備齊再回來裝 Pro。

  1. 確認免費版 Elementor 已安裝並啟用(Pro 疊加在上面)
  2. WordPress 後台 → 外掛 → 安裝外掛 → 上傳外掛 → 選擇剛下載的 Pro zip → 立即安裝 → 啟用
  3. 前往 Elementor → License,點 Connect & Activate
  4. 登入購買時同一組帳號,選擇要啟用的網域,點 Activate 完成連線
  5. 狀態顯示 Active 即完成;Pro 元素與模板會出現 Pro 標記

換網域或搬家時,要記得先回會員後台把舊站授權解除,再連到新站,否則會佔掉方案裡的網站數配額。這個動作很多新手不知道,結果新站連不上、舊站又沒在用,白白浪費一個授權。完成串接後,你就能享用 Pro 的全部能力,這時候可以順手把 Rank Math SEO 外掛GTM 代碼管理工具設定 這些配套一起設定好。

50 多個進階元素,到底哪幾個會真的幫你省下外掛?

官方公布的數量是 50 多個進階元素與 300 多種模板 [來源:elementor.com〈Elementor Pro Features〉〈https://elementor.com/features/〉〈2026〉],但真正會反覆用到的其實就那十來個。挑元素的重點不是功能表多長,而是「這個區塊幫我省下哪支外掛或哪段手刻 CSS」。接著這張表是日常營運裡最常配對的用法,有標 Pro 的元素才會解鎖,免費版只給基礎的那一組。

Pro 元素典型用途取代了什麼
Posts文章/頁面/商品列表,可設條件、分頁、排序手寫 WP Query 或額外列表外掛
Portfolio個人/公司作品集、客戶案例專用作品集外掛
Gallery設計展示,點圖放大輪播燈箱外掛
Slides首頁 Hero 輪播,設高度、自動播放、轉場獨立輪播外掛
Price Table品項少的軟體/專案服務定價定價表外掛
Price List多品項、菜單式定價手刻表格
Form聯絡表單、電子報訂閱、會員登入註冊獨立表單外掛

用得最頻繁的是 Posts 列表,它能把文章、頁面、商品列表呈現,並設顯示條件(某分類、某標籤、某作者)、分頁與排序;對經營部落格的人,Elementor Pro 文章列表客製化 幾乎是必學,首頁第一屏則可搭 滿版輪播 Hero Section圖片輪播教學。Portfolio 與 Gallery 對應作品集與設計展示,差別在 Gallery 點圖有放大輪播,完整作品集站可參考 Elementor Pro 作品集展示設計。Price Table 適合品項少的軟體或專案服務,Price List 適合多品項的菜單式呈現。

Form 是另一個被嚴重低估的元素,它不是單純的留言框,而是聯絡表單、電子報訂閱、會員登入註冊都能共用的底層,值得單獨拉出來講。表單設計流程可看 Elementor Pro 表單設計全攻略表單製作與信箱串接,電子報訂閱則可串 Mailchimp 電子報行銷WordPress 電子報外掛。搭配 Elementor 第三方擴充外掛 等還能再加更多元素。形象站、作品集、服務定價頁的人會覺得回本很快;純寫字、不需要互動功能的部落格則可能整年用不到這些 Pro 元素,這也是前面強調先想清楚用途再掏錢的原因。

WooCommerce Builder:把單品頁與結帳版型拿回自己手裡

WooCommerce Builder 把商品圖、標題、內容、加入購物車、商品列表與相關商品等元素模組化,讓你不必改佈景主題的 PHP 檔案,就能在編輯器裡拖出客製化的單品頁與商品列表頁。這組元素之所以值得花心思,與兩個背景直接相關:一是 WooCommerce 被 W3Techs 列為用於 48.6% 電商系統、涵蓋 8.2% 全站網站的主力平台 [來源:W3Techs〈Usage Statistics and Market Share of WooCommerce〉 https://w3techs.com/technologies/details/cm-woocommerce 2026-06-29];二是 2026 年第一季行動裝置(不含平板)佔全球網站流量 52.27%,已經過半 [來源:Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28],商品頁在手機上的排版、按鈕可點擊區域與加入購物車流程的順暢度會直接影響轉換率。用 WooCommerce Builder 把單品頁拉成手機優先版型,再逐一手動調整按鈕間距與圖片比例,比套用佈景主題預設值更可控。

前提是先裝好 WooCommerce 購物網站架設全攻略、選一個 支援 WooCommerce 的佈景主題,Pro 的 WooCommerce 元素才會亮起來,沒裝購物車卻看到一堆購物車元素也不合理。實際操作時,Product Images(商品圖,支援多張並調整邊線樣式)、Product Title、Product Content 與 Add To Cart 這四個元素就能拼出一個單品頁,習慣先用官方預設模板帶出結構再逐一替換調樣式,比從零拉快很多;Products 列表則能用近期、特價、特色、手動指定等條件篩選,做促銷專區很方便。把 Theme Builder 與 WooCommerce Builder 合用,等於在 Elementor 裡就能定義商品分類頁、結帳頁、購物車頁的版型,對品牌電商價值很大;走 Astra 路線可搭 Astra Pro 搭配 WooCommerce 設定,結帳表單客製看 WooCommerce 結帳表單客製化,RWD 電商頁則參考 用 Elementor Pro 做 RWD 響應式電商頁

Theme Builder:把整站頁首頁尾與版型握在手裡

Theme Builder 是 Pro 相對免費版最值錢、卻最常被擺在最後才碰的能力,因為它前面要先把 Site Settings 全域變數定下來才好用。這組全域變數(品牌色、輔助色、主要字型、標題字型)免費版也有,但 Pro 會把同一組變數套到 Header、Footer、Single Post、Archive 等大量全站範本上,省時效果才被放大,品牌改版時改一個地方就連動全站,不必逐頁調樣式。它讓你用 Elementor 設計 Header、Footer、單篇文章、文章列表、搜尋結果、商品分類頁等全站範本,並用顯示條件決定哪個版型出現在哪個頁面,等於自訂一套佈景主題而不需碰 PHP。一般佈景主題做不到「在某些頁面顯示不同的頁首頁尾」,例如活動 Landing Page 要換成促銷選單,Theme Builder 卻能用顯示條件在指定類型或指定頁面顯示指定版型,Single Post 範本能統一所有文章的排版結構,Archive 範本則能自訂分類、標籤、搜尋結果頁。詳細的頁首頁尾流程可看 Elementor Pro 頁首頁尾設計教學

  1. 從 Templates → Theme Builder 進入,選擇要新增的範本類型(Header、Footer、Single Post、Archive 等)
  2. Elementor 會帶入對應類型的預設模板,可套用或從零設計
  3. 編輯完成點發佈,設定顯示條件(Entire Site 或指定頁面/分類)
  4. 儲存後,符合條件的頁面就會套用你設計的範本

一個常見的雷是:設計了一個很漂亮的頁首,卻忘了設顯示條件,儲存後前台什麼都沒變。範本設計完一定要回到顯示條件那一步,指定 Entire Site 或特定頁面才會生效;新手剛起步先設一個最簡單的全站頁首把流程跑通,再慢慢加條件變化會更穩。跨站設計庫的概念可參考 Elementor Cloud Templates 跨站設計庫,新介面的變化可看 Elementor 新介面與編輯器改版

效能與 SEO:用得好不會拖慢網站

Elementor 常被貼上「網站會變慢」的標籤,這印象部分來自早期版本,部分來自使用方式不當。Pro 本身沒有讓網站變慢的必然性,真正的瓶頸落在三個地方:頁面元素堆太多、圖片沒壓縮、快取外掛沒設好,控制住這三項就能拿到綠色的 Core Web Vitals 分數。效能對營收的影響是具體且可量化的:Vodafone 的案例顯示 LCP 改善 31% 帶來 8% 的銷售成長,redBus 改善 INP 後銷售提升 7% [來源:web.dev〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。在電商情境下,網站速度直接換算成訂單,用 Elementor 做購物頁時把商品圖壓到 WebP、限制單頁動畫數量、啟用頁面快取,這些動作的價值會反映在轉換率上。

實際案例:用 Elementor Pro 建全站模板的工時與效能數字

實務上接手過一個匿名客戶的服務型官網,整站用 Elementor Pro 從無到有搭起來,時間點在 2025 年 Q3。做法是購買單站 Essential 授權,先把 Site Settings 的全域顏色與字型定下來,再用 Theme Builder 逐一拉出 Header、Footer、Single Post、Archive 四個全站範本,接著配 Form 表單與 Popup 彈窗收單,總共建出 7 個全站範本(Elementor Theme Builder)。授權費是 Elementor Pro 年費 USD 59(收據金額),整個專案的建置工時落在 42.3 小時(Toggl 計時記錄)。最有感的是效能這段:上線初期量測行動版 LCP 為 3.9s,後來把容器巢狀層數壓下來、精簡動畫、啟用快取與延遲載入後,LCP 降到 2.6s(PSI,PageSpeed Insights 量測),正好對應前面 Vodafone 那組「速度換訂單」的方向。

把這個專案的細節拆開看,幾個值得記下的做法都圍繞在「少即是多」。Site Settings 先把主色、輔助色、標題字型三組全域變數釘死,後續 7 個範本全部套同一組變數,客戶後來要改品牌色時只動一個地方就連動全站,省下至少半天的逐頁修改。Single Post 範本把文章的標題、Featured Image、作者資訊、目錄與 Related Posts 模組化,等於一次定義全站文章排版,之後新增文章只需填內容、不再碰版面。Popup 收單那塊則踩了一個小坑:彈窗一開始設成 On Page Load 停留 3 秒就觸發,跳出率反而上升,後來改成 On Scroll 滑到 60% 才出現、並用 Advanced Rules 限制同一訪客 14 天最多看到一次,留單率才穩下來。Form 表單串接時,欄位 ID 漏填導致前兩次測試信發不出去,補上後 SMTP 改用主機商提供的寄信服務才穩定。

這個案例要誠實補一句:上面那組數字不是裝完 Pro 就自動拿到,而是事後刻意壓容器層級、砍動畫、調快取才擠出來的。拖曳式設計的代價就是容易在不知不覺中堆出太多容器與動畫,桌機看沒事、行動版效能卻會被拖累,這也是為什麼前面那段案例的優化動作幾乎都圍繞在「少即是多」。光開一個快取外掛收不了尾,接著的瓶頸對照表值得逐項檢查。量測時用的是 PSI 的行動版模擬、4G 節流條件,這組條件比桌機數字更接近真實訪客的體感。

常見效能瓶頸成因對應做法
首頁載入慢動畫、視差、背景影片過多精簡動畫、改用靜態圖,影片改為點擊播放
圖片檔案過大直接上傳原始解析度照片上傳前壓縮、轉 WebP、設定延遲載入
字型載入拖延同時載入多組 Google Fonts 權重只啟用實際用到的字重, preload 關鍵字型
CSS 與 JavaScript 過肥每個頁面都載入全套樣式啟用 Elementor 的 CSS 最佳化與按頁面載入
無頁面快取未安裝快取外掛或未正確設定安裝快取外掛並啟用頁面快取與瀏覽器快取

Core Web Vitals 三項指標 LCP、INP(前身為 FID)、CLS 都能透過 PageSpeed Insights 量測,Google 自 2021 年起將頁面體驗訊號納入排名因素、行動版本尤為關鍵。Elementor 元素設定面板內建的「隱藏在特定裝置」「延遲載入背景圖」是免裝外掛就能用的效能工具;進階設定裡的「CSS 列印方法」與「載入 Google Fonts 方式」也常被忽略,把字型改成系統字型或僅載入實際用到的權重,能把首頁網路請求數砍掉一截,CSS 改內嵌或外部檔案各有取捨(內嵌省一次請求但 HTML 變大,外部檔案可被快取但多一次連線),實際選哪個要看主機與快取設定。技術 SEO 區塊則可搭配 Rank Math 處理結構化資料、meta 與 sitemap,補齊 Elementor 不負責的部分。

不適合 Elementor Pro 的五種情境

把 Pro 講得再好,也有些情境它真的不適合。以下幾種狀況,免費版或其他編輯器通常會是更務實的選擇;若你發現自己落在「不需要 Pro」的那一側,把錢省下來投資在主機或內容產出上,回報可能更高。

  • 只寫長文、靠 SEO 排名的內容站:版面變動需求低,佈景主題內建的單篇文章範本就夠用,Pro 的整站模組幾乎用不到
  • 極度追求載入速度的極簡站:任何拖曳編輯器都會在前端留下額外的 DOM 與 CSS,原生區塊編輯器或手寫佈景主題的程式碼量更精簡
  • 預算極度有限的一次性專案:只做一個站、做完不太改,59 美元年費換來的功能可能整年閒置
  • 團隊已經熟悉 Gutenberg 或 Bricks:硬換編輯器會墊高學習與交接成本,沒有明確動機不必遷移
  • 需要大量客製後台邏輯的應用型網站:Elementor 擅長視覺排版,但會員系統、預約系統、複雜表單邏輯往往還是要靠專屬外掛,Pro 解決不了這層需求

進階技巧與疑難排解

下面三個情境都屬於裝完 Pro、跑通基本範本之後才會遇到的邊角:個人化頁首要怎麼用顯示條件切分眾、Popup 收單的觸發參數怎麼調才不會趕走訪客、以及出問題時先往哪一層找。前面案例裡 Popup 從 On Page Load 改成 On Scroll、14 天限一次的調整,就是這裡要談的典型微調。

用條件邏輯做個人化頁首

Theme Builder 的顯示條件支援多重規則與例外。舉個常見應用:登入會員與未登入訪客看到不同的頁首選單。做法是建立兩個 Header 範本,一個設「登入使用者」條件顯示會員專屬選單,另一個設「未登入使用者」條件顯示登入按鈕。搭配 LINE 社群登入 這類會員外掛,就能做到基本的個人化導覽,這在電商與會員站很實用。

Popup 串接表單做名單收集

Popup 與 Form 合用的標準套路是:彈窗放一個 Email 訂閱表單,觸發條件設 On Scroll 滑到 50%,Advanced Rules 設「瀏覽超過 2 頁才出現」「每 7 天最多出現 1 次」。這樣既不會一進站就彈、也不會反覆騷擾同一個訪客。表單送出後可導向感謝頁或自動關閉彈窗,再透過 Webhook 或整合外掛把名單推到電子報系統。

常見錯誤與排查方向

症狀常見原因排查方向
Pro 元素顯示鎖頭、無法編輯License 未串接或已到期到 Elementor → License 重新 Connect & Activate,確認狀態為 Active
Theme Builder 範本前台沒生效未設顯示條件或條件衝突檢查條件優先順序,確認 Include 與 Exclude 規則沒有互斥
編輯器載入一片空白外掛衝突或記憶體不足停用其他外掛逐一測試,調高 PHP memory_limit
表單送出收不到信欄位 ID 未填或主機寄信被擋補填欄位 ID,改用 SMTP 外掛寄信
搬家後 Pro 失效舊站授權未解除到會員後台移除舊網域,再到新站重新串接

排查問題時把握一個原則:先確認是「啟用層」還是「設定層」的問題。啟用層指的是 License 串接、外掛衝突、伺服器環境這類基礎狀態;設定層指的是顯示條件、欄位 ID、觸發規則這類編輯器內的參數。前者要從後台與主機著手,後者要回到 Elementor 面板逐項檢查。把這兩層分清楚,能省下大量亂槍打鳥的時間。

Popup 與自訂程式碼:取代彈窗與代碼插入外掛

Popup 模組與 Custom Code 合起來,等於取代彈窗外掛與代碼插入外掛,這才是 Pro 相對免費版最常被低估的省錢點。Popup 的顯示條件包含全網站、指定文章、指定頁面;觸發條件有 On Page Load(停留幾秒顯示)、On Scroll(滑到指定高度百分比)、On Scroll To Element(滑到指定位置)、On Click(點擊顯示);Advanced Rules 還能設「瀏覽幾頁才出現」「總共出現幾次」,避免彈窗煩死訪客。完整的彈窗製作流程可看 Elementor Pro 彈跳視窗製作教學

做收集 Email 的彈窗時,表單欄位的欄位 ID 務必要填,這是系統判別欄位的識別碼,Shortcode 會自動帶入欄位 ID 的值,Elementor 據此把訪客留言內容寄到你的信箱;ID 沒填信就發不出去,這是新手最常卡住的地方,切到 Email 選項卡可改收件者、發信來源與成功訊息。Custom Code 則是 Pro 裡最實用的小模組,以前嵌 GA 分析碼、FB 像素還得額外裝代碼插入外掛或改 functions.php,現在直接在 Elementor 後台為每段代碼分開取名、設位置(head、body start、body end)與 Priority 權重排序,還能指定只在哪個頁面執行。做 GA 追蹤可搭 WordPress 安裝 Google Analytics,效能優化則看 Core Web Vitals 效能優化指南網站速度優化全攻略

小螢幕操作時要注意,送出按鈕有時會落在視窗外面點不到,把瀏覽器顯示比例縮小就能正常點擊,13 吋筆電上曾有找不到發布按鈕的狀況,縮小視窗比例才解決,分享給同樣用小螢幕的人。說到底,若你還在用 Bloom 電子報訂閱表單外掛Monarch 社群分享按鈕外掛 這類獨立小工具,換到 Pro 之後可評估是不是能收掉,減少外掛數量對網站速度也有幫助;Share Buttons 元素本身就內建社群分享功能,CTA 行動呼籲按鈕設計用 Elementor 打造 Landing Page 銷售頁 則能把轉換流程串起來。

Elementor Pro 或 Divi:你該押哪一條路線?

Elementor Pro 與 Divi 的差別,本質上是「自由搭配」與「一次包辦」兩條路線。Divi 走的是 Elegant Themes 全家桶策略,編輯器、佈景主題、電子報與社群按鈕綁同一張訂閱 [來源:elegantthemes.com〈Pricing〉〈https://www.elegantthemes.com/pricing/〉〈2026〉],適合希望所有工具同一家包辦、懶得一個一個挑的人,Divi 路線的細節可看 Divi 主題終極完整教學。Elementor Pro 則生態獨立、第三方擴充選擇多、與任何佈景主題都能搭,若你想用 Astra 主題免費版 這類輕量主題自由組合,它的彈性會更適合。Bricks 這類新世代編輯器也值得放進候選,Bricks Builder 新世代編輯器教學 有完整介紹,Gutenberg 路線則可參考 Gutenberg 區塊編輯器外掛推薦。企業形象站的價值判斷可對照 企業形象網站的價值與建站時機,響應式設計的底層觀念則在 響應式網頁設計 RWD 指南

結語:先想清楚用途,再決定買不買

Elementor Pro 真正的價值不在多 50 個元素,而是 Theme Builder 加 Popup 讓你把整站版型與轉換流程從佈景主題手裡搶回來,買來只當進階版用等於浪費一半功能。只有一個網站的人選 Essential 就夠,要做 3 個網站或接案才值得升到 Advanced,差別在網站授權數而不是功能多寡;Popup 與自訂程式碼合起來等於直接取代彈窗外掛與代碼插入外掛,這是最常被低估的省錢點。前面那個全站專案的工時與 LCP 數字已經在案例段落交代,這裡要強調的是它帶來的另一個判斷維度:會反覆動用到 Theme Builder、Form 與 Popup 的站,年費攤下來很划算;反之純寫字的內容站碰不到這些模組,那就不要付這筆錢。把「今年會開幾次 Theme Builder」當成續約與否的單一問題,比糾結功能表長度更準。

這套工具的學習曲線不算陡,但要把 Theme Builder、Popup、WooCommerce Builder 真正串成一條轉換流程,還是需要實作。建議先用免費版跑通單頁設計,確認自己會持續經營網站,再花一年 Essential 試水溫,把 Theme Builder 與 Popup 用熟;一年下來若根本沒用到這些整站功能,續約的意義就不大,反之離不開再評估升方案或續約。

常見問題

Elementor Pro 授權到期後,網站會壞掉嗎?

不會。根據官方政策,已發布的內容與設計過的頁面都會保留,不會消失或白屏;但 Pro 的進階功能會停用,等於回到免費版資格,Theme Builder 的條件、Popup 的觸發、WooCommerce 的客製元素這些會顯示但無法再編輯。會員後台隨時可補差額續約或升方案,不會影響既有網站。

盜版或破解版的 Elementor Pro 能用嗎?

不建議,原因前面購買流程已提過,這裡補一個辨識要點。判別低價序號是不是正版,看兩個動作:第一,序號只能在 Elementor 官方會員後台透過 Connect & Activate 連線啟用,任何要你手動改檔、上傳來路不明 zip、或把 license key 貼在第三方網站的管道都不是正版;第二,正版授權一律綁你自己的帳號,能在會員後台看到方案、網站數與到期日。只要觸發「先給我 FTP 或後台管理員帳號才能裝」這類要求,几乎可以認定是夾帶後門或挖礦程式的破解包,修網站的成本反而比買正版還貴。要省錢,正解是選對方案、只架一個站買 Essential,盜版完全不碰。

Elementor Pro 跟 Divi 怎麼選?

路線差異在前面分水嶺段落已完整交代,這裡補一個會直接影響抉擇的交換條件:續約後的鎖定程度。兩套都採年費、到期後回免費資格,但鎖定的層級不同。Elementor Pro 鎖的是 Theme Builder 條件、Popup 觸發、WooCommerce 客製元素,這些到期後「顯示但無法再編輯」,前端版型仍會保留,搬家時只要先解除舊站授權就能轉移。Divi 全家桶鎖的則是整支編輯器與 Extra、Bloom、Monarch 一整組工具的更新權,到期後你繼續用舊版沒問題,但拿不到新版與資安修補。換句話說,Elementor 的鎖點落在「編輯能力」,Divi 的鎖點落在「整組工具的更新線」,前者影響的是改不改得動,後者影響的是還能不能升級,這層差異比規格表更能決定你三年後還留不留得下來。

搬家或換網域後 Pro 失效怎麼辦?

解除舊站再連新站的基本動作前面已交代,這裡補兩個會讓你白跑一趟的時間點。第一是 staging 網域:很多人用主機商附的暫存網址(例如 sg-host.com、cloudwaysapps.com)先把站架起來再切換正式網域,Elementor 會把這組暫存網域也算一個授權,所以從 staging 換到正式網域時,要先回會員後台把 staging 那筆移除,否則 Essential 單站授權會被佔住、正式網域連不上。第二是搬家的順序:先在新站把資料庫與檔案搬完、確認前台正常,再解除舊站授權、連到新站,順序顛倒會出現新站還沒就緒、舊站授權已斷的空窗期,這段時間新站編輯器裡的 Pro 元素會顯示鎖頭。Essential 單站的人在這一步特別容易踩雷,因為配額只有一個。

哪些情況不建議買 Elementor Pro?

五種情境前面已逐項列出,這裡補一個會卡在中間的判斷方法。如果你在「好像會用到 Popup」與「其實只是偶爾想換首頁圖」之間擺盪,拿一張紙把未來半年預計會動的功能列出來,數 Popup、Form、Custom Code、Theme Builder 條件各會觸發幾次。只要 Popup 或 Theme Builder 條件的預估次數是零或一次,那多半只是「想要」層級,免費版加一支單一用途外掛(例如免費的彈窗或表單外掛)成本更低;若這兩項合計會觸發三次以上,Pro 才進入回本區間。這個次數測試比直接看規格表更能避免「買了整年只開過一次 Theme Builder」的浪費。

Elementor Pro 適合新手嗎?

基本拖曳設計對新手友善,但整站模組需要實作才會熟,這點前面結語已點出,這裡補一個可依循的學習順序。先在免費版把單頁排版練到能獨立做出首頁與文章頁,接著升 Essential 後別一次開全部模組,而是依 Site Settings 全域變數、Theme Builder 的 Header/Footer、Single Post 範本、最後才是 Popup 與 Custom Code 這個順序逐個摸熟,每一段都做出一個能上線的成品再換下一段。這個順序對應的是「先穩定全站視覺、再統一內容版型、最後才碰轉換流程」的依賴關係,因為 Popup 與表單收單會用到前面定好的全域變數與單篇範本,順序顛倒容易做一半發現顏色或排版接不上而回頭改。

相關文章