banner|Elementor 外掛

9 個最推薦的 Elementor 外掛!讓你的網站功效更加多元強大

不曉得有沒有人在使用 Elementor 一段時間後,覺得 Elementor 的工具太好,無法做出想要的網站效果,這時候就需要安裝外掛來輔助。

而這篇文章就是要來介紹「9 個最推薦的 Elementor 外掛」,幫你找出適合的外掛吧!

若是你對於 Elementor 有興趣,但目前是一位新手站長,完全不會操作、對編輯界面還不熟悉,推薦你去看 Elementor 教學 ,能有效幫助你輕鬆上手。

好了~就讓我們趕緊閱讀文章吧:)


什麼是 Elementor?

Elementor 頁面編輯器
Elementor 頁面編輯器

Elementor 是全球知名的 WordPress 頁面編輯器,全球已經有 500w+ 次外掛下載量,基本上與所有主題兼容。可參考 Elementor 外掛教學

你不需會任何程式基礎,只要用區塊拖曳方式,就能客製化形象網站設計。

有關任何的頁面佈局、新增區塊功能、編輯區塊內容等 ..,都將變得更加簡單。

Elementor 形象教學示範

Elementor 有多種功能區塊,是建置網站的好幫手,當你心中簡單構圖完成,接下來只要拖放區塊,並放置在網頁上即可完成設計。

Elementor 多功能的區塊元素
Elementor 多功能的區塊元素

Elementor 有多種區塊模板和網站樣板,點擊按鈕就可套用,再從中進行修改自己喜歡的設計,可節省大量的建置網站時間。

Elementor 具備豐富的模版庫

購物網站盛行的時期,或許你想架設購物網站,Elementor 對於 WooCommerce 電商外掛,有良好的支援。

並為此開發了 WooCommerce Builder(購物網站編輯器),除了一般的頁面設計,你也能設計客製化的購物網站頁面。

像是添加購物車按鈕、產品價格、產品圖片和說明、相關產品列表、產品庫存提醒等 .. ,如下圖。

WordPress頁面編輯器 :Elementor 的 WooCommerce Builder 購物網站區塊功能(部分功能)
WooCommerce Builder 購物網站功能區塊(部分功能)

方案評論

Elementor 有免費版方案可使用,如果感覺不錯用且有更多設計上的需求,再升級為進階版即可。完整 Elementor Pro 進階教學

Elementor 進階版,有額外 50 多個專業元素功能、300 多種進階模板、主題編輯器、表單編輯器、彈出式廣告編輯器、WooCommerce Builder(購物網站編輯器)等 ..,有更多功能可以使用。

Elementor 進階版方案,分為個人用、公司用的兩大類型,裡面又有不同的方案,但能使用的功能幾乎都一樣,最大的差別是「 使用的網站數量 」

如果你只有一個網站會使用,只需購買最低的方案即可,依此類推。

產品定價

Elementor 個人用,起手價格是 $ 49 美元 / 年(約 $1,500 台幣 / 年),算是滿平價的費用,可應用在一個網站上,並享用它的全部功能。


1. Elementor Pro

Elementor Pro banner|Elementor 外掛

在認識 Elementor 時,我們知道它有兩種版本:免費版跟 Elementor Pro,這一章節要來介紹 Elementor Pro 的外掛功能。

Elementor Pro 有很多優點,它的兼容性很大,基本上都能適用所有主題,並擁有多種區塊模板和網站樣板,可以直接套用上,再做後續調整,省下許多編輯網站的時間。

Elementor Pro 擁有超過 50 多個元素功能、300 多個基本和專業模板、WooCommerce Builder 等等多種工具。而且擁有 24 / 7 服務的客服團隊,在使用上遇到問題,會有專人即時協助處理。

先來介紹 Elementor 元素功能 ,免費版的方案有 31 種,數量算是很多,但對於專業的站長來說,這些功能仍有不足之處,因此會升級成專業版本,解鎖更多功能,專業版的方案再增加 31 種功能。

Elementor Pro 元素功能|Elementor 外掛
Elementor Pro 元素功能

這裡簡單介紹一個 Elementor Pro 元素功能: Share Buttons ,它是一個社交分享按鈕,我們可以把它添加到網頁,讀者可以將文章分享至他們的社群媒體上,這種方式可以獲得更多流量。

Share Buttons 一共可以支援超過 17 種的社交媒體,基本上所有的社交媒體都包含在內,一般來說,我們只需要設定 Facebook、Twitter、Google+ 這幾種常用的社群管道就好!

