Đang cố gắng quyết định giữa Divi và Elementor để xây dựng trang web WordPress của bạn?

Divi và Elementor là hai trong số những trình tạo trang WordPress kéo và thả hàng đầu. Cả hai đều cho phép bạn xây dựng một trang web tùy chỉnh 100% mà không cần bất kỳ kiến thức kỹ thuật nào. Ngoài việc giúp bạn xây dựng các trang, chúng còn hỗ trợ xây dựng chủ đề và tích hợp nội dung động nâng cao.

Nhưng trong khi họ có nhiều điểm tương đồng, một số khác biệt quan trọng có thể đẩy bạn theo hướng này hoặc hướng khác.

Trong bài đăng này, chúng tôi sẽ so sánh sâu Divi vs Elementor để giúp bạn chọn tùy chọn phù hợp với nhu cầu của mình.

Chúng tôi không tập trung vào việc chọn một “người chiến thắng”. Thay vào đó, chúng tôi sẽ chỉ ra nhiều điểm tương đồng và khác biệt để giúp bạn chọn công cụ phù hợp với mình. Để làm điều đó, chúng tôi sẽ so sánh Elementor và Divi trong sáu lĩnh vực chính, và sau đó biên dịch tất cả chúng cuối cùng.

Bị kích thích? Nào cùng đào vào bên trong!

Hiệu suất Divi vs Elementor

Một cân nhắc quan trọng với bất kỳ trình tạo trang nào là hiệu suất. Đó là, các thiết kế mà bạn tạo sẽ tải nhanh như thế nào?

Chúng tôi đặt phần này lên hàng đầu vì chúng tôi tin rằng hiệu suất phải luôn được ưu tiên hàng đầu với trang web WordPress của bạn. Điều đó bao gồm lưu trữ của bạn!

Để kiểm tra hiệu suất của Divi vs Elementor, chúng tôi đã thiết lập các thiết kế giống hệt nhau với cả Divi và Elementor và chạy chúng thông qua một số công cụ kiểm tra tốc độ.

Để cố gắng làm cho điều này bình đẳng nhất có thể, chúng tôi đã tạo các thiết kế của mình với các bộ mô-đun giống hệt nhau giữa mỗi trình tạo và nội dung giống hệt nhau trong mỗi mô-đun.

Các mô-đun chúng tôi đã sử dụng là:

  • Đoạn văn bản
  • Cái nút
  • Bộ đếm số
  • Biểu mẫu liên hệ cơ bản
  • Bảng giá
  • Đàn accordion hai món
  • Lời chứng thực

Để làm cho điều này trở thành một cuộc cạnh tranh công bằng, chúng tôi đang thử nghiệm phiên bản plugin của Divi Builder vs Elementor và Elementor Pro. Chúng tôi đang làm điều này để sử dụng cùng một chủ đề (Astra) để so sánh chính xác hiệu suất của các nhà xây dựng này.

Trang Kiểm tra Divi

Test Site 1 - Our Divi test page
Trang web thử nghiệm 1: Trang thử nghiệm Divi của chúng tôi

Trang kiểm tra Divi của chúng tôi được thực hiện với:

  • Plugin Divi Builder
  • Chủ đề Astra
  • Một thiết kế được xây dựng bằng Divi sử dụng các mô-đun từ bên trên

Trang kiểm tra Elementor

Test Site 2 - Our Elementor test page
Trang web thử nghiệm 2: Trang thử nghiệm Elementor của chúng tôi

Trang kiểm tra Elementor của chúng tôi được tạo bằng:

  • Plugin Elementor miễn phí (chúng tôi đã tắt các kiểu tích hợp sẵn của Elementor để thay vào đó là kế thừa các kiểu chủ đề)
  • Elementor Pro
  • Chủ đề Astra
  • Một thiết kế được xây dựng bằng Elementor sử dụng các mô-đun từ bên trên

Một điều cần lưu ý là Divi bao gồm một tính năng tích hợp để giảm thiểu và kết hợp CSS và JavaScript của nó, trong khi Elementor thì không. Vì lý do này, Divi tốt hơn trong việc hạn chế các yêu cầu HTTP của nó ra khỏi hộp. Những lợi ích về tốc độ này là lý do tại sao Kinsta xây dựng tính năng thu nhỏ mã ngay trong bảng điều khiển MyKinsta. Khách hàng có thể chọn tham gia rút gọn mã tự động cho các tệp CSS và JavaScript của họ, tăng tốc trang web của họ mà không cần nỗ lực thủ công.

Tuy nhiên, bạn có thể (và nên) dễ dàng thêm tối ưu hóa tương tự vào Elementor bằng cách sử dụng plugin miễn phí như Autoptimize hoặc plugin tối ưu hóa cao cấp như WP Rocket.

Vì lý do đó, chúng tôi sẽ chạy hai bộ kiểm tra:

  1. Không có tối ưu hóa hiệu suất được bổ sung
  2. Đã cài đặt tự động tối ưu hóa để thu nhỏ và kết hợp các tập lệnh

