Elementor vs Divi 全面比較,協助你找到最合適的頁面編輯器

Elementor vs Divi(文章精選圖片)

文章最後一次由 Zac Phua 更新於 2022年 3 月 23日

有涉略 WordPress 網站架設、部落格經營的朋友,相信大部分在某個時間點都會接觸到頁面編輯器。

而在中文的架站領域,ElementorDivi 無疑是知名度最高的兩款頁面編輯器。

由於這兩種工具我都有親自使用過,所以我想藉助這篇文章給這兩大頁面編輯器一個深度的比較。

如果各位恰好也在糾結要選擇哪個頁面編輯器,相信這篇文章能給你最好的解答。

不過文章内容確實還挺長的,以下我就用一個表格,以及文字簡評來快速讓各位瞭解我實際體驗這兩種工具後的一些心得。

ElementorDivi
快速簡介全球使用率最高的頁面編輯器少數功能全面,且可以一次買斷制的頁面編輯器
效能評估非常不錯,編輯過程中也鮮少出現卡頓問題非常不錯,編輯過程中也鮮少出現卡頓問題
語言支援支援多數語言,包括全中文支援多數語言,但中文的部分只支援簡體中文
操作介面業界公認最好上手的頁面編輯器, 操作上非常直覺, Divi 的操作介面的設計很獨特,但與 Elementor 相比之下它會較難掌握
網頁模板有上百個各種風格的網頁模板在撰寫本文時,Divi 提供的模板數量已將近 1800 個
功能元素若包含免費及專業版,Elementor 共有 90+ 功能元素在撰寫本文時,Divi 只有 47 個功能元素
獨家功能有提供 Pop-Up Builder(彈出視窗建構器)具備完善的 A/B 測試功能,方便行銷人更容易篩選出成效佳的網頁設計
客服協助回復速度平均爲 30 分鐘 ~ 24 小時,取決於訂閲的付費方案回復速度平均爲 24 小時
免費方案有免費方案可試用沒有免費方案
高階方案$49 美元/年 ~ $999 美元/年$89 美元/年、$249 美元一次買斷
完整評價閲讀 Elementor 完整評價文閲讀 Divi 完整評價文

從以上的表格,不難發現 Elementor 與 Divi 最大的差別就在於它們所需的費用。

Elementor 有提供免費方案,但它的付費方案是訂閲制的,方案價格介於 $49 美元/年 ~ $999 美元/年,網站數量也會有所限制。而 Divi 則沒有免費方案,但可以一次買斷,買斷方案的價格也只需 $249 美元,且還不限網站數量。

雖然 Divi 會比 Elementor 划算許多,但説到底,我個人會推薦你使用 Elementor,原因就在於 Divi 對於大部分人而言(特別是沒有編程背景的架站者),操作難度遠比 Elementor 高得多。 

在接下來的内容,我將會以 8 個面向更深入的去對比 Elementor 與 Divi ,文末也會回答幾個比較常見的問題。

若還想瞭解這兩大頁面編輯器更多的對比細節,那就繼續讀下去吧!

Let’s Dive In!

兩大頁面編輯器介紹

Elementor 簡介

Elementor 成立於 2016 年,儘管所在的是競爭激烈的 WordPress 頁面編輯領域,但 Elementor 這幾年的發展異常迅速,現今已成爲市面上最熱門、討論度最高的 WordPress 頁面編輯器。

在撰寫本文時,Elementor 在 WordPress 上的安裝量已 5 百萬,更在將近 7 千條的用戶評價中平均獲得 4.7 ⭐ 的絕佳好評,單就這一項數據,就足以證明 Elementor 是很實用的工具。

但真要説 Elementor 最大的特色,莫過於它那可以讓使用者直接透過拖放的方式將網頁自由修改成自己想要的模樣。

因此 Elementor 非常適合任何不懂編程,但仍想要對網站外觀有 100% 掌控權的初學者。不過就算是有編程背景的工程師,一樣可以善用 Elementor 來縮短自己製作網頁的時間。


Divi 簡介

Divi  是美國知名軟體公司 – Elegant Themes 的旗艦商品,一樣是協助使用者以拖拉的方式自由編輯網站上的任何頁面。

不過,在購買 Divi 的付費方案之後,使用者實際上能獲得 5 種不同的工具,他們分別有:

(一)Divi Builder:這是一款頁面編輯外掛,如果網站是用其他佈景主題(例如:Astra),安裝 Divi Builder 就能進行拖放式的編輯。

(二)Divi Theme:Divi Theme 就是大家常説的 Divi 佈景主題,已有内建 Divi Builder 頁面編輯功能,因此如果網站上已安裝 Divi Theme,是不用再另外安裝 Divi Builder 的。

(三)Extra Theme:Elegant Themes 開發的另一款佈景主題,主打雜志風的網站設計,同樣也有内置 Divi Builder。

(四)Bloom Email Opt-In Plugin:這是款電郵名單收集外掛,可用來製作各種形態的訂閲表單,以協助創作者收集讀者的電郵名單。

(五)Monarch Social Share Plugin:這是款社群分享外掛,啓用之後網站上就會顯示各大社群平臺的分享按鈕,方便讀者進行分享。

Elegant Themes 旗下的產品
Elegant Themes 的軟體配套包含了 5 種不同的工具,Divi Theme 佈景主題 & Divi Builder 是其中兩個工具。

Elementor vs Divi:8 大面向詳細比較

效能評估

前導

由於網站速度是 Google SEO 裏很重要的排名因素,因此大部分人在選擇頁面編輯器時,通常都會將它的效能納入主要考量。

也就是說,我們必須要確保利用該頁面編輯器設計出來的網頁,不會有加載速度過慢的問題,否則在 SEO 排名上會處於劣勢。

既然頁面編輯器的效能如此重要,這篇 Elementor vs Divi 對比文章的第一個部分就會先針對這方面來做比較。

爲了最後能獲得公平的結果,我在利用 Elementor 和 Divi 個別去製作頁面時,會確保兩個頁面都有相同的内容排版,並且之後也主要會用 GT Metrix 去給網頁進行測試。

Elementor

下圖先給各位展示我用 Elementor 製作的測試頁面:

Elementor 測試頁面的設計
利用 Elementor 製作的網頁,準備用來進行效能測試

我製作這個測試頁面所用到的工具只有兩種,分別是專業版的 Elementor Pro 以及 Astra 佈景主題。

那以下就是利用 GT Metrix 測出來的結果:

Elementor 效能測試的結果
Elementor 效能測試的結果

Divi

至於 Divi 的部分,以下是我製作出來的測試頁面:

Divi 測試頁面的設計
利用 Divi 製作的網頁,準備用來進行效能測試

可以看到以上的網頁的内容排版與 Elementor 的測試頁面基本上相同,都包含了下列的内容元素:

  • 標題
  • 圖片
  • 内文
  • 按鈕
  • 計數器
  • 客戶評價
  • 聯絡表單
  • 價格表

同時,我在製作這個測試頁面也主要是用 Divi Builder 外掛以及 Astra 佈景主題。

那以下就是利用 GT Metrix 測出來的結果:

Divi 效能測試
Divi 效能測試的結果

Elementor vs Divi:效能評估(小總結)

根據以上的測試,我們只需要注意 Web Vitals (網站體驗指標)的三項數據,也就是 LCP、TBT,以及 CLS,下面先簡單幫各位科普一下這三項數據的含義。

LCP(Largest Content Paint)

  • LCP 是 Web Vitals 裏面最重要的指標,它指的是頁面上最頂端、最大的内容元素(像以上案例就是指圖片或文章標題)顯示在瀏覽者屏幕上所需要的時間。
  • GT Metrix 官方是建議 LCP 盡量保持在 1.2 秒或以下,以便能獲得最好的用戶體驗。

TBT(Total Blocking Time)

  • 主要衡量網頁在加載過程中遇到程式阻礙的時間,時間越長,就表示網頁需要更長的時間才能加載完畢。
  • GT Metrix 官方是建議 TBT 盡量保持在 0.15 秒或以下,以便能獲得最好的用戶體驗。

CLS(Cumulative Layout Shift)

  • 用白話來講,CLS 的作用是衡量網頁上的内容意外移動的頻率。
  • 比方説如果使用者在准備點擊退出按鈕時,該按鈕上方卻突然出現廣告,導致該退出按鈕被迫往下移動,使用者同時間可能會因此錯按到其他按鈕,嚴重影響用戶體驗。

好!科普完畢,接下來就對比 Elementor 和 Divi 測試頁之間的 Web Vitals 數據:

先來看看 Elementor 的平均數值:

LCPTBTCLS
第一次測試0.838 秒0 秒0 秒
第二次測試0.667 秒0 秒0 秒
第三次測試0.861 秒0 秒0 秒
平均數值0.789 秒0 秒0 秒

再來看看 Divi 的平均數值:

LCPTBTCLS
第一次測試0.623 秒0 秒0 秒
第二次測試0.625 秒0 秒0 秒
第三次測試0.792 秒0 秒0 秒
平均數值0.680 秒0 秒0 秒

從以上數據,可以看到 Elementor 和 Divi 的效能都相當不錯,而 Divi 則會比 Elementor 要好一些,不過差距非常小。

事實上,Divi 之前最惹人詬病的缺點正是它的效能,因爲舊版的 Divi 會給網站增添了很多不必要程式,進而加重網站的負擔,拖慢網站的加載速度。

直到後來 Divi 進行大更新之後,這個情況才得以改善。

而 Elementor 的團隊一開始在設計這款頁面編輯器時,就已經非常著重在速度效能方面的優化,因此能獲得這般數據也在我預料之中。

説了那麽多,最後我還是要澄清一下,市面上沒有哪個頁面編輯器是有絕對的速度保證,因爲會影響網站速度的因素其實還有很多,像是站上内容與資源的多寡、主機的品質、安裝的外掛數量…等等都會影響網站的速度。

不過相較於其他佈景主題,ElementorDivi 的效能算是在水準之上,編輯的過程中也很少出現卡頓的問題。


語言支援

Elementor

Elementor 支援大部分的語言,其中當然也包括中文。

如果想要切換 Elementor 的語言,只需到 WordPress 後臺,然後點選左側邊欄的 設定一般,再將 網站介面語言 設定成繁體中文或簡體中文就可以了。

設定 WordPress 網站的介面語言
設定 WordPress 網站的介面語言,Elementor 的介面也會一并更新。

值得注意的是,每當我們給 Elementor Pro 進行更新時,由於系統是不會自動更新它的介面語言的,因此很有可能會發生介面變回英文情況。

如果之後真有遇到類似的問題,那麽我們只需到 WordPress 後臺,接著點擊左側邊欄的 控制臺  ➜ 更新,再點擊 更新語言套件,問題應該就能順利解決了。

更新語言套件
如果 Elementor Pro 更新之後重回英文介面,透過更新語言套件應該就能順利解決這個問題。

Divi

至於 Divi,它跟 Elementor 一樣支援大部分的語言,語言設定的操作也跟 Elementor 相同。

不過我在撰寫這篇文章的時候,發現很有趣的一件事就是在中文方面的語言支援,Divi 只支援簡體中文。

如果我們把網站介面語言調成繁體中文,會發現 Divi 的操作介面又變回英文了。

我也有向 Divi 客服反映這個問題,結果他們也證實 Divi 目前只有支援簡體中文,以下是當時他們給我的回復:

Divi 客服官方證實他們的工具只支援簡體中文
Divi 客服官方證實他們的工具只支援簡體中文

Elementor vs Divi:語言支援(小總結)

ElementorDivi 在語言支援都做得蠻不錯。

只不過如果是以中文的角度去做比較的話,Divi 確實會比 Elementor 吃虧那麽一點點,畢竟它只支援簡體中文嘛~ 

這對於那些習慣用繁體中文的客戶來説(例如香港和台灣),剛開始使用起來難免會有些不適應。


操作介面

Elementor

Elementor 是業界公認最好上手的頁面編輯器。

當我們啓用 Elementor 來編輯頁面時,右邊會顯示頁面的即時預覽畫面,而左邊的就是有著 Elementor 各種設定,以及功能元素(Widgets)的工具欄。

Elementor 操作介面的佈局
Elementor 操作介面的佈局

如果想在網頁上增添内容,像是標題、内文、按鈕、地圖…等,可以直接到工具欄上挑選相應的元素並將它拖到想要的位置就行了。

如果想給進一步調整頁面上的任何内容,只需在相應的内容上點一下編輯按鈕,其内容的編輯設定就會呈現在左邊的工具欄上。

進一步編輯 Elementor 預覽頁面上的各種内容
進一步編輯 Elementor 預覽頁面上的各種内容(功能元素、頁面段落或欄位)

Divi

在我試用多個頁面編輯器當中,Divi 的操作介面是我目前看過設計最獨特的。