我們在編輯界面,可以自由增加刪減、排列社群分享的按鈕,還能更改按鈕的外觀造型,總共有 5 種可以選,然後我們邊編輯邊預覽設定後的模樣效果。

Share Buttons 編輯介面|Elementor 外掛
Share Buttons 編輯介面

以上 Share Buttons 的功能介紹完畢,而 Elementor Pro 有許多跟 Share Buttons 一樣實用的元素功能,可以閱讀 Elementor Pro 元素功能 ,更加詳細了解。

如何購買 Elementor Pro?

如果你對 Elementor Pro 有興趣,那要如何購買呢?這邊帶大家簡單跑一次流程。

首先,前往 Elementor 方案頁面,如果個人(少數量網站)使用選 Individuals,如果是公司(多數量網站)使用選 Teams。

下圖,我是用個人的基本方案示範(適用一個網站),如果有多個網站需使用,就選擇適合的方案即可,裡面都有標示可供幾個網站使用。

購買安裝+費用下載

小提醒:Advanced(3 個網站 99 美元)方案被放在下面的小字,3 個網站方案對於站長來說十分實用,可以參考看看:)

接著進入結帳頁面,需先創建 Elementor 帳號,輸入電子信箱、密碼,選擇創建帳號。

Elementor pro 教學 :創建 Elementor 帳號

跳轉第三步驟,填入相關購買資訊,這裡都需填寫英文,地址中翻英可用 中華郵政工具,姓名中翻英可用 外交部工具

elementor pro 教學 :填入購買資訊
Elementor Pro 教學 :填入結帳資訊

最後確認金額,和選擇付款方式,完成後,點選「 Pay now 」送出訂單。

填入購買資訊

接著,後面流程就照 Elementor 指示進行操作即可。

完成後前往 Elementor 會員後台,等等會教大家如何下載+安裝 Elementor Pro 外掛。

Elementor Pro 教學 :Elementor 會員後台
Elementor 會員後台

以上就是我們 Elementor Pro 的外掛介紹,如果你對於 Elementor Pro 有興趣並已經購買,這裡推薦你閱讀 Elementor Pro 進階教學 ,了解更多實用技巧。


2. Ultimate Add-Ons for Elementor

Astra 的 Ultimate Addons for Elementor 功能外掛
Astra 的 Ultimate Addons for Elementor 功能外掛

Ultimate Addons for Elementor 終極擴充功能,是 Astra 在 Elementor 頁面編輯器上,新增了多種區塊元素,可強化網頁設計能力。

除了 Elementor 編輯器,Astra 也有 Ultimate Addons for Beaver Builder 外掛,幫 Beaver Builder 做了功能擴充(這在購買 Astra 方案時,就需選擇)。

Ultimate Addons for Elementor 主要功能有,提供 40 多種功能小套件、100+ 網站模板、200+ 區塊模板。

Ultimate Addons for Elementor 外掛特色
Ultimate Addons for Elementor 外掛特色

像是內容切換、圖片展示畫廊、多變訊息框、多類型廣告框(不同出現方法)、價目表功能、客製化文章佈局等 .. 。(僅列舉部分)

Ultimate Addons for Elementor 的多種 Elementor 功能擴充(僅部分截圖)
Ultimate Addons for Elementor 的多種 Elementor 功能擴充(僅部分截圖)

還有 100 多種 Astra 使用 Elementor 開發的進階完整模板(加上 200+ 高質感區塊模板),如果正困擾找不到喜歡的,這會是好的解決方案。

只需一鍵套用即可,假如用了之後不喜歡,有內建模板還原程式,省掉後續重置的麻煩。

Ultimate Addons for Elementor 有多種 Astra 進階模板可使用
Ultimate Addons for Elementor 有多種 Astra 進階模板可使用

以上是 Ultimate Addons for Elementor 簡單介紹。


3. Crocoblock

crocoblock banner|Elementor 外掛

Crocoblock 是一個 Elementor Add-Ons 的第三方外掛,由一家位於烏克蘭的 Elementor 頁面構建器的公司所開發。

Crocoblock 除了適用 Elementor,也能用於 WordPress,外掛內容包含了 20 個 JetPlugins、200 個 Elementor 必備小部件,以及 60 多種模板可以使用。

JetPlugins 系列中最推薦的有 JetMenu、JetBlog、JetFilter、JetEngine 和 JetEngine WordPress REST API 這 5 種元素功能。

JetMenu 選單種類

以 JetMenu 為例子說明,它是用來製作自定義選單,像是選單的顯示方式,我們就可以設定水平選單、垂直選單和折疊式選單,以及 Mega 選單。