Sử dụng các con số trong trường hợp thứ hai sẽ chính xác hơn về cách cả hai công cụ sẽ hoạt động trên một trang web WordPress trực tiếp, được tối ưu hóa hiệu suất. Tuy nhiên, chúng tôi vẫn bao gồm các con số chưa được tối ưu hóa để cho bạn thấy chúng so sánh như thế nào khi bạn không triển khai tối ưu hóa hiệu suất.

Các trang web thử nghiệm của chúng tôi được lưu trữ trên Kinsta, vì vậy chúng cũng được hưởng lợi từ bộ nhớ đệm cấp máy chủ của Kinsta. Ngoài những gì chúng tôi đã thảo luận, chúng tôi không thực hiện bất kỳ thay đổi nào đối với môi trường WordPress mặc định.

Chúng tôi sẽ sử dụng hai công cụ kiểm tra:

  • web.dev: Một công cụ của Google sử dụng Lighthouse. Nó kiểm tra từ một thiết bị di động.
  • WebPageTest: Một công cụ kiểm tra tốc độ phổ biến. Chúng tôi đã định cấu hình nó để kiểm tra từ một thiết bị máy tính để bàn.

Hiệu suất Divi

Chúng tôi sẽ bắt đầu với kết quả của chính Divi (không có Tự động tối ưu hóa).

WebPageTest (Không có Tự động tối ưu hóa):

Divi WebPageTest results with no added optimization
Kết quả Divi WebPageTest mà không có thêm tính năng tối ưu hóa

web.dev (Không có Tự động tối ưu hóa):

Divi web.dev results with no added optimization
Kết quả Divi web.dev không có thêm tính năng tối ưu hóa

Và đây là kết quả cho Divi với plugin Autoptimize đã được cài đặt.

WebPageTest (Với Tự động tối ưu hóa):

Divi WebPageTest results with Autoptimize plugin
Kết quả Divi WebPageTest với plugin Tự động hóa

web.dev (Với Tự động tối ưu hóa):

Divi web.dev results with Autoptimize plugin
Kết quả Divi web.dev với plugin Tự động hóa

Hiệu suất Elementor

Chúng tôi cũng sẽ bắt đầu với các kết quả cho Elementor của chính nó (không có Tự động tối ưu hóa).

WebPageTest (Không có Tự động tối ưu hóa):

Elementor's WebPageTest results without Autoptimize
Kết quả WebPageTest của Elementor không có thêm tính năng tối ưu hóa

web.dev (Không có Tự động tối ưu hóa):

Elementor web.dev results with no optimization
Kết quả Elementor web.dev không có tối ưu hóa

Và đây là kết quả cho Elementor đã cài đặt plugin Autoptimize.

WebPageTest (Với Tự động tối ưu hóa):

Elementor WebPageTest results with Autoptimize plugin
Kết quả Elementor WebPageTest với plugin Autoptimize

web.dev (Với Tự động tối ưu hóa):

Elementor web.dev results with Autoptimize plugin
Kết quả Elementor web.dev với plugin Tự động hóa

Kết luận về Hiệu suất

Để giúp bạn sử dụng dữ liệu đó dễ dàng hơn, đây là hai bảng đặt tất cả dữ liệu lại với nhau.

Không có Tự động tối ưu hóa:

Kích thước trang Yêu cầu HTTP Điểm hiệu suất (Ngọn hải đăng) Sơn có nội dung lớn nhất
Divi 339 KB 18 74 4,2 giây
Elementor 327 KB 32 77 3,6 giây

Với Autoptimize:

Kích thước trang Yêu cầu HTTP Điểm hiệu suất (Ngọn hải đăng) Sơn có nội dung lớn nhất
Divi 335 KB số 8 88 3.2 giây
Elementor 319 KB 12 91 2,5 giây

Nhìn chung, bạn có thể thấy rằng Elementor có lợi thế hơn một chút so với Divi với kích thước tệp nhỏ hơn. Nó cũng hoạt động tốt hơn trong quá trình kiểm tra Lighthouse của web.dev và có thời gian Sơn có nội dung lớn nhất thấp hơn trong cả hai bài kiểm tra.

Tuy nhiên, sự khác biệt không quá lớn và Divi đã làm rất nhiều việc để thu hẹp khoảng cách. Nhìn chung, Elementor dẫn trước một chút về hiệu suất.

Nếu bạn đang thắc mắc chủ đề Divi sẽ so sánh với chủ đề Elementor Pro và chủ đề Hello như thế nào, thì trường sẽ nghiêng nhiều hơn về phía Elementor vì chủ đề Hello nhẹ hơn chủ đề của Divi. Về cơ bản, nếu “Elementor + Astra” đã đánh bại “Divi Builder + Astra,” khoảng cách sẽ chỉ rộng hơn nếu bạn so sánh “Elementor + Hello” với “Chủ đề Divi Builder + Divi”.