有架站經驗的朋友應該都知道,市面上大部分頁面編輯器的編輯欄位多半都位在左側邊欄上,讓使用者們將想要的功能元素拖放到想要的位置,就像 Elementor 和 Thrive Themes 那樣。

多數頁面編輯器都是采用編輯欄位在左,然後預覽畫面在右的佈局
多數頁面編輯器都是采用編輯欄位在左,然後預覽畫面在右的佈局

但 Divi 這邊做的很與衆不同的地方就是,如果想在頁面上添加新的元素,我們就只需點選 + 號的按鈕,接著再點選自己想要的功能内容就行了。

點選+ 號按鈕即可在頁面上新增區塊、段落,或者是功能元素
點選+ 號按鈕即可在頁面上新增區塊、段落,或者是功能元素

另外值得一提的是,如果想要調整某個元素的邊界(Margin)與邊框間距(Padding),我們是可以直接以拖動的方式來進行調整的。

使用者可以直接拖動調整頁面上任何元素的邊界與邊框間距
使用者可以直接拖動調整頁面上任何元素的邊界與邊框間距

簡言之,我認爲 Divi 的操作跟其他很多頁面編輯器相比之下直覺許多,也方便使用者做出非常細部的的調整。

Elementor vs Divi:操作介面(小總結)

對我來説,ElementorDivi 的介面設計的都還蠻直覺的,但我是以一個有架站經驗的人去給出這一個評價。

如果是以零經驗的架站新手的角度來看,Elementor 的操作介面會比 Divi 來得更加友善,且我發現國外有蠻多人都跟我有一樣的觀點。

原因就在於 Elementor 的整個版面會比 Divi 還來得乾净又整齊,功能的位置佈局上也做得很好,因此不太會不知道功能在哪。

反觀 Divi 的操作介面,一進入就看到全屏佈滿了各種各樣的設定按鈕和圖示,想必這在一定程度上會增加架站新手的上手難度。


網頁模板

Elementor

Elementor 會根據使用者編輯的内容類型提供相應的模板。

比方説如果正在客制網站頁首,那系統便會自動推薦你各種不同風格的頁首模板,那如果編輯的是 404 頁面,使用者自然會獲得各式的 404 頁面模板選擇,以此類推。

Elementor 的模板類型雖然很多,但主要能分爲兩大類,分別是:

  • 頁面模板:這個就是我們常説的網頁模板,目前有數百個各位選擇。
Elementor 的頁面模板
Elementor 的頁面模板
  • 區塊模板:這個則是網頁的段落模板,我們可以善用多個區塊模板去一段一段地設計出自己網頁,像我的個人網站的首頁就是這麽製作出來的。
Elementor 的區塊模板
Elementor 的區塊模板

Elementor 也有將所有的模板歸類統整成一個個的模板工具包(Template Kits),每當使用者啓用某個工具包時,該工具包裏的所有模板就能直接套用到整個網站。

或用白話來講,啓用模板工具包就類似於一鍵搞定網站的所有頁面(包括首頁、聯絡頁面、404 頁面…等)的外觀設計,之後在進一步修改就行了。

在寫這篇文章的時候,Elementor 有 100 多個模板工具包,每個月也會固定加入新的網頁模板。

最後,如果各位有自己設計的網頁模板,也能以模板的形式將它儲存起來,以便之後能一鍵套用,而無需從頭設計。

Divi

截至 2021 年 12 月,根據 Elegant Themes(Divi 背後的開發商)的官方數據顯示,他們已經提供了將近 1800 個網頁模板。

Divi 也有將這些模板統整分類到 241 個工具包,就像 Elementor 那樣。

Divi 的模板庫
Divi 的模板庫上有將近 1800 個各種風格的網頁模板

當然,Divi 也有相應的功能,讓使用者可以將自己編輯的網頁設計儲存起來,方便之後重複使用。

Elementor vs Divi:網頁模板(小總結)

ElementorDivi 在網頁模板這方面都毫不遜色,提供了非常多元的模板,大幅度加快使用者編輯網頁的速度。

但如果要論模板數量,Divi 目前是遙遙領先 Elementor 的。

Divi 也很貼心的將所有模板根據產業類別分配好了,像是有教育、時尚與美容、健身減肥…等各種風格供各位挑選,且所有模板設計也完全不輸 Elementor 哦~