其中最特別的是 Mega 選單,針對行動裝置、桌上型機和平板電腦構建兩個單獨的功能表,並以不同的方式設置它們的樣式,落實了 響應式網頁設計 的概念。

介紹完 JetPlugins ,這邊簡單介紹 適用 Elementor 的小部件 ,總共約有 200 個可以使用,其中以 WooCommerce 的小部件佔為多數,我們就解說一下 WooCommerce 的小部件「比較按鈕」。

它的功能是幫助消費者做出產品比較,當我們看到有相似性質的商品時,就可以把它們加入比較清單,一次比對兩件以上的商品,不需要額外開啟商品頁,切換分頁的方式作出比較。

商品比對示意圖|Elementor 外掛
商品比對示意圖

如何購買 Crocoblock?

介紹到這裡,應該不少人有興趣,想入手 Crocoblock 來使用,Crocoblock 有分免費版跟進階版,免費版的功能少很多,沒有動態模板、設計模板,還有互式彈出窗口模板,然後 JetPlugins 只有 3 個免費使用,其餘需要額外購買。

因此,若是預算充足,可以考慮購買進階版,有分 3 種方案,差別在可使用的站點數,其餘功能都差不多,然後 199 美元方案的更新時間、產品服務,是隨著使用時間(一年)為限。

在付費方案中,只有 199 美元的方案是年繳制,其他兩個方案是買斷制,然後提供 30 天退款保證。

crocoblock 方案|Elementor 外掛
Crocoblock 方案

以上是 Crocoblock 的介紹,由於 Crocoblock 的產品功能太多,只有選出幾個熱門工具向大家介紹,若有需要可以點擊 Crocoblock官網 ,詳細了解。


4. Essential Addons for Elementor

Essential Addons for Elementor|Elementor 外掛

Essential Addons 也是一個知名的 Elementor 外掛,它擁有至少 80 個創意元素、70 個以上現成的塊和模板,而且外掛裡的所有塊、模版都可以自行定制,讓網頁客製化的功能更提升!

另外,Essential Addons 這個外掛本身非常輕巧,而且還可以選擇啟用或禁用網站上的各種元素模塊,減少網站加載時間,保持網站快速的狀態。

啟用或禁用小部件|Elementor 外掛
我們可以在後台啟用或禁用小部件

這邊介紹一下元素,在免費版的 Essential Addons 提供了近 50 個元素和 5 個擴充工具:進階版再增加約 35 個元素和 6 個擴充工具。

Essential Addons 的元素|Elementor 外掛
Essential Addons 的元素

官網的元素介紹 裡,官方整理出幾個熱門的元素給訪客,會在左上角標示推薦,這點我覺得很貼心,剛好這邊來解說一個熱門元素「Sticky Video」。

Sticky Video 效果|Elementor 外掛
Sticky Video 效果

Sticky Video 這個功能是用來「即時保留網頁影片」,訪客可以若是點入影片後,想要瀏覽網站上其他內容,暫時離開影片這個區塊。

如果套用這個功能,訪客瀏覽完網頁其他內容後,想要回頭看影片,這時他就可以直接點擊角落的浮動影片,繼續觀看,省下回頭尋找影片的時間。

如何購買進階版 Essential Addons?

免費版的 Essential Addons 可以透過 WordPress 直接下載即可。

至於說,想要買進階版的 Essential Addons 該去哪裡購買呢?方案又是如何呢?

Essential Addons 進階方案|Elementor 外掛
Essential Addons 進階方案

裡面只有 37 美元方案限定只能使用在一個網站,其他方案都不設限,而 37 美元方案跟 74 美元方案是年繳制度,187 美元跟 599 美元的方案是買斷制,其中 599 美元方案的內容最為充實,所有方案均有 14 天退款保證。


5. Premium Addons for Elementor

Premium Addons|Elementor 外掛

Premium Addons 擁有 60 多個 Elementor 小部件、部分插件、全方位功能和近 400 個模板(免費版與專業版),種類非常多!

說到免費版與專業版, Premium Addons 官方網站 提供一張方案的比較圖,讓使用者清楚知道差異在哪裡,並評估自己適合哪個方案,或是衡量是否該購買專業版本。

Premium Addons 方案比較|Elementor 外掛
Premium Addons 方案比較

既然提到方案內容的差異,官網很貼心地標註哪些小部件是專業版本,而且每一個選項都可以點擊,觀看介紹與功能展示,對於需要了解功能的訪客來說,非常明確!