Divi vs Elementor UI

Giao diện người dùng rất khó để so sánh một cách khách quan vì phần lớn nó phụ thuộc vào sở thích cá nhân. Một số người thích giao diện của Elementor, trong khi những người khác thích Divi’s.

Vì lý do đó, chúng tôi thực sự không thể tuyên bố một người chiến thắng duy nhất ở đây. Thay vào đó, chúng tôi sẽ chỉ cho bạn thấy giao diện của từng công cụ hoạt động như thế nào và bạn có thể chọn cách tiếp cận mà bạn thích nhất.

Một điều khách quan là “tốc độ” trong giao diện phụ trợ, vì điều này sẽ ảnh hưởng đến tốc độ bạn có thể xây dựng thiết kế. Trước đây, giao diện người dùng phụ trợ của Elementor chắc chắn cảm thấy “nhanh hơn”. Tức là, các bảng cài đặt mở ra nhanh hơn, kéo và thả mượt mà hơn, v.v.

Tuy nhiên, Elegant Themes đã phát hành một bản cập nhật hiệu suất phụ trợ lớn cho Divi Builder vào tháng 1 năm 2021 . Trong môi trường kiểm tra căng thẳng mà Elegant Themes thiết lập, thời gian di chuột qua một mô-đun đã giảm từ 891 mili giây xuống 383 mili giây , cải thiện 155% .

Bạn chắc chắn có thể cảm nhận được những thay đổi và bây giờ cả hai trình xây dựng đều khá nhanh chóng trong phần phụ trợ. Sau thay đổi này, thật khó để tuyên bố một người xây dựng là người chiến thắng cho hiệu suất phụ trợ.

Divi UI

Khi bạn mở trình tạo trực quan của Divi, nó sẽ hiển thị cho bạn bản xem trước trực tiếp toàn màn hình về trang web của bạn. Có một thanh công cụ nổi có thể thu gọn ở dưới cùng và các biểu tượng nổi xuất hiện khi bạn di chuột qua các phần khác nhau của trang web của mình.

Bạn có thể nhấp vào các biểu tượng khác nhau để chèn nội dung hoặc bố cục. Ví dụ: biểu tượng màu đen cho phép bạn chèn một mô-đun mới.

The Divi interface
Giao diện Divi

Sau khi thêm phần tử nội dung hoặc bố cục, bạn có thể nhấp vào phần tử đó để mở cửa sổ bật lên với các cài đặt chi tiết. Bạn có thể thay đổi kích thước cửa sổ bật lên này hoặc kéo nó xung quanh bất kỳ đâu trên màn hình, cho phép bạn tùy chỉnh giao diện theo sở thích của mình.

Editing a Divi module
Chỉnh sửa mô-đun Divi

Đối với nội dung văn bản, bạn cũng có thể sử dụng chỉnh sửa nội dòng, có nghĩa là bạn có thể chỉ cần nhấp và nhập vào bản xem trước trực tiếp của trang của mình.

Nếu bạn nhấp vào ở cuối trang, bạn có thể mở rộng menu để chọn các bản xem trước thiết bị khác nhau, mở chế độ xem wireframe chỉnh sửa phụ trợ và truy cập các cài đặt cấp cao khác.

Đây là giao diện khung dây trông như thế nào:

The Divi control bar and wireframe view
Thanh điều khiển Divi và chế độ xem khung dây

Để thay thế cho wireframe, bạn cũng có thể sử dụng công cụ Lớp , giúp bạn sắp xếp nội dung của mình thành các cấu trúc khác nhau.

The Divi Layers interface
Giao diện Divi Layers

Một tính năng hữu ích khác là khả năng sử dụng nhấp chuột phải. Bạn có thể sử dụng tính năng này để nhanh chóng sao chép toàn bộ mô-đun hoặc chỉ sao chép và dán các cấu hình cài đặt từ các mô-đun. Bạn cũng sẽ nhận được các tùy chọn hữu ích khác, chẳng hạn như có thể “khóa” một mô-đun để tránh vô tình thực hiện các thay đổi.

Right-click in Divi
Nhấp chuột phải vào Divi

Nhìn chung, giao diện Divi đôi khi có thể cảm thấy hơi choáng ngợp với tất cả các biểu tượng nổi của nó. Nhưng nó thực sự xuất sắc khi cung cấp cho bạn rất nhiều công cụ hữu ích và các tùy chọn tùy chỉnh.

Nó cũng cung cấp cho bạn một số tùy chọn giao diện mà Elementor không cung cấp, chẳng hạn như chế độ xem wireframe.

Giao diện người dùng Elementor

Elementor sử dụng một cách tiếp cận hơi khác đối với giao diện của nó. Nó hiển thị cho bạn bản xem trước trực tiếp thiết kế của bạn ở bên phải và một thanh bên cố định ở bên trái (giống như Công cụ tùy chỉnh chủ đề WordPress gốc).