功能元素

Elementor

在撰寫本文時,Elementor 本身總共有 90+ 功能元素,其中免費版的就占了 30 個。

此外,Elementor 也有支援 WordPress 内建的編輯功能,也因爲這些本是 WordPress 官方提供的免費功能,所以 Elementor 是不收費的哦~

Elementor 編輯器中有支援 WordPress 内建的編輯功能
Elementor 編輯器中有支援 WordPress 内建的編輯功能

值得一提的是,市面上也有非常多第三方外掛可以讓我們進一步去擴展 Elementor 的功能元素。

其中兩個比較知名的有 Essential Addons for Elementor 以及 Ultimate Addons For Elementor

Divi

與 Elementor 相比之下,Divi 的功能元素就少了許多,目前預設的只有 47 個。

Divi 所提供的一些功能元素
Divi 所提供的一部分功能元素

Divi 的應用市集(Divi Marketplace)也有第三方廠商售賣擴充外挂,增加 Divi 的功能元素以及頁面模板,只不過這些擴充外挂都是需要額外付費。

Elementor vs Divi:功能元素(小總結)

在功能元素這一方面,毫無疑問 Elementor 會比 Divi 更加出色,具備的功能元素整整比 Divi 多了一倍,且這還不包含第三方外掛所提供的擴充功能哦~

這也是爲什麽我會認爲 Divi 比較適合懂得編程的設計師以及接案者的主因。

因爲以我過來人的經驗,利用 Divi 編輯頁面確實有很多情況下會需要自己額外加入程式碼來得到想要的效果。

Elementor 因爲具備的功能元素比較多,往往可以讓使用者在不碰到任何程式的情況下,快速製作出理想的網頁設計,這點對於沒有編程背景的人而言想必是一大福音。


獨家功能

Elementor

要説 Elementor 最獨特的功能,我想應該會是它的 Pop-Up Builder(彈出視窗建構器)。

Pop-Up Builder 簡單來講就是一款沿用了 Elementor 頁面編輯功能的建構工具,讓我們可以隨心所欲的客制彈出視窗,並將它呈現在網站的任何頁面。

Elementor Popup Builder
Elementor Pop-Up Builder

Divi

至於 Divi,相信很多人跟我一樣會認爲 Divi 最獨特的一點在於,它是佈景主題與外掛集結于一身的系統(當然整體還是會以佈景主題為主軸),不像 Elementor 只能搭配其他佈景主題才能使用。

不過,若只想要 Divi 的頁面編輯功能的話也是可以的,我們就只需下載 Divi Builder,再搭配其他佈景主題就能開始使用了。

另外,Divi 也有一個讓我印象很深刻的功能,那就是它具備相當完善的 A/B 測試功能。

如果不知道什麽是 A/B 測試功能(又稱 Split Test),它指的是行銷人可透過製作兩份不同版本的内容,並且進行測試,看看哪份内容更受到觀衆們的喜愛。

Divi 的 AB 測試功能
Divi 的 A/B 測試功能

毫無疑問,Divi 的 A/B 測試功能對於那些很常透過 WordPress 建立銷售頁面的行銷人會是非常實用的一項功能。

Elementor vs Divi:獨家工具(小總結)

Divi 雖然不像 Elementor 那樣有内置的 Pop-up 創建功能,但就像我前面有提到的,我們在購買 Divi 時,能額外獲得 Bloom 電郵名單收集外掛。

雖説 Bloom 能幫我們製作各種形態的訂閲表單,但缺點就是我們只能選取系統預設的模板,並不能進一步調整表單的外觀,因此表單客制化的自由度遠遠沒有 Elementor 來得高。

話雖如此,Divi 具備相當完善的 A/B 測試功能,目前 Elementor 只能透過第三方外掛來辦到,但終究不會比 Divi 那般全面。


客服協助

Elementor

説到 Elementor 的客服,除非升級時是選擇比較高階的 Studio 或 Agency 方案,要不然一般付費用戶獲得的客服重視程度會比較低,平均回復時間是在 24 小時裏面。

再强調一次,我指的還是付費會員獲得的待遇哦~ 如果是免費會員就不用期望能獲得多快的回復。

好在 Elementor 在中文界是主流的頁面編輯器,因此臉書上是有相關的中文社團可以加入的。

目前人氣最高的是 Elementor頁面編輯器愛好者討論區,若在編輯的過程中遇到問題,隨時可以到該社團裏發問。

Divi

至於 Divi 的客服,有一點讓我很不解的地方就是售前和售後客服的回復速度差距相當大。

Divi 一直以來都有售前的客服在綫,主要協助回答潛在客戶在購買 Divi 前的各種問題,從下圖我們可以看到 Divi 的售前客服的回復時間只有幾分鐘。

Divi 售前服務的回復速度平均只要幾分鐘
Divi 的售前服務做得非常棒,購買前有任何問題都能在短時間内獲得解答

反觀售後客服,卻平均要付費會員等上一天的時間才能獲得客服的回應!作爲一名付費用戶,這給我的感受真的很糟糕。

Divi 售後客服的回復速度卻平均要一天以上
Divi 的售後服務卻很差,付費會員平均得等上一天的時間才能獲得回應

至於社團的部分,我目前是還沒看到有相關的 Divi 中文社團,英文社團倒是很多,目前人氣最高的莫過於 Divi 官方創立的 Divi Theme Users

Elementor vs Divi:客服協助(小總結)

不瞞你説,ElementorDivi 的客戶給我的都不是很好,主要是他們的回復速度實在太慢了 T.T

也因此,每當問題時,客服一直都不會是我的首選管道(除非問題真的很棘手),我第一時間基本上都是自己上網爬文找解決辦法,或是到相關社團求助。

不過提到客服,我發現其他頁面編輯器的客服的回復速度也並不快,基本上都需要 1 小時或以上,所以我認爲這項缺點應該是所有頁面編輯器的通病吧~


服務方案

Elementor

Elementor 頁面編輯器目前主要分成兩大服務方案,分別是:

  • 免費版的 Elementor:完全免費,但功能上想當然會有許多限制
  • 專業版的 Elementor Pro:所需費用介於 49 美元/年 ~ $999 美元/年

Elementor Pro 則還有再另外分成 5 種付費方案,其中最大的區別就是越便宜的方案,獲得的安裝次數就越少,客服協助方面也會比較差。

Elementor Pro 專業版方案
Elementor Pro 專業版方案

Elementor 也有提供 30 天無條件退款保證,如果購買專業版之後覺得不滿意,隨時可以在規定的期限内向客服要求全額退款。

Divi

Divi 沒有任何免費方案,只有簡單試用的機會,目前主要有兩種付費方案:

  • 年繳方案:每年 89 美元
  • 終身方案:249 美元一次買斷

這兩種方案能獲取的工具及客戶服務都是一樣的,也不限網站數量,想在多少個網站上安裝 Divi 都行。

如果購買的是終身方案,之後的每一次版本更新都不用使用者繳額外的費用哦~

Divi 跟 Elementor 一樣有提供 30 天退款保證,因此各位可以放心購買,如果不好用,隨時可以在指定的期限内要求全額退款。

另外值得一提的是,雖然 Zac 到後來才認爲 Divi 不適合我,但我還是有跟 Elegant Themes(也就是 Divi 背後的公司)保持長期的合作關係。

因此如果你覺得 Divi 很適合你,或是想要試試看這款工具的話,透過我的連結購買就能獲得 20% 的折扣

Elementor vs Divi:服務方案(小總結)

從以上的價格表,不難發現 Divi 的定價確實會比 Elementor 更有吸引力,畢竟它是極少數(甚至可能是唯一一個)功能足夠全面,且有提供買斷制方案的頁面編輯器,

而且 Divi 也沒特別限制網站數量,所以我才會認爲它特別適合那些需要同時管理多個網站的架站者 & 接案者。

不過如果將免費方案納入考量,Elementor 在這方面占了很大優勢,這也是讓它在業界有如此大名氣的主因。

雖説免費版的 Elementor 在功能上限制多,但它也提供了不少的功能元素和頁面模板,再加上我們還可以透過其他免費的第三方外掛來進一步擴充 Elementor 的功能,這些對於剛起步的新手來説,想必已綽綽有餘。

至於那些想付費的使用者,也可在升級前可以先深入使用免費版的 Elementor,而不是像 Divi 只能簡單試用,比較難判斷該工具是否能滿足自己日後的需求。

Elementor vs Divi:其他常見問題

#1:如果一開始是用 Divi,之後想轉用 Elementor,那麽先前利用 Divi 製作出來的頁面能不能轉移到 Divi 上?

關於這個問題,我的直覺告訴我:不行。

但爲了查證,我之後也有向 DiviElementor 的客服詢問這方面的問題,無一例外他們都説沒辦法做到。

這是因爲每個頁面編輯器背後的框架/系統都會有些許不同,因此將網頁設計從舊的頁面編輯器搬家到新的頁面編輯器這件事,目前還無法辦到,唯一的方法就只能打掉重做。

#2:Divi 與 Elementor 能不能搭配著使用?

如果是說在同個網站上安裝 ElementorDivi 的話,是沒有問題的,只不過我們也不能在同一個頁面上同時使用兩種編輯器。

但重點是,我强烈建議一個網站使用一個頁面編輯器就好,原因有 2 個:

(一)使用兩個頁面編輯器,有很大幾率會造成網站速度被嚴重拖慢,甚至發生外掛上的衝突。

(二)考慮到時間成本,我們也會花上不少時間去掌握不同的頁面編輯器。

#3:如果購買專業版 Elementor Pro 或年租版的 Divi,之後不續訂的話,頁面上使用的付費功能會消失嗎?

不會消失,只是使用者會失去編輯的權限、高階客服協助,以及頁面編輯器未來的版本更新,直到再次付費訂閲。

我的使用心得分享

ElementorDivi 我都有使用過,Elementor 用了兩年,而 Divi 也使用有長達 5 個月之久。

我一開始其實是用專業版的 Elementor Pro,但後來因爲 Divi 有買斷制就改用它了。

起初剛用 Divi 時沒什麽大礙,使用體驗也相當不錯,甚至有挖到寳的感覺。

後來每當我的網站一出狀況,或是想要增添一項新功能的時候,無論是在網上爬的文,或是在 Divi 社團裏面獲得的回復,大部分都需要我自己動手去編程修改的。

而且重點是很多時候我找到的這些程式也都不見得能達到我理想中的效果,甚至是完全不起作用,使用體驗也急劇下降,直到後來真的忍不住了又 “重新回到 Elementor 的身邊”。

Elementor 很少會有前面提到的問題,主要是因爲 Elementor 的功能元素整整比 Divi 多了一倍,所以基本上我想要達到的效果,用 Elementor 都辦得到

說到網站出問題,這邊順帶一提我看過很多國外的架站者說 Divi 很常無端端出現技術問題:

國外很多使用 Divi 的架站者紛紛都表示説 Divi 很常出毛病
國外很多使用 Divi 的架站者紛紛都表示説 Divi 很常出毛病(英文 Glitch 是毛病的意思)

雖說 Elementor 所需的費用會比 Divi 來得高,但如果你跟我一樣很排斥編程,也不想讓自己頭痛的話,那就直接用 Elementor,因爲它帶給我的使用體驗確實會比 Divi 好很多。

結言:你適合哪個頁面編輯器?

整體上,雖然我比較推薦 Elementor,但這並不代表 Divi 就完全不好用,畢竟一款頁面編輯器好不好用這件事是很主觀的。

況且 Divi 實際上也有很多滿意用戶,網上也能找到不少 Divi 的好評。

應該説,Elementor 和 Divi 都能夠協助我們製作出漂亮的網頁,只是我們要明白這兩種工具主打的編輯風格會有些許不同。

比方説 Elementor 就是主打海量的功能元素,往往能讓使用者再不碰到程式的情況下製作出理想中的網站外觀,而 Divi 主打的則是海量的頁面模板,以及自由度高的編程設定。

也因此,我才會主觀上認爲 Elementor 會比較適合像我一樣排斥編程或沒有相關背景的架站者。

而那些有編程背景,同時也不喜歡訂閲制方案的架站專家或接案者而言,Divi 無疑會是最合適、最划算的選擇

另外也別忘了 Elementor 是有免費方案的,如果你有預算上的考量,那麽免費版 Elementor + 免費第三方擴充外掛(例如 Essential Addons for Elementor)絕對是你現階段最好的選擇

那我的分享就先到這邊告一段落啦~ 

也希望這篇 Elementor vs Divi 比較文章能幫助那些正在糾結該購買 Elementor 還是 Divi 的朋友找到最適合自己的頁面編輯器。

當然,如果還有任何疑問或想法,都可以在下方留言讓我知道,我會盡量給你最滿意的解答。

你可能會喜歡的相關文章...

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。