Premium Addons 小部件功能|Elementor 外掛
Premium Addons 小部件功能

這邊的小部件都很實用,以「Bullet List」舉例說明,它是一個用來做圖標列表的小部件(免費版),其中最吸引人的重點是它的圖標可以搭配 Lottie 動畫,讓圖標與文字都動起來,甚至可以做出模糊效果。

Bullet list 模糊效果|Elementor 外掛
Bullet list 模糊效果

如何購買專業版 Premium Addons?

關於 Premium Addons 如何取得及購買, 免費版的 Premium Addons 我們可以透過 WordPress 直接下載即可。

Premium Addons 的專業版有 3 種方案,這 3 種方案差別在於「網站使用數量」跟「購買制度」,內部所有功能都一模一樣。

Premium Addons 專業版方案

35 美元方案是只有一個網站可以使用,然後是年繳制度;67 美元方案是網站使用數不設限,然後是年繳制度;199 美元方案是買斷制,網站使用數不設限。

以上專業版方案介紹完畢,大家可以依據自身需求而購買,或下載免費版也可以。


6. ElementsKit Elementor addons

ElementsKit |Elementor 外掛

ElementsKit 是 Elementor Page Builder 的超級多合一外掛,它擁有頁首頁腳生成器、超級選單生成器、Elementor 適用的小部件和 Elementor 模板庫,這些實用的重要工具。

關於 ElementsKit 小部件,總共有 9 大類,其中一般類別的小部件數量最多,總共有46種(含專業版),以下我們也會介紹其中一種小部件功能,給大家認識。

ElementsKit 小部件|Elementor 外掛
ElementsKit 小部件

我們來介紹「Image Comparison」這個小部件,在免費版的 ElementsKit 就有,它的功能是用來比對「圖片前後」,如下圖效果,我們可以知道圖片修復前後的差異。

圖片前後對比|Elementor 外掛
圖片前後對比

除此之外,這種功能也適用在醫美中心、室內設計的網站,強調成品的效果。

如何購買專業版的 ElementsKit?

ElementsKit 的免費版本 跟前面介紹的外掛一樣,我們可以透過 WordPress 直接下載即可。

ElementsKit 的專業版 有 3 種方案:個人版、專業個人版、團體版,購買方式比較特別一點,可以選擇年繳制度、買斷制,還有組合包的方案可以選擇,有興趣的人可以點入官網了解。

ElementsKit 專業版方案

以上是 ElementsKit 的介紹,我個人是認為他們的購買方式規劃很清楚,很特別的是組合包,內容蠻豐富、優惠的,有興趣的讀者可以點下方連結了解喔!


7. Happy Addons for Elementor

Happy Addons|Elementor 外掛

Happy Addons 也是一個被認定最好用之一的 Elementor 外掛,它擁有 114 多個 Elementor 小工具、70 多個 Elementor 模板、400 多個現成的區塊和 22 個輔助 Elementor 的功能。

談論到這些上百個小工具,均可適用於 Mega Menu Builder、Elementor 模板、Post Grid、Woocommerce 等等這些編輯器上,以下也會介紹一個小工具給大家認識。

Happy Addons 小工具|Elementor 外掛
Happy Addons 小工具

這邊我們來介紹「Step Flow」的小工具,它非常適合用在介紹某企業、某知名商家的成立年代介紹,更多時候都是用來介紹創辦人的生涯。

Step Flow 編輯介面|Elementor 外掛
Step Flow 編輯介面

我們在編輯設定這邊,輸入標題、描述內容,然後可以加上圖片或圖標美化,最後排序這些欄位後,再加上時間點與設計時間線方向就完成了。

如何購買 Happy Addons?

Happy Addons 有分免費版與專業版, 免費版的Happy Addons 只要在 WordPress 搜尋下載就可以。

而專業版必須透過官網進行購買,下圖為 專業版購買方案

Happy Addons 購買方案|Elementor 外掛
Happy Addons 購買方案

總共有 3 種方案,分別是一般版本、專業版本和商業版本,差異在站點數量不同,一般版只有 1 個站點,專業版擁有 5 個站點,而商業版則有 1000 個站點數可以用。

在付款方案中,可以分為兩種:年繳費制度和買斷制度,有興趣的讀者可以點擊下方連結,深入了解方案。


8. The Plus Addons for Elementor

The Plus Addons |Elementor 外掛

The Plus Addons 是以「豐富的功能」出名的外掛,擁有超過 120 個小工具與擴充工具、300 多個 UI 基本塊和 18 多個即用型模板,內容包含了 Blog builder、Woo Builder、Mega Menu等等多項實用工具。