Thanh bên này là nơi bạn sẽ quản lý cài đặt cho hầu hết các phần trong thiết kế của mình. Ví dụ: bạn có thể xem danh sách các widget trong thanh bên và kéo một widget sang thiết kế của mình.

The main Elementor interface
Giao diện Elementor chính

Sau đó, bạn có thể tùy chỉnh kiểu, nội dung, v.v. của tiện ích bằng cách sử dụng các tùy chọn của nó trong thanh bên.

Editing an Elementor widget
Chỉnh sửa tiện ích Elementor

Đối với hầu hết nội dung văn bản, bạn cũng có thể sử dụng chỉnh sửa nội dòng. Một lần nữa, điều đó có nghĩa là bạn có thể chỉ cần nhấp và nhập vào bản xem trước trực tiếp. Tuy nhiên, Divi cung cấp hỗ trợ nhiều hơn một chút cho việc chỉnh sửa nội tuyến, vì vẫn còn một số đoạn văn bản trong Elementor không hỗ trợ tính năng này.

Đăng kí để nhận thư mới

Elementor không cung cấp cho bạn chế độ xem wireframe mà Divi cung cấp, nhưng nó đi kèm với một công cụ Navigator thực sự hữu ích. Công cụ này cung cấp cho bạn một phác thảo về cấu trúc trang của bạn, giống như công cụ Lớp của Divi. Bạn cũng có thể đổi tên các phần tử để giúp bạn ghi nhớ chúng.

The Elementor navigation feature
Tính năng điều hướng Elementor
Using right-click in Elementor
Sử dụng nhấp chuột phải trong Elementor

Ngoài ra, bạn sẽ nhận được các công cụ hữu ích khác, chẳng hạn như hoàn tác / làm lại, xem trước thiết bị, lịch sử sửa đổi, v.v. Và, giống như Divi, Elementor hỗ trợ nhấp chuột phải để cho phép bạn sao chép các tiện ích và cài đặt của chúng trên các hành động khác.

Nhìn chung, vì Elementor không dựa vào các biểu tượng nổi như Divi, nên giao diện Elementor trông gọn gàng và ít choáng ngợp hơn một chút.

Tính năng độc đáo của Divi vs Elementor

Về tính năng, có rất nhiều điểm trùng lặp giữa hai công cụ này. Ví dụ: cả hai công cụ đều cung cấp:

  • Giao diện kéo và thả trực quan
  • Hỗ trợ xây dựng chủ đề đầy đủ
  • Hỗ trợ cho dữ liệu động

Tuy nhiên, mỗi plugin cũng có một số thủ thuật đặc biệt. Trong phần này, chúng tôi sẽ so sánh các tính năng dành riêng cho từng trình xây dựng.

Các tính năng độc đáo của Divi

Một trong những tính năng độc đáo nhất của Divi là thử nghiệm A / B được tích hợp sẵn, cho phép bạn phân tách các mô-đun khác nhau để kiểm tra với nhau. Ví dụ: bạn có thể kiểm tra các nút CTA khác nhau hoạt động như thế nào.

Đây là một công cụ rất hữu ích để tiếp thị, vì vậy đó là một lợi thế lớn của Divi trong các trường hợp sử dụng tập trung vào kinh doanh hơn.

Bạn có thể thêm thử nghiệm A / B vào Elementor bằng cách sử dụng Google Optimize hoặc plugin Split Test for Elementor của bên thứ ba, nhưng đó không phải là tính năng tích hợp chặt chẽ mà bạn có được với Divi.

Divi's built-in A/B testing feature
Tính năng thử nghiệm A / B tích hợp của Divi

Ngoài ra còn có một sự khác biệt quan trọng bên trong mô-đun biểu mẫu: logic có điều kiện. Trong khi cả Divi và Elementor Pro đều cung cấp các widget biểu mẫu linh hoạt, widget biểu mẫu của Divi bao gồm logic có điều kiện được tích hợp sẵn, trong khi Elementor Pro thì không. Nếu bạn không muốn sử dụng plugin biểu mẫu của bên thứ ba nhưng bạn muốn xây dựng các biểu mẫu nâng cao, thì phần bổ sung này thực sự rất hay.

Divi cũng bao gồm trình soạn thảo vai trò tích hợp riêng cho phép bạn kiểm soát các mô-đun và cài đặt mà các vai trò người dùng WordPress khác nhau có thể truy cập. Nếu bạn đang xây dựng các trang web khách hàng, bạn có thể sử dụng tính năng này để kiểm soát các tính năng Divi mà khách hàng của bạn có quyền truy cập để họ không phá vỡ điều gì đó. Hoặc, bạn có thể sử dụng nó để kiểm soát những gì cộng tác viên có thể làm trên trang web của bạn.

Elementor bao gồm một trình soạn thảo vai trò cơ bản để cấp hoặc hạn chế quyền truy cập vào toàn bộ giao diện Elementor, nhưng nó gần như không chi tiết như trình soạn thảo vai trò của Divi.

Cuối cùng, Divi có cả phiên bản plugin và chủ đề, trong khi Elementor chỉ là một plugin. Mặc dù nhóm Elementor có cung cấp chủ đề nhẹ của riêng họ được gọi là Hello được xây dựng để ghép nối với Elementor Pro.

Các tính năng độc đáo của Elementor

Một trong những tính năng độc đáo nhất của Elementor Pro là Trình tạo cửa sổ bật lên. Với Popup Builder, bạn có thể sử dụng giao diện Elementor (và tất cả các tiện ích của nó) để thiết kế các cửa sổ bật lên tùy chỉnh mà bạn hiển thị ở bất kỳ đâu trên trang web của mình.

The Elementor popup builder feature
Tính năng trình tạo cửa sổ bật lên Elementor

Bạn có thể tạo các loại cửa sổ bật lên khác nhau (phương thức, thanh thông báo, trình chiếu, v.v.) và cũng có thể sử dụng các trình kích hoạt cửa sổ bật lên phổ biến (thời gian trên trang web, độ sâu cuộn, v.v.). Bạn cũng sẽ nhận được các quy tắc nhắm mục tiêu chi tiết để kiểm soát thời điểm cửa sổ bật lên của bạn xuất hiện.

Đây là một tính năng siêu linh hoạt mà bạn có thể sử dụng cho tất cả các loại tạo khách hàng tiềm năng, từ chọn tham gia email đến biểu mẫu liên hệ bật lên, khuyến mại, đăng nhập / đăng ký, v.v. Bạn có thể vào nhóm Facebook chính thức của Elementor để nhận được sự ủng hộ của cộng đồng từ hơn 98.000 thành viên. Đây là một lựa chọn tốt cho cả người dùng Elementor miễn phí và trả phí.

Bạn có thể tìm thấy các tiện ích bổ sung của bên thứ ba bổ sung xây dựng cửa sổ bật lên cho Divi, nhưng nó không phải là một tính năng cốt lõi. Việc bạn mua Divi cũng bao gồm plugin chọn tham gia email Bloom, plugin này bao gồm cửa sổ bật lên. Tuy nhiên, Bloom không cung cấp cho bạn một trình xây dựng kéo và thả, vì vậy nó không phải là một ứng dụng phù hợp thực sự với Trình tạo cửa sổ bật lên Elementor. Ngoài ra, Divi’s Bloom bị giới hạn ở các lựa chọn tham gia, trong khi bạn có thể sử dụng Elementor để tạo bất kỳ loại cửa sổ bật lên nào.

Định giá Divi vs Elementor

So sánh giá cả là một chủ đề khó vì Elementor rẻ hơn trong một số trường hợp, trong khi Divi rẻ hơn ở những trường hợp khác. Vì vậy, tùy thuộc vào cách bạn sẽ sử dụng từng công cụ, một cái có thể có giá cả phải chăng hơn cái kia.

Phiên bản miễn phí

Hãy cùng bắt đầu lại từ đầu. Elementor là người duy nhất cung cấp phiên bản miễn phí 100%. Hơn nữa, phiên bản miễn phí của Elementor rất linh hoạt. Ngay cả khi chỉ với phiên bản miễn phí, bạn có thể xây dựng một số thiết kế đẹp mắt và truy cập vào các tiện ích cơ bản nhất.

Vì vậy, nếu mục tiêu của bạn là giữ mọi thứ tự do, Elementor là lựa chọn duy nhất của bạn. Và đó là một trong những điều tuyệt vời!

Phiên bản cao cấp

Về các phiên bản cao cấp, đây là cách nó xuất hiện:

  • Elementor Pro rẻ hơn nếu bạn chỉ cần một trình xây dựng cho một trang web duy nhất.
  • Divi rẻ hơn nếu bạn cần một trình xây dựng cho nhiều trang web.

Elementor Pro cung cấp ba tùy chọn giấy phép một năm, mỗi tùy chọn cho một số trang web khác nhau:

Cần lưu trữ hàng đầu, nhanh chóng và an toàn cho trang web WordPress mới của bạn? Kinsta cung cấp các máy chủ nhanh như chớp và hỗ trợ 24/7 đẳng cấp thế giới. Kiểm tra các kế hoạch của chúng tôi!

  • Một trang web: $ 49 / năm
  • Ba trang web: $ 99 / năm
  • 1.000 trang web: $ 199 / năm (về cơ bản không giới hạn, nhưng có giới hạn để tránh lạm dụng)

Elementor sẽ chuyển sang các gói Pro mới với việc tăng giá từ ngày 9 tháng 3 năm 2021. Về cơ bản, hai gói đầu tiên sẽ giữ nguyên, trong khi gói 1.000 trang web sẽ có giá $ 999 / năm . Hai gói Pro mới là gói 25 trang có giá 199 đô la / năm và gói 100 trang có giá 499 đô la / năm .

Bất kỳ ai mua gói 1.000 trang của Elementor Pro trước ngày 9 tháng 3 năm 2021, sẽ sở hữu giấy phép cũ. Có nghĩa là họ sẽ chỉ phải trả $ 199 / năm , miễn là họ duy trì được giấy phép đang hoạt động.

Mặt khác, Elegant Themes cho phép sử dụng không giới hạn trên các gói của nó. Đối với giấy phép một năm, bạn sẽ phải trả 89 đô la để sử dụng trên các trang web cá nhân và khách hàng không giới hạn.

Ngoài ra, giao dịch mua của bạn giúp bạn có quyền truy cập vào tất cả các sản phẩm của Elegant Themes, không chỉ Divi. Với một mức giá đó, bạn sẽ có quyền truy cập vào:

  • Chủ đề Divi
  • Plugin Divi Builder
  • Chủ đề bổ sung
  • Plugin Bloom (chọn tham gia email)
  • Plugin Monarch (chia sẻ xã hội)

Vì vậy, để tóm tắt lại, chúng ta hãy xem xét ba trường hợp khác nhau để xem trình tạo cao cấp nào sẽ rẻ hơn. Nếu bạn cần sử dụng trình tạo trên:

  • Một trang web: Elementor Pro sẽ có giá rẻ nhất là $ 49 / năm so với $ 89 / năm của Divi.
  • Ba trang web: hai nhà xây dựng tương đương nhau khá nhiều, với Elementor Pro ở mức 99 đô la / năm và Divi là 89 đô la / năm .
  • Bốn trang web (hoặc nhiều hơn): Divi sẽ rẻ nhất với $ 89 / năm so với Elementor Pro là $ 199 năm.

Giấy phép trọn đời

Cuối cùng, một điều quan trọng cuối cùng được xem xét là thời hạn của giấy phép. Elementor chỉ cung cấp giấy phép một năm. Đó là, bạn sẽ cần phải gia hạn giấy phép của mình hàng năm nếu bạn muốn tiếp tục nhận được hỗ trợ và cập nhật. Ngoài ra, bạn sẽ không thể thêm các tiện ích Elementor Pro mới nếu không gia hạn. Mặc dù tất cả các widget Elementor Pro hiện có trong thiết kế của bạn sẽ tiếp tục hoạt động. Nhưng bạn sẽ không thể chèn các mẫu cao cấp mới.

Elegant Themes cung cấp cùng một giấy phép hàng năm cũng như một tùy chọn giấy phép trọn đời . Với giấy phép trọn đời, bạn phải trả một khoản phí cố định để sử dụng trọn đời, cập nhật và hỗ trợ. Điều này rất khó để đánh bại từ góc độ giá trị.

Giấy phép trọn đời là $ 249 , đặt điểm hòa vốn vào khoảng 2,8 năm so với giấy phép một năm.

Divi vs Elementor Templates

Một trong những đặc quyền lớn của cả hai nhà xây dựng này là chúng đi kèm với các thư viện mẫu lớn để bạn không cần phải bắt đầu thiết kế của mình từ đầu.

Thay vào đó, bạn chỉ cần nhập một mẫu, tùy chỉnh nó để đáp ứng nhu cầu của bạn và bạn có một trang web được thiết kế chuyên nghiệp như ý.

Cả hai đều có thư viện mẫu khá lớn, nhưng Divi có lợi thế hơn khi nói đến số lượng và cách tổ chức các mẫu của nó.

Mẫu Divi

Kể từ tháng 3 năm 2021, Divi đi kèm với hơn 1.500 mẫu được tạo sẵn mà bạn có thể nhập được chia thành 199 Gói bố cục. Gói Bố cục về cơ bản là một bộ sưu tập các mẫu theo chủ đề được xây dựng xung quanh một trang web cụ thể. Ví dụ: bạn có thể nhận được một mẫu cho trang chủ, một mẫu khác cho trang liên hệ, v.v.

The Divi template library
Thư viện mẫu Divi

Bạn cũng có thể lưu thiết kế của riêng mình dưới dạng mẫu để sử dụng lại sau này.

Elementor Templates

Các mẫu của Elementor có nhiều hương vị khác nhau tùy thuộc vào loại nội dung mà bạn đang xây dựng. Về thiết kế trang, bạn sẽ nhận được hai loại mẫu:

  • Trang: Đây là các mẫu toàn trang. Bạn sẽ nhận được khoảng ~ 200 mẫu với Elementor Pro.
  • Khối: Đây là các mẫu phần cho các phần của trang. Bạn có thể ghép chúng lại với nhau như LEGO để thiết kế một trang đầy đủ.
The Elementor template library
Thư viện mẫu Elementor

Elementor cũng sắp xếp một số mẫu của mình thành các bộ mẫu, là các mẫu theo chủ đề xung quanh việc xây dựng một trang web hoàn chỉnh (giống như Divi). Tuy nhiên, Elementor cung cấp ít hơn 25 bộ mẫu kể từ tháng 3 năm 2021, mặc dù họ phát hành bộ mẫu mới hàng tháng.

Bạn cũng sẽ nhận được các mẫu riêng biệt cho cửa sổ bật lên và xây dựng chủ đề, về mặt kỹ thuật, danh sách các mẫu của Elementor sẽ mở rộng hơn nữa.

Cuối cùng, bạn cũng có thể lưu các mẫu của riêng mình để sử dụng lại sau này.

Hỗ trợ Divi vs Elementor

Cả Divi và Elementor đều cung cấp hỗ trợ 24/7 cho khách hàng có giấy phép đang hoạt động. Mặc dù vậy, nhìn chung, Divi có một chút lợi thế vì nó cung cấp các tùy chọn linh hoạt hơn để liên lạc với bộ phận hỗ trợ.

Hỗ trợ Divi

Tất cả người dùng Elegant Themes có giấy phép đang hoạt động đều được hỗ trợ 24/7. Một trong những đặc quyền lớn là bạn được hỗ trợ trò chuyện trực tiếp qua Intercom (cùng một hệ thống hỗ trợ mà chúng tôi sử dụng ở đây tại Kinsta).

Đây là một lợi thế lớn, vì việc tìm kiếm hỗ trợ trò chuyện trực tiếp trong bất kỳ chủ đề hoặc plugin WordPress nào là khá hiếm.

Ngoài ra, bạn vẫn có thể truy cập hệ thống hỗ trợ diễn đàn cũ hơn của họ nếu muốn. Tuy nhiên, hệ thống diễn đàn dựa vào sự hỗ trợ của cộng đồng ( nhân viên của Elegant Team không còn trả lời các câu hỏi ở đó nữa ). Hoặc, bạn có thể tự giúp mình thông qua tài liệu cơ sở kiến thức chi tiết.

Bạn cũng có thể nhận được sự hỗ trợ của cộng đồng thông qua nhóm Facebook chính thức lớn của Divi Theme Users, có hơn 64.200 thành viên.

Hỗ trợ Elementor

Khách hàng thanh toán của Elementor sẽ được hỗ trợ phí bảo hiểm 24/7 qua vé. Ngoài ra, Elementor duy trì cơ sở kiến thức công khai chi tiết để chỉ cho bạn cách sử dụng các tính năng cốt lõi, khắc phục sự cố thường gặp, v.v.

Elementor cũng có một nhóm chính thức lớn trên Facebook, nơi bạn có thể nhận được sự hỗ trợ của cộng đồng từ hơn 98.000 thành viên. Đây là một lựa chọn tốt cho cả người dùng Elementor miễn phí và trả phí.

Ngoài ra còn có các nhóm bù trừ cho các câu hỏi phổ biến như Elementor + Chủ đề nào? và Elementor + Plugin nào, cũng như cộng đồng Elementor Pro chuyên dụng.

Bởi vì có rất nhiều người trong cộng đồng Facebook, bạn thường sẽ nhận được câu trả lời cho câu hỏi trên cộng đồng Facebook nhanh hơn so với việc bạn gửi phiếu yêu cầu.

Divi vs Elementor: Bạn nên chọn cái nào?

Cuối cùng, không có người chiến thắng rõ ràng, đó là lý do tại sao cả hai công cụ này đều rất thành công. Nó thực sự phụ thuộc vào ngân sách của bạn, tính năng nào bạn đánh giá và giao diện bạn thích.

Elementor có lẽ là nơi tốt nhất để bắt đầu, chủ yếu là vì nó miễn phí nếu bạn mới bắt đầu. Bạn có thể thấy bạn thích phiên bản miễn phí của Elementor như thế nào và nếu nó phù hợp với bạn, bạn đã có một công cụ tuyệt vời mà không tốn bất kỳ khoản tiền nào.

Nếu bạn sẵn sàng trả tiền, đó là một quyết định khó khăn hơn.

Trước hết, hãy xem xét các giao diện của từng công cụ. Một số người thích cái này hay cái kia, vì vậy đó sẽ là một cách để lựa chọn. Bạn có thể kiểm tra từng giao diện bằng cách:

  • Sử dụng bản trình diễn web trực tiếp của Divi Builder
  • Cài đặt phiên bản miễn phí của Elementor

Cả hai đều cung cấp cho bạn các tùy chọn thiết kế và phong cách hàng đầu, vì vậy thật khó để tuyên bố một người chiến thắng ở đó. Tất nhiên, có những khác biệt nhỏ về tính năng, nhưng chúng sẽ không ảnh hưởng đến hầu hết mọi người.

Thứ hai, hãy xem xét nếu có những tính năng độc đáo có thể đẩy bạn theo hướng này hay hướng khác. Ví dụ: nếu bạn là một nhà tiếp thị, bạn có thể thực sự coi trọng thử nghiệm A / B tích hợp sẵn của Divi.

Mặt khác, các nhà tiếp thị cũng sẽ đánh giá cao Elementor Popup Builder, một công cụ đa năng cho mọi thứ từ chọn tham gia email đến quảng cáo, khảo sát, v.v.

Về hiệu năng, Elementor có phần nhỉnh hơn. Vì vậy, nếu hiệu suất là số 1 đối với bạn, đó là một điểm có lợi cho Elementor.

Tất nhiên, nếu hiệu suất là cực kỳ quan trọng đối với bạn, bạn có thể muốn suy nghĩ lại về việc sử dụng trình tạo trực quan ngay từ đầu, vì việc sử dụng ngăn xếp khối gốc gần như chắc chắn sẽ giúp bạn đạt được trang web nhanh hơn.

Cuối cùng, có giá cả. Đối với một trang web, Elementor Pro rẻ hơn. Nhưng đối với nhiều trang web và từ quan điểm lâu dài, Divi có hai lợi thế lớn về giá trị đồng tiền:

  1. Gói chủ đề Elegant $ 89 cấp nhập cảnh vẫn cho phép sử dụng trên các trang web không giới hạn, trong khi bạn cần gói Elementor Pro $ 199 đắt hơn cho điều đó. Kế hoạch 1.000 trang web của Elementor Pro sẽ sớm tăng giá lên $ 999.
  2. Elegant Themes cung cấp tư cách thành viên trọn đời. Nếu bạn biết rằng bạn sẽ sử dụng công cụ này trong nhiều năm, thật khó để đánh bại một thỏa thuận trọn đời từ góc độ giá trị. Đối với Divi, điểm hòa vốn giữa giấy phép một năm và giấy phép trọn đời là khoảng hai năm chín tháng.

Tuy nhiên, hãy nhớ rằng các sản phẩm và dịch vụ có giấy phép trọn đời không bền vững. Các doanh nghiệp cung cấp cho họ phải theo kịp với chi phí hỗ trợ và phát triển ngày càng tăng. Cuối cùng, họ giảm chất lượng hỗ trợ, bán doanh nghiệp cho người khác hoặc đóng cửa. Do đó, hãy lựa chọn một cách khôn ngoan!

Bạn có thể sử dụng Elementor với Divi không?

Đúng loại của. Về mặt kỹ thuật, có thể sử dụng cả Elementor và Divi trên cùng một trang web. Tuy nhiên, chúng tôi rất khuyên bạn không nên làm như vậy. Cố gắng làm điều này sẽ làm chậm trang web của bạn (vì mỗi người xây dựng sẽ tải các tập lệnh riêng của mình), thêm nhiều độ phức tạp và thường khiến mọi thứ trở nên khó khăn hơn đối với bạn.

Nếu bạn hoàn toàn phải sử dụng cả hai plugin (một lần nữa, chúng tôi thực sự không khuyên bạn nên sử dụng nó), bạn có thể cân nhắc sử dụng một plugin như Asset CleanUp để chỉ tải có điều kiện các tập lệnh của từng trình tạo khi chúng cần. Nó sẽ làm giảm hiệu suất đánh khi sử dụng Divi và Elementor cùng nhau.

Tuy nhiên, trên một lưu ý liên quan, bạn có thể sử dụng Divi Builder với chủ đề Hello của Elementor, đây có thể là một lựa chọn tốt hơn so với sử dụng chủ đề Divi nếu bạn định sử dụng trình tạo chủ đề mới của Divi để thiết kế toàn bộ trang web của mình.

Bản tóm tắt

Điều đó kết thúc so sánh đầy đủ Elementor và Divi của chúng tôi. Chúng tôi hy vọng bạn thấy nó hữu ích!

Nếu hai điều này vẫn không phù hợp với yêu cầu của bạn, hãy đọc danh sách các trình tạo trang WordPress tuyệt vời của chúng tôi. Nó bao gồm một số trình tạo trang yêu thích khác của cộng đồng WordPress, chẳng hạn như GeneratePress with Sections, Beaver Builder, Oxygen và Brizy.

Và nếu bạn muốn bắt đầu phát triển các trang web WordPress ngay lập tức, hãy xem DevKinsta. Nó hoàn toàn miễn phí (ngay cả đối với khách hàng không phải là Kinsta) và nó sẽ giúp bạn thiết lập một trang web WordPress cục bộ trên máy tính của mình ngay lập tức.

Bạn vẫn còn thắc mắc về việc lựa chọn giữa Divi và Elementor? Yêu cầu chúng tôi trong các ý kiến!


Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:

  • Trợ giúp tức thì từ các chuyên gia lưu trữ WordPress, 24/7.
  • Tích hợp Cloudflare Enterprise.
  • Tiếp cận khán giả toàn cầu với 34 trung tâm dữ liệu trên toàn thế giới.
  • Tối ưu hóa với Giám sát Hiệu suất Ứng dụng được tích hợp sẵn của chúng tôi.

Tất cả những điều đó và hơn thế nữa, trong một kế hoạch không có hợp đồng dài hạn, hỗ trợ di chuyển và đảm bảo hoàn tiền trong 30 ngày. Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm ra kế hoạch phù hợp với bạn.