Ultimate Addons for Elementor 教學：10 大模組

說不定你也遇過這種狀況：接了一個形象站專案，打開 Elementor 拉了半天，發現原生小工具能做到的版型就那幾種。想要一個有圖示、有標題、有一段描述、整塊還能點擊連結的「服務介紹卡」，只能自己用圖片方塊、文字方塊、按鈕慢慢疊；想要一個會自動產生的頁面目錄，又得再裝一支外掛；想要 FAQ 帶結構化資料，再找一支。結果後台裝了七八支單功能小外掛，看起來功能很完整，但每次更新都在賭哪一支會跟新版 Elementor 打架。

Ultimate Addons for Elementor（以下簡稱 UAE）就是為了這個痛點設計的。它是 Astra 佈景主題的母公司 Brainstorm Force 開發的 Elementor 擴充套件，把形象站、企業官網、作品集最常用的一整批模組打包成一支外掛，跟 Elementor 免費版、Elementor Pro 都能搭配。關鍵在於，它跟 Astra 是同一個團隊調出來的，設計系統、效能調校、更新節奏都對在一起，整合度比一般第三方擴充套件高出一截。這篇會把 UAE 的定位、十大最常用模組、跟 Elementor Pro 原生小工具的取捨、效能注意事項一次講清楚，讓你評估到底要不要裝、怎麼裝才不會踩雷。

快速總覽：UAE 不是要取代 Elementor Pro，而是補上 Elementor 原生不夠順手的那幾塊拼圖。如果你已經用 Astra 當主題、又用 Elementor 做版面，UAE 幾乎是預設該裝的擴充套件；但如果你用的是別的主題、或主要靠 Gutenberg 區塊編輯器，CP 值就沒那麼明顯，要先想清楚你到底缺哪幾個模組。

Ultimate Addons for Elementor 是什麼？它跟 Elementor Pro 的關係

先把一個最常見的誤解講清楚：UAE 不是 Elementor Pro 的盜版或山寨品，兩者屬於「疊加」關係，並非互斥的競爭。Elementor Pro 賣的是整套 Theme Builder（頁首頁尾、單篇文章、封存頁、彈窗、全域範本）加 WooCommerce Builder 這類系統級功能；UAE 賣的則是一整批「好用但 Elementor 原生沒做、或做得很彆扭」的版面模組。一句話總結：Elementor Pro 管「整個網站的結構與範本」，UAE 管「單一區塊裡的內容呈現」。

背後的脈絡值得知道。Brainstorm Force 這家公司同時維護 Astra 主題、Spectra（給 Gutenberg 的區塊套件）、以及 UAE（給 Elementor 的模組套件）。換句話說，他們對「同一個使用者在不同編輯器裡會需要什麼」這件事，看得很完整。這也是為什麼 UAE 的模組設計有一致的邏輯：強調輕量、強調跟主題設計系統同步、強調可重複使用的範本庫（Template Library），避免塞一堆酷炫但難維護的特效。

對使用者來說，這代表一個很實際的好處：當 Elementor 推出大版本更新時，UAE 的相容性修正通常跟得很緊，不會出現「外掛作者已經半年沒更新」那種風險。這在接案場景特別重要，因為你交付之後，客戶網站還要撐好幾年，外掛能不能持續維護比功能多寡更值得在意。挑擴充套件時，與其裝一個功能炫但作者失聯的外掛，不如把長期維護風險看在眼裡，少裝一支反而更穩。想看 Elementor Pro 本身完整功能盤點，可以參考Elementor Pro 完整購買與功能指南。

為什麼 Astra Pro 跟 UAE 是天作之合

市場上能跟 Elementor 搭配的主題非常多，那為什麼要特別把 Astra Pro 跟 UAE 綁在一起講？因為這三樣東西（Astra 主題、Elementor、UAE）出自兩家公司，但 Brainstorm Force 同時掌有 Astra 跟 UAE，這就產生了一般「主題＋擴充套件」組合沒有的化學反應。

第一個好處是設計一致性。Astra 的全域色彩與字體可供 UAE 模組沿用，客戶改品牌色時，不必逐一重設。第二個是資源管理：UAE 提供 Asset Generation，依頁面實際使用的模組產生資源。這能減少不必要的載入，但不保證 Core Web Vitals 直接改善，仍要看同頁使用的模組、圖片、字型、主機與其他外掛。

換句話說，Astra Pro 負責「網站的骨架與全域樣式」，Elementor 負責「頁面的視覺化組裝」，UAE 負責「把組裝時常用但 Elementor 沒給順手的零件備齊」。三層各司其職，重疊最少。如果你想先搞懂 Astra 這層，可以從Astra Pro 主題完整教學看起。

10 大最常用的 UAE 模組，依「你今天要做什麼」分類

多數 UAE 教學會把模組一個一個照字母或編號列出來，那種讀法對實戰幫助有限，因為你坐在電腦前面想的不是「我要用 Info Box」，而是「我現在要做一個服務介紹區，到底該拿哪個模組」。所以這裡改用另一個編排方式：依你手上常見的排版任務分三類，每類挑出最常用的模組，告訴你它解決什麼問題、跟 Elementor 原生比起來強在哪。

內容結構與排版類：把資訊排得清楚好看

1. Info Box（資訊方塊）。這大概是 UAE 裡出場率最高的一個模組。一個圖示或圖片、一個標題、一段描述、一個可選的連結，整個方塊都能點擊。做「我們的服務」「核心優勢」「產品特色」這種三欄或四欄的介紹區，幾乎都是它。Elementor 原生的 Icon Box 做不到「整塊可點擊」也不支援獨立的圖片位置控制，而用「圖片＋標題＋文字＋按鈕」自己疊，要對齊、要設 hover 效果、要整塊連結，會花你三倍時間。Info Box 把這些一次打包。

2. Advanced Heading（進階標題）。Elementor 原生 Heading 偏基本，UAE 的 Advanced Heading 可做雙色、漸層、行內圖示與分隔線。它能建立清楚的視覺層級，但不應直接宣稱提高 CTR 或轉換率；標題文字、位置與可讀性仍要一起測試。品牌官網可搭配品牌官網設計全攻略。

3. Info List（資訊清單）。把一連串「圖示＋標題＋描述」用連接線串起來，做成有方向感的清單。做「我們的服務流程」「實作步驟」「為什麼選我們」這種需要暗示順序或因果的區塊特別好用。跟 Info Box 的差別在於：Info Box 是並列的卡片，每張獨立；Info List 是串起來的序列，強調「一個接一個」。這個模組也是接案時做流程圖的偷吃步，省下自己畫連接線的工夫。當客戶給你一份服務流程的文字稿，你能用 Info List 在十分鐘內把它變成一個有視覺層次、讀者一眼看得懂的序列區塊，這個效率差距在交付期限壓力下會非常明顯。

4. Content Toggle（內容切換）。在兩個內容區塊之間做一個開關，讀者點一下就能切換。最典型的用途是「月繳 vs 年繳」的價格切換、或是「方案 A vs 方案 B」的並排比較。Elementor 原生沒有這個小工具，要做切換得靠 Tabs，但 Tabs 的視覺語意是「分類」，不是「同一件事的兩種狀態」，用 Content Toggle 才能正確表達「這是同一組資訊的兩個版本」。定價頁是轉換漏斗的關鍵節點，讓訪客能直覺地切換比較，比讓他們上下捲動找資訊更能留住注意力。如果你的定價策略複雜、有多種計費週期，這個小工具的價值會更明顯。搭配清楚的行動呼籲設計（CTA 的心理學與排版細節可以看CTA 行動呼籲按鈕設計指南），切換體驗才會真正轉化成訂單。

SEO 與結構化資料類：讓 Google 看懂你的內容

UAE 除了排版，也有可輸出 Schema 的模組。標記必須和使用者看得到的內容一致，是否產生複合式搜尋結果則取決於 Google 當下支援範圍，不能只看外掛有沒有輸出 JSON-LD。

5. Table of Contents（目錄）。它依標題層級產生可點擊目錄，方便讀者跳到需要的段落，也促使作者維持清楚的 H2、H3 結構。不能把目錄直接等同於降低跳出率或排名提升。Elementor Pro 已有原生 Table of Contents widget；Elementor Free 使用者才需要 UAE 或其他替代工具。長文結構可搭配WordPress 架站與 SEO 優化全攻略。

6. How-To Schema（步驟結構化資料）。UAE 可以把可見步驟輸出為 HowTo 結構化資料，但 Google 已在 2023 年停止桌機與行動版的 How-to 複合式搜尋結果，因此不能再用它承諾搜尋版位。若仍為其他資料使用者保留標記，要確保步驟與畫面一致，並避免和 SEO 外掛重複輸出。全站管理可參考Rank Math SEO 外掛完整教學。

7. FAQ Schema（常見問題結構化資料）。UAE 的 FAQ 模組可把問答與 FAQPage Schema 綁在一起，但 Google 已在 2026 年 5 月停止顯示 FAQ 複合式搜尋結果，不再有過去的 FAQ 展開版位。是否保留標記可依其他資料使用需求決定；FAQ 區塊本身仍可服務讀者，但不要為了 Schema 硬塞問題或期待 AI 引用。

FAQ 應回答客服、銷售與讀者真正常問的問題，並提供頁面正文沒有清楚交代的資訊。不要只為了塞關鍵字改寫問句；像「形象網站設計費用怎麼算」只有在頁面能給出具體計價邏輯時才適合加入。

商業資訊與轉換類：把訪客變成客戶

8. Modal Popup（彈窗）。UAE 內建一個輕量的彈窗模組，可以設定按鈕、圖片、文字觸發，內容放表單、影片、促銷訊息都行。如果你沒有買 Elementor Pro 的 Popup Builder，這個模組就能頂上基本需求；如果你有 Elementor Pro，兩者可以分工：Elementor Pro 的 Popup 負責全站層級、條件觸發的進階彈窗，UAE 的 Modal 負責頁面內、單一按鈕觸發的簡單彈窗。想深入了解進階彈窗策略，看Elementor Pro 彈跳視窗教學。

9. Price List（價目表）。一個項目名稱、一段描述、一個價格，自動對齊排版。做餐廳菜單、服務價目表、課程收費表，這個模組比任何自己畫表格的做法都快。Elementor 原生的 Price Table 是「方案比較卡」（Basic/Pro/Enterprise 那種），跟「品項＋價格的清單」是完全不同的東西，很多人把兩者搞混，結果做出來的菜單卡在格子裡動彈不得。對餐飲這類本地商家，這個模組幾乎是必裝。

10. Business Hours（營業時間）。它把每週營業時間排成整齊區塊，並可顯示目前營業狀態，方便準備到店的使用者。網站資訊與 Google 商家檔案都應各自維持正確，但沒有公開依據可說 Google 會用這個小工具直接比對並提高本地排名。跨午夜、國定假日、臨時休業與時區也要測試。餐飲網站整體設計可參考餐飲網站設計實戰教學。

這十個模組不是 UAE 的全部，但挑選的標準是「取代度高、使用頻率高、Elementor 原生沒有或做得差」。其他的像 Post Grid、Team Member、Image Carousel 屬於錦上添花，你可以依專案需要再探索。如果你想看 UAE 在整個 Elementor 擴充套件生態裡的相對位置，參考Elementor 第三方外掛推薦的橫向比較。

不同類型的網站，UAE 的角色也不一樣

前面講的都是「UAE 這個模組做什麼」，但實際評估時更該問的是「我這種網站，UAE 對我有多大幫助」。同樣一支外掛，放在形象站跟放在電商站，價值天差地遠。以下把幾種常見的網站類型列出來，幫你快速對號入座。

這張表裡最值得停下來想的是純 Gutenberg 那一列。Brainstorm Force 其實有給 Gutenberg 出一套對等的產品叫 Spectra，定位完全一樣（補強編輯器原生不足的區塊），只是對應的是區塊編輯器而不是 Elementor。如果你或你的客戶已經決定走 Gutenberg 路線，那麼裝 UAE 是沒有意義的，因為你根本不會開 Elementor 編輯器；這時該看的是 Spectra 與其他區塊套件，可以參考Gutenberg 區塊編輯器外掛推薦。同一間公司用同一套設計哲學服務兩個編輯器生態，這點對選型很方便：你不用因為換編輯器就重新學一套設計邏輯。

WooCommerce 電商的核心通常包括商品頁、購物車、結帳與會員流程；Elementor Pro 的 WooCommerce Builder、網站主題及其他外掛可能分別負責不同區域。UAE 是否值得購買，應看實際需要的元件是否已由既有工具提供，而不是一律判定用途有限。預算有限時，可先處理WooCommerce 商品頁 SEO、結帳流程與信任資訊，再依缺少的功能評估 UAE；主題層的版面設定則可參考Astra Pro 的 WooCommerce 調整方式。

UAE 模組 vs Elementor Pro 原生小工具：到底該用哪一個

這是最多人問、也最少人講清楚的問題。你同時有 Elementor Pro 跟 UAE，兩邊都有「按鈕」「圖片輪播」「Tabs」這類功能相似的模組，到底什麼時候用原生、什麼時候用 UAE？這裡整理出一個判斷框架，原則只有一條：原生能做而且做得順，就用原生；原生要靠多個小工具硬疊、或做得綁手綁腳，才換 UAE。

這個框架的核心邏輯是「分工不重複」。不要因為買了 UAE 就什麼都用 UAE 的版本，Elementor Pro 的 Theme Builder、Form、進階 Popup 是它真正不可取代的價值，那些場景就交回給原生。把 UAE 留給它真正擅長的「內容呈現」那一層，你的後台會乾淨、效能會輕、維護負擔也小。講得更白話一點：每個小工具都有它最適合的舞台，硬要讓一個模組幹所有事，等於讓一個演員同時演所有角色，結果是每個角色都演不好。給每個工具它的專屬位置，整個網站的呈現品質才會穩定。

效能關鍵：UAE 的 Asset Generation，怎麼裝了不拖慢網站

很多人聽到「再裝一支擴充套件」就緊張，怕網站變慢。這個直覺基本上是對的，多數擴充套件確實會增加載入負擔。但 UAE 有一個叫 Asset Generation 的機制，值得單獨講清楚，因為它跟一般擴充套件的載入邏輯不一樣。

一般擴充套件的做法是：不管你這一頁有沒有用到某個模組，它的 CSS 與 JavaScript 都會被載入。模組越多、檔案越大，每一頁都吃。UAE 的 Asset Generation 則是：只有當某一頁實際用到了某個模組，它才會為那一頁生成並載入該模組的資源。沒用到 Info Box 的頁面，就不會載入 Info Box 的 CSS。這表示「裝了 UAE」跟「每一頁都變重」不是畫上等號的，關鍵在於你每一頁實際用了幾個模組。

不過這不代表你可以無腦狂用。有幾個效能地雷要留意。第一，同一頁用太多不同模組，等於把很多模組的資源都喚醒，asset 還是會疊起來，所以一個頁面的模組種類要節制。第二，Advanced Heading 的漸層文字、某些動畫效果會額外吃 CSS，做之前先想清楚這個特效對轉換有沒有實質幫助，沒有就別加。第三，UAE 的效能表現會被你的快取外掛放大或抵銷，記得搭配一套可靠的快取策略，這部分可以參考網站速度的實戰拆解。

效能先影響讀者體驗，也會反映在 Core Web Vitals。Google 將 Core Web Vitals 用於排名系統，但它只是眾多小幅訊號之一，不能把一次變慢直接換算成名次下降（見 Google Search Central 的說明）。web.dev 彙整的研究顯示延遲可能傷害互動與轉換，幅度則依網站而異。挑模組時仍要權衡功能價值與效能成本。

要驗證 UAE 有沒有真的拖慢你的網站，最快的方法是裝完之後跑一次 PageSpeed Insights 或 Lighthouse，把分數跟裝之前比一比。建議你量三個時間點的數據：裝 UAE 之前、裝完但模組全關、裝完並開了核心模組之後。這三個數字能告訴你「外掛本身的底噪」與「實際使用後的增量」各是多少，別只看一個總分就下結論。如果你的主機本身偏慢、或已經裝了很重的快取與 SEO 外掛組合，UAE 的影響會被放大；反過來說，搭配一套好的快取外掛與 image SEO 作業（圖片壓縮、lazy load、正確格式，詳見圖片 SEO 優化指南），UAE 帶來的效能增量多半可以壓到讀者察覺不到的範圍。關鍵永遠是整體調校，而不是單一外掛的功過。

從一個接案場景看 UAE 的真正價值：收攏零散的呈現型小外掛

可以用一個常見情境來判斷：網站後台為了目錄、FAQ、進階標題、簡單彈窗與服務卡片，安裝了多支單功能外掛。這時可盤點 UAE 是否能整合需求，但不能只看外掛數量，還要比較程式品質、更新紀錄、資料搬移與單點故障風險。

若 UAE 已完整涵蓋這些功能，確實可把目錄、FAQ、進階標題、簡單彈窗與服務卡片集中管理。替換前要先做測試站，確認舊短代碼、Schema 與版面資料能安全移除，避免刪掉舊外掛後留下壞掉的內容。

集中管理可能讓樣式與更新窗口更一致，後台清單也較短；代價是更多頁面依賴同一套件。若 UAE 停用或更新出錯，影響面可能比單功能外掛更大，因此仍需備份、測試與退場方案。

但同一個評估也必須誠實指出限制。UAE 沒辦法取代的是那些「系統級」外掛，例如完整的表單處理（你還是需要 Elementor Pro 的 Form 或 Contact Form 7／WPForms 這類，想看完整比較參考WordPress 表單外掛推薦）、SEO 全站管理（Rank Math 或 Yoast）、快取與效能優化、WooCommerce 的電商功能。UAE 取代的是「為了單一呈現效果而存在的小工具」那一層，不是基礎建設那一層。把這條線畫清楚，你才不會誤以為裝了 UAE 就能砍掉一半外掛。

所以這個案例的結論，與其說是「UAE 取代了五支外掛」，不如說是「把五個散落的呈現型需求收攏成一個維護單位」。價值主要在維護成本與一致性，不在功能數量的帳面數字。這是評估 UAE 時該用的角度。

剛開始用 UAE，這三個坑最多人踩

看完模組介紹，你可能已經躍躍欲試。但在實際導入 UAE 這類多模組擴充套件的網站裡，常見幾個反覆出現的錯誤模式，先講清楚能讓你少走好幾個月的冤枉路。

第一個坑：一裝完就把全部模組打開。這是最直覺也最致命的動作。UAE 在後台給你一整排開關，很多人想說「說不定哪天會用到」，就全部啟用。結果是 Elementor 編輯器左方面板塞進二三十個小工具，每次開編輯器都要在清單裡撈半天找不到要用的那個，而且 asset 的潛在覆蓋面也被撐到最大。正確做法是：一開始只開五到六個核心模組，其餘維持關閉，有需求再開。這個紀律從第一個專案就要建立，不然等到第三個專案，你的模組清單會失控。

第二個坑：把 UAE 當作「什麼都能做」的萬用工具。UAE 強在內容呈現層，但它不是表單引擎、不是 SEO 全站管理、不是電商後台。實務上常見為了不做會員註冊流程，硬用 UAE 的 Modal 跟一堆自訂欄位去拼，結果功能勉強能跑，但沒有驗證、沒有垃圾訊息防護、沒有資料儲存邏輯，上線沒多久就被機器人灌爆。表單與資料處理這類需要後端邏輯的需求，老老實實交給 Elementor Pro 的 Form Widget 或專門的表單外掛，不要用排版模組硬幹。界線畫清楚，你的網站才會穩。

第三個坑：忽略範本庫的維護性陷阱。UAE 的 Premade Sections 範本庫很方便，拉一個現成版型改一改就能用，但它藏一個風險：範本裡的設定往往是獨立寫死的，不吃你的全域色彩與字體。於是你今天用了範本、改了顏色，三個月後客戶要換品牌色，你改了全域設定卻發現某一個區塊顏色不動，回頭才發現那是範本帶進來的寫死值。養成一個習慣：用完範本，立刻檢查每一個模組的顏色與字體是不是都指向全域值，把寫死的設定清掉。這個動作花你五分鐘，卻能省下日後好幾小時的 debug 時間。

這三個坑的共同點是「貪方便」。UAE 設計得越順手，你越容易不自覺地把所有事情都丟給它、把所有開關都打開。工具的價值在被正確使用，不是被塞滿。把這個心法放在心裡，UAE 會是你的助力；忘了它，UAE 反而會變成你網站效能與維護成本的負擔。

免費版與專業版，該不該升級

UAE 跟多數 WordPress 擴充套件一樣，有免費版（在官方外掛庫上架）跟專業版（從官網購買）。免費版就已經包含前面提到的 Info Box、Advanced Heading、Info List、Content Toggle 這幾個高使用率模組，對很多形象站來說，免費版就夠用了。專業版多出的是更進階的模組（像更豐富的 Post Carousel、Team Member、Creative Buttons）、White Label（白標，接案者可以把外掛改名成自己工作室的品牌）、以及擴充的範本庫。

如果免費版加上現有 Elementor 功能已滿足需求，不必急著升級。White Label 適合需要一致後台介面的接案團隊，但不能拿來暗示第三方工具是自行開發，也不保證提高報價或信任。進階模組等專案確實需要時再升級即可。

安裝流程本身很單純，從 WordPress 後台的外掛搜尋就能找到免費版並啟用，專業版則是下載安裝包後上傳並輸入授權碼。如果你對 WordPress 外掛安裝的幾種方式還不熟，WordPress 外掛安裝教學有完整的步驟說明。

裝完 UAE 之後，建議的設定與排版流程

接著給你一套實用的設定與排版流程，讓你裝完不會不知道從哪裡下手。這不是唯一正解，但對剛導入 UAE 的人是最穩的起手式。

1. 先關掉用不到的模組。UAE 後台有一個模組開關清單，你可以逐一把確定不會用到的模組關閉。這一步直接縮小 asset 的潛在覆蓋面，也讓 Elementor 編輯器的左方面板變乾淨，不會被一堆用不到的小工具打擾。建議一開始只開 Info Box、Advanced Heading、Info List、Table of Contents、FAQ Schema 這五個最高頻的，其餘等需要再開。
2. 把色彩與字體交回主題。不要在 UAE 模組裡硬寫死顏色與字級，而是讓它吃 Astra 的全域色彩與字體設定。這樣之後客戶想改品牌色，你只要改一個地方，全站的 UAE 模組會同步更新。這個習慣會在你接到第二、第三個專案時省下大量回頭改稿的時間。
3. 用範本庫加速起手。UAE 內附一組設計好的區段範本（Premade Sections），做服務介紹、定價、團隊這些常見區塊時，先從範本庫拉一個接近的版型再改內容，會比從空白開始拉快很多。但要注意範本裡的顏色與字體記得換成你的全域值，不要直接套範本的預設色。
4. 把行動裝置版面當第一優先。全球網站流量有超過一半來自行動裝置（依 Statista 的統計）。Google 的行動優先索引是以行動版內容作為索引基礎，不是獨立排名加分。完成桌機版後仍要用真實手機檢查間距、字級、欄位堆疊與互動。
5. 每個頁面只開當頁需要的模組組合。配合 Asset Generation 的特性，有意識地控制每一頁用了幾種模組。一個形象站首頁可能用六到八種是合理的，但聯絡頁可能只需要兩種，不要為了一致就把全部模組塞進每一頁。
6. 定期回去檢視模組開關。每過一陣子回去看 UAE 後台，把這段時間確定沒用到的模組關掉。外掛會隨版本更新增加新模組，你的需求也會變，定期清理能確保 asset 覆蓋面維持在最小。

這套流程的核心精神是「刻意」。UAE 給你很多模組，但多不等於好，刻意挑選、刻意收斂，才是把它用到輕巧的關鍵。這跟做 SEO 時反覆會被提醒的一件事是同一個道理：工具永遠是配角，你的判斷才是主角。

說到底，WordPress 能拿下全網將近一半的內容管理系統市占（依 W3Techs 的統計），靠的就是像 Astra、Elementor、UAE 這樣一層一層疊起來、各自把一件事做好的生態系。你要做的不是把所有工具都裝滿，而是搞清楚每一層負責什麼、然後只取你真正需要的那幾塊。把 Astra Pro、Elementor Pro、UAE 三層的分工想通，你的形象站從骨架到內容呈現會有一條乾淨的主線，後續維護與擴充都會輕鬆很多。這也是為什麼要反覆強調，選工具的時候要看長期維護成本，不要只看當下功能清單的長度。一個網站要撐三五年，每一天的維護體驗，累積起來遠比第一天的驚豔來得重要。

下一步：如果你還沒用 Astra，先從Astra 主題免費版完整教學把主題層摸熟；如果已經在用，就照上面六步流程，今天先把 UAE 免費版裝起來、只開五個核心模組，挑你流量最高的一個頁面實際用一遍。動手一次，勝過讀十篇教學。