我們用卡通《大力水手》來形容,假設 Elementor 是大力水手波派,那麼 The Plus Addons 則是那罐能量滿滿的菠菜,有了 The Plus Addons 的加入,就能使我們的 Elementor 功能更加強大。

而且 The Plus Addons 完全不需要使用代碼,只需要透過滑鼠勾選的方式去設定就好,非常適合不會程式碼的人或是新手站長使用。

The Plus Addons 小工具|Elementor 外掛
The Plus Addons 小工具

The Plus Addons 擁有許多小工具,這邊我們介紹一個比較實用的功能給大家認識!

「Advanced Text Block」是一個高級的文字編輯工具,它除了可以設定一般的文字對齊方向、更改文字顏色,還有改變字體粗細及斜體。

而且文字段落還可以增加動畫,像是上下飄移、左右搖晃等等特效,在文字設計方面,增添不少視覺效果。

Advanced Text Block 編輯介面|Elementor 外掛
Advanced Text Block 編輯介面

如何購買 The Plus Addons?

關於要如何取得 The Plus Addons,首先我們要知道它有分免費版與專業版本, 免費版 The Plus Addons 只需要在 WordPress 下載就好。

而專業版需要在 官網購買 才能使用,以下是專業版方案(如下圖):

The Plus Addons 進階版方案

方案有分 3 種,差異在站點數不同,其餘功能都相同,每個人可以依據自己使用量去選擇;另外,方案還可以搭配組合一起購買!

而付款方式總共有 2 種,年繳制度跟買斷制度,所以我們在購買時,除了考慮到使用的站點數,還要思考哪個方案的購買方式比較划算。


9. PowerPack Addons for Elementor

PowerPack Addons|Elementor 外掛

PowerPack Addons 擁有 60 多個小工具,並且有額外 30 多個免費的小工具,而且它非常受歡迎,總共超過 1.3 百萬次下載量、超過 250 多個五星評價。

PowerPack Addons 小工具|Elementor 外掛
PowerPack Addons 小工具

關於 PowerPack Addons 的小工具,我們以「Popup Box Widget」為例,它的功能是用於做出彈跳視窗,一般來說,這個功能大多被用來當作公告通知使用,讓訪客進入網站時,優先看到訊息。

像是電商網站的折扣活動、診所的當月醫生看診班表異動通知,或是有公家機關網站的防詐騙宣導資訊,這個彈跳視窗在我們生活裡很常見!

Popup Box Widget 編輯界面|Elementor 外掛
Popup Box Widget 編輯界面

在 Popup Box Widget 這個小工具程式設計裡,帶有智能退出視窗的技術,當訪問者即將離開網站時,此功能就會生效。

如何購買 PowerPack Addons?

首先, PowerPack Addons 的免費版 透過 WordPress 下載就可以完成,非常方便!

若是專業版本則需要在官網上購買,有 4 種方案可以選擇,個人版、專家版、商業版以及豪華終極版。

這 4 種方案差異在站點數,豪華終極版可以在無限站點上使用,方案內的所有功能皆一樣。

PowerPack Addons 方案|Elementor 外掛
PowerPack Addons 方案

而在付款選項,有 2 種方式,分別為年繳制度和買斷制度,依照個人需求做選擇。

以上就是我們的 9 個最推薦 Elementor 外掛介紹,希望能幫助許多不知道如何選擇的站長,如果想充分學習到更深入的 Elementor 實用技巧與知識,可以閱讀 Elementor 教學系列 的文章喔!


常見問題

哪一種外掛是CP值最高的?

其實每一種外掛都很好用,如果真的要在 9 個裡選出一個的話,我最推薦「Elementor Pro」,因為它功能很多,擁有 300 多個設計模板,可以做到完全客製化設計的程度,編輯介面很方便新手站長操作!

對於 Elementor 的基礎操作還不夠熟悉,可以參考哪一篇文章?

關於這個問題,你可以參考 Elementor 教學 ,希望讓你短時間有效學習 Elementor,幫助你快速上手使用。

關於這個問題,你可以參考,希望讓你短時間有效學習 Elementor,幫助你快速上手使用。

假如你購買使用後,覺得效果不如預期好,可以在該外掛的規定時間內進行全額退款,若超過規定時間,則無法退款,這點還請多加注意。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 90 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組電子書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站:WordPress 架站 x SEO 優化技巧,一站式學習!

希望這些對你有所幫助,祝一切順利啦!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端