Bạn đang cố gắng lựa chọn giữa Divi vs Elementor?
Vì đây là hai trong số các plugin phổ biến nhất dành cho người xây dựng trang web WordPress, tôi không nghĩ bạn sẽ sai theo bất kỳ cách nào.
Nhưng chắc chắn có một số tính năng quan trọng và sự khác biệt về giá giữa Elementor và Divi có thể đẩy nó đi theo cách này hay cách khác.
Đó là những gì tôi sẽ cố gắng giúp bạn khám phá trong bài viết này. Tôi sẽ bắt đầu bằng cách đi vào các chức năng gần giống nhau giữa Elementor và Divi. Sau đó, tôi sẽ đánh dấu ngược lại và xem những gì khác nhau.
Cuối cùng, tôi sẽ so sánh hiệu suất và giá cả, hai cân nhắc quan trọng khác ngoài danh sách chức năng.
Sẵn sàng để bắt đầu? Hãy bắt đầu so sánh.
Divi vs Elementor: Có gì giống nhau?
Các plugin xây dựng hai trang này đứng đầu trò chơi, vì vậy hãy bắt đầu bằng cách so sánh những gì cả hai có điểm chung. Rõ ràng vẫn còn những khác biệt nhỏ về chức năng ở đây và đó, nhưng đây là những tính năng quan trọng nhất bạn nhận được bất kể bạn chọn plugin nào.
Giao diện kéo và thả trực quan
Hãy bắt đầu với cấp độ cơ bản nhất: giao diện.
Cả Divi và Elementor đều cung cấp cho bạn giao diện kéo và thả trực quan với chỉnh sửa trực tuyến.
Nghĩa là, bạn có thể thiết kế trang của mình trong khi xem chính xác những gì khách truy cập của bạn sẽ thấy và bạn có thể chỉnh sửa văn bản bằng cách nhấp và nhập vào trang.
Với Divi, bạn có được trình chỉnh sửa toàn chiều rộng mà không cần các thành phần giao diện Divi cố định, ngoài một nút duy nhất ở phía dưới mở rộng các tùy chọn nhất định khi bạn nhấp vào nó.
Để thêm và định cấu hình mô-đun, hãy sử dụng các nút nổi xuất hiện khi bạn di chuột qua thiết kế của mình:
Màu sắc khác nhau đại diện cho các loại mô-đun khác nhau.
Để cấu hình các mô-đun riêng lẻ, sử dụng cửa sổ bật lên cấu hình. Bạn có thể thay đổi kích thước cửa sổ bật lên và kéo và thả nó, đây là một tính năng hay.
Elementor, mặt khác, sử dụng một thanh bên cố định ở bên trái luôn luôn hiển thị. Điều này không tạo ra trải nghiệm thiết kế hấp dẫn như vậy, nhưng cá nhân tôi thấy thuận tiện hơn khi tương tác với một thanh bên cố định thay vì sử dụng các nút nổi xuất hiện và biến mất cho mọi thứ (như trường hợp của Divi):
Để định cấu hình một tiện ích hoặc phần, bạn có thể nhấp vào nó để mở cài đặt của nó trong thanh bên:
Cái nào tốt hơn? Tôi nghĩ rằng nó thực sự đi xuống sở thích cá nhân.
Cá nhân, tôi thích giao diện Elementor và nghĩ rằng nó cho phép tôi tạo các trang nhanh hơn / dễ dàng hơn. Tôi cũng nghĩ rằng bản thân giao diện nhanh hơn và không có lỗi so với Divi. Nhưng đó chỉ là ý kiến của tôi và tôi biết nhiều người thích sử dụng Divi (bằng chứng là sự phổ biến của nó).
Tôi nghĩ rằng bạn thực sự chỉ cần thử cả hai, vì tôi không thể tuyên bố một người chiến thắng nhất định cho một cái gì đó chủ quan.
Tùy chọn kiểu dáng chi tiết
Cả Divi và Elementor đều là hai trong số các plugin xây dựng trang WordPress tốt nhất về mặt tùy chọn thiết kế và kiểu dáng mà bạn có quyền truy cập.
Tất nhiên, có một số khác biệt nhỏ ở đây và đó. Nhưng nhìn chung, cả hai đều cung cấp nhiều tùy chọn kiểu và bố cục hơn so với plugin xây dựng trang web WordPress trung bình.
Tôi không chắc làm thế nào để so sánh khách quan ở đây vì có rất nhiều tính năng nhỏ đi vào "phong cách và thiết kế". Nhưng một số tính năng đáng chú ý nhất mà cả hai cung cấp là:
Bộ chia hình dạng Khoảng cách tùy chỉnh Định vị tùy chỉnh cho các mô-đun Hiệu ứng hoạt hình như cuộn thị sai
Cấu hình bố trí đáp ứng
Với Divi và Elementor, tất cả các bố cục mà bạn tạo phản hồi theo mặc định. Nói cách khác, thiết kế của bạn sẽ tự động hoạt động trên máy tính, máy tính bảng và smartphones.
Nhưng cả hai cũng tiến một bước xa hơn và cũng cho phép bạn tùy chỉnh các cài đặt đáp ứng cho thiết kế của bạn.
Ví dụ: cả Divi và Elementor đều có thể sử dụng các cài đặt kiểu khác nhau dựa trên các đơn vị khách truy cập. Bạn cũng có thể ẩn các mô-đun nhất định dựa trên thiết bị khỏi khách truy cập, chẳng hạn như ẩn hình ảnh lớn trên thiết bị di động.
Chức năng tạo chủ đề
Cả Divi và Elementor không còn giới hạn chỉ nội dung một trang mà còn cho phép bạn thiết kế toàn bộ chủ đề WordPress của mình với cùng giao diện kéo và thả trực quan.
Elementor lần đầu tiên phát hành sản xuất chủ đề trong khi Divi gần đây đã thêm tính năng này với Divi 4.0.
Vậy xây dựng chủ đề là gì?
Về cơ bản, sản xuất chủ đề loại bỏ sự cần thiết của một chủ đề WordPress bằng cách cho phép bạn thiết kế toàn bộ chủ đề WordPress bằng cách sử dụng trình tạo trang kéo và thả. Ví dụ: bạn có thể tạo mẫu cho:
Header Footer Các bài đăng và trang riêng lẻ (ví dụ: một bài đăng trên blog) Các trang lưu trữ (ví dụ: trang liệt kê tất cả các bài đăng trên blog của bạn)
Ngoài việc tự động bao gồm thông tin WordPress gốc làm tiêu đề của bài đăng trên blog, bạn cũng có thể sử dụng trình tạo chủ đề cho cả hai plugin để chèn thông tin từ các trường tùy chỉnh.
Với Divi, bạn có thể sắp xếp các phần mẫu chủ đề khác nhau của mình với giao diện nền như thế này:
Để thực sự xây dựng các phần của mẫu chủ đề của bạn, chẳng hạn như tiêu đề của bạn, hãy sử dụng trình tạo hình ảnh phía trước. Bạn có thể sử dụng tính năng nội dung động để chèn thông tin trang web, chẳng hạn như tiêu đề và khẩu hiệu trang web:
Với Elementor, bạn trực tiếp đến trình tạo hình ảnh để thiết kế một phần của mẫu chủ đề. Bạn cũng nhận được một số tiện ích chuyên dụng cho phần mẫu, cùng với tính năng nội dung động mà bạn có thể sử dụng trên bất kỳ tiện ích nào:
Khi xuất bản mẫu chủ đề của bạn, bạn có thể chọn nơi áp dụng nó, ví dụ, chỉ sử dụng nó cho một danh mục cụ thể của bài đăng:
Nhìn chung, cả hai nhà sản xuất chủ đề đều khá mạnh mẽ.
Nhấp chuột phải vào hỗ trợ
Cả Divi và Elementor đều có hỗ trợ nhấp chuột phải, khá độc đáo trong số các nhà xây dựng trang WordPress.
Nhấp chuột phải có vẻ như là một việc nhỏ, nhưng nó thuận tiện để tăng tốc độ công việc của bạn. Ví dụ: bạn có thể nhanh chóng:
Sao chép kiểu giữa các widget Các tiện ích trùng lặp Xóa các widget Lưu mẫu, v.v.
Đây là menu ngữ cảnh Divi:
Và đây là menu chuột phải trong Elementor:
Divi vs Elementor: có gì khác
Bây giờ bạn đã biết một số điểm tương đồng giữa Elementor và Divi, hãy xem xét một số khác biệt lớn nhất.
Elementor có một trình tạo cửa sổ bật lên
Một trong những khác biệt lớn nhất trong tính năng là Elementor có công cụ tạo cửa sổ bật lên riêng, trong khi Divi thì không.
Với Elementor Popup Builder, bạn có thể sử dụng cùng giao diện Elementor để thiết kế cửa sổ bật lên và hiển thị chúng ở bất cứ đâu trên trang web của bạn.
Tuy nhiên, bạn vẫn có thể sử dụng toàn bộ phạm vi tiện ích của Elementor, có nghĩa là bạn có thể tạo:
Email đăng ký Cửa sổ bật lên Trang chủ / Đăng ký Chiến dịch bật lên / Cửa sổ bật lên CTA, v.v.
Divi không bao gồm trình tạo cửa sổ bật lên tích hợp như trình tạo bạn có với Elementor, nhưng có các plugin của bên thứ ba như Lớp phủ Divi cho phép bạn sử dụng Divi để thiết kế cửa sổ bật lên.
Bạn cũng có quyền truy cập vào plugin đăng ký email của Bloom (đánh giá của chúng tôi) khi bạn mua Divi. Nó cho phép bạn tạo cửa sổ bật lên để đăng ký email, nhưng nó không linh hoạt như Elementor Popup Builder vì không có trình tạo kéo và thả.
Divi có các bài kiểm tra A / B tích hợp
Đây là một tính năng mà không phải ai cũng sẽ sử dụng, nhưng nếu bạn tập trung vào tiếp thị, bạn sẽ thích thực tế rằng Divi đi kèm với thử nghiệm A / B tích hợp để tối ưu hóa thiết kế của bạn.
Bằng cách nhấp chuột phải vào bất kỳ mô-đun nào, bạn có thể nhanh chóng xoay thử nghiệm A / B / n và xem các biến thể khác nhau của từng mô-đun hoạt động như thế nào. Ví dụ: bạn có thể thử khác nhau:
Nút tiêu đề Hình ảnh, vv
Nếu bạn đang dự định tạo trang đích và như vậy, có lẽ bạn sẽ thấy tính năng này khá hữu ích.
Điều đó nói rằng, bạn có thể kiểm tra A / B Elementor với các giải pháp của bên thứ ba như Google Optimize. Ngoài ra còn có một plugin của bên thứ ba được gọi là Split Test For Elementor. Nó không thoải mái như Divi.
Divi có một chủ đề và một phiên bản plugin
Elementor chỉ là một plugin. Nhóm Elementor cung cấp chủ đề cơ bản của riêng mình có tên Hello, được thiết kế để sử dụng với Elementor Theme Builder, nhưng Elementor là một plugin độc lập.
Mặt khác, Divi có một chủ đề và một phiên bản plugin.
Tôi không nhất thiết phải biết đó là một lợi thế hay bất lợi lớn hay nó thậm chí còn tạo ra sự khác biệt cho bạn … nhưng nó chắc chắn là một sự khác biệt.
Với chủ đề Divi, bạn có thể đảm bảo rằng chủ đề và trình tạo trang của bạn được đồng bộ hóa hoàn hảo, có một chút hấp dẫn.
Nhưng đồng thời, có một số chủ đề bên thứ ba thú vị dành cho Elementor, vì vậy không giống như bạn không thể tải nó ở đây với Elementor.
Divi có các gói thiết kế và nhiều mẫu hơn, Elementor chỉ có các mẫu (chủ yếu)
Cả Divi và Elementor đều chứa một loạt các mẫu đẹp mà bạn có thể nhập, vì vậy phần đó giống nhau.
Nhưng họ tiếp cận các mẫu theo những cách hơi khác nhau.
Với Divi, bạn nhận được một cái gì đó gọi là các gói thiết kế, đó là loại mẫu chủ đề được tạo cho các hốc cụ thể. Ví dụ: nếu bạn muốn tạo một trang web cho phòng tập thể dục, gói thiết kế Divi sẽ bao gồm một số mẫu cho:
Trang chủ Lớp học Giới thiệu về trang Trang liên hệ, v.v.
Trong 158 gói thiết kế của mình, Divi có một số tiền đáng kinh ngạc 1.167 mẫu trang khác nhau, chắc chắn là bộ sưu tập lớn hơn giữa hai mẫu.
Các mẫu phần tử hầu hết chỉ là các mẫu độc đáo. Ví dụ: bạn có thể tìm thấy một mẫu trang đích hoặc một mẫu trang dịch vụ, nhưng chúng không nhất thiết phải có một chủ đề được chỉ định.
Lưu ý rằng Elementor đang dần bắt đầu tung ra các gói thiết kế tương đương của riêng mình được gọi là gói trang web. Nhưng Elementor hiện chỉ có bảy trang web, trong khi Divi có hơn 150 gói thiết kế, vì vậy tôi vẫn coi đây là một sự khác biệt. Nhóm Elementor đặt mục tiêu thêm một gói trang web mới mỗi tháng, vì vậy theo thời gian bộ sưu tập này sẽ phát triển … nhưng nó sẽ không bao giờ đến gần với Divi với tốc độ đó.
Elementor có thị trường bên thứ ba lớn hơn
Một trong những điều tốt nhất về Divi và Elementor là bạn có thể tìm thấy các tiện ích mở rộng của bên thứ ba để tăng cường hơn nữa các tính năng của các plugin chính.
Mặc dù cả hai nhà xây dựng bên đều có thị trường bên thứ ba tuyệt vời, bạn phải cung cấp cho Elementor lợi thế trong vấn đề này.
Việc Elementor có phiên bản miễn phí và kết quả là thị phần lớn hơn đã thúc đẩy nhiều nhà phát triển bên ngoài tạo ra các phần mở rộng Elementor.
Ví dụ: nếu bạn tìm kiếm "Divi" trên WordPress.org, bạn sẽ thấy 22 trang kết quả trong khi tìm kiếm "Elementor" sẽ cung cấp cho bạn 48 trang kết quả.
Một lần nữa, cả hai đều khá tốt và tốt hơn một người xây dựng trang trung bình, tôi chỉ nghĩ Elementor ở đây.
Hiệu suất Divi vs Elementor
Để đo hiệu suất tương đối giữa Divi vs Elementor, tôi đã tạo hai trang mẫu cơ bản với các mô-đun tương đương và sau đó chạy chúng thông qua các công cụ kiểm tra hiệu suất để xem mọi thứ đang diễn ra như thế nào.
Cả hai trang web đều sử dụng Airi làm chủ đề cơ bản và đây là các mô-đun tôi đã sử dụng:
Nút Vòng tròn Bảng xếp hạng Bảng giá
Các bố cục siêu tồi tàn, nhưng chúng sẽ cho bạn ý tưởng tốt về hiệu suất tương đối của từng plugin.
Để rõ ràng, tôi sử dụng Trình tạo Divi (Trình tạo Divi) với chủ đề Airi để làm cho điều này trở nên dễ dàng so sánh. Ý tôi là, tôi không sử dụng chủ đề Divi.
Đây là cách Divi đã làm:
Và đây là cách Elementor thực hiện:
Tôi sẽ không lo lắng quá nhiều về thời gian tải trang vì đây chỉ là thử nghiệm một lần. Nhưng đó là cách so sánh kích thước trang và yêu cầu HTTP giữa Divi và Elementor:
| trang Kích | các yêu cầu HTTP | |
| Divi | 555 kB | 28 |
| Elementor | 477 kB | 42 |
Vì vậy, Elementor có kích thước tệp nhỏ hơn, trong khi Divi có ít yêu cầu HTTP hơn.
Nhưng tôi vẫn sẽ cung cấp cho Elementor một lợi thế nhỏ vì Divi đã tối ưu hóa tập lệnh tích hợp giúp giải thích lý do tại sao nó có ít yêu cầu HTTP hoàn thành hơn. Tuy nhiên, bạn có thể làm điều gì đó tương tự với Elementor – bạn chỉ cần một plugin bên thứ ba miễn phí như Tự động tối đa hóa.
Đó là, nếu bạn sử dụng Tự động tối đa hóa (hoặc một plugin khác như WP Rocket), bạn sẽ có thể kết hợp các tập lệnh Elementor để giảm tương tự số lượng yêu cầu HTTP trên trang web của mình.
Vì vậy, miễn là tôi triển khai các thực tiễn tốt nhất của WordPress như ghép tệp với Tự động tối ưu hóa hoặc WP Rocket, tôi nghĩ Elementor đi trước một chút vì nó có kích thước trang nhỏ hơn trong thử nghiệm của tôi. Tuy nhiên, Divi vẫn cung cấp hiệu suất ổn định cho plugin xây dựng trang.
Giá Divi vs Elementor
Về việc sử dụng Elementor vs Divi có rẻ hơn hay không, điều này phụ thuộc vào số lượng trang bạn cần sử dụng.
Đầu tiên là con voi trong phòng: Elementor cung cấp một phiên bản miễn phí hào phóng, trong khi Divi chỉ có phiên bản cao cấp.
Bạn có thể làm rất nhiều chỉ với phiên bản Elementor miễn phí. Vì vậy, nếu phiên bản miễn phí phù hợp với bạn, tôi nghĩ việc chọn Elementor thay vì Divi là điều hiển nhiên.
Nếu bạn cần truy cập vào các tính năng cao cấp, tình hình không quá rõ ràng.
Elementor trở nên rẻ hơn nếu bạn chỉ cần sử dụng nó trên một trang web, trong khi Divi trở nên rẻ hơn nếu bạn cần sử dụng nó trên nhiều trang web.
Elementor sử dụng phương pháp cấp phép dựa trên trang web với ba tùy chọn:
Cá nhân – 49 đô la cho một trang web Cộng thêm: 99 đô la cho ba trang web Chuyên gia: 199 đô la cho 1000 trang web (về cơ bản không giới hạn nhưng giới hạn ở 1000 để tránh lạm dụng)
Tất cả các kế hoạch này là cho một năm giấy phép. Bạn có thể tiếp tục sử dụng phiên bản Elementor Pro hiện tại của mình sau năm đầu tiên, nhưng bạn phải gia hạn để tiếp tục nhận được hỗ trợ và cập nhật.
Divi chỉ có hai gói giá, cho phép bạn sử dụng Divi trên các trang web không giới hạn:
Tài sản hàng năm: $ 89 với một năm hỗ trợ và cập nhật. Truy cập trọn đời: $ 249 với hỗ trợ và cập nhật trọn đời.
Ngoài thực tế là cả hai gói đều cho phép bạn sử dụng Divi trên các trang web không giới hạn, còn có một lợi thế lớn nữa ở đây.
Giá đó cho phép bạn truy cập vào tất cả các sản phẩm Elegant Themes. Điều này bao gồm plugin đăng ký email của Bloom (đánh giá của chúng tôi), chia sẻ phương tiện truyền thông xã hội Monarch và hơn thế nữa.
Xét về mọi khía cạnh, Divi Builder chắc chắn rẻ hơn khi sử dụng trên nhiều trang web, điều này có thể đẩy bạn về phía Divi nếu bạn có thể làm mọi thứ bạn cần.
Mặt khác, nếu bạn biết bạn chỉ cần một người xây dựng trang cho một trang web, Elementor Pro sẽ rẻ hơn chỉ với 49 đô la.
Bạn nên sử dụng Elementor hay Divi?
Divi và Elementor là hai trong số các plugin xây dựng trang web chính, vì vậy tôi không nghĩ bạn nhất thiết sai.
Thay vào đó, tôi nghĩ đó là tất cả về:
Các tính năng bạn cần. Ví dụ: bạn có nghĩ rằng bạn sẽ sử dụng trình tạo cửa sổ bật lên không? Tham gia Elementor. Bạn có muốn thử nghiệm A / B tích hợp không? Tham gia Divi. Ngân sách của bạn Elementor Pro sẽ rẻ hơn nếu bạn chỉ cần nó cho một trang web, trong khi Divi sẽ rẻ hơn nếu bạn cần một người xây dựng trang web cho nhiều trang web. Sở thích cá nhân của bạn. Ví dụ: bạn có thể thích một trình soạn thảo hơn trình soạn thảo khác, vì cả hai đều sử dụng các cách tiếp cận hơi khác nhau.
Tôi chọn gì và đề nghị cá nhân? Tôi dành cả ngày để viết và làm việc với WordPress, vì vậy tôi muốn nghĩ rằng tôi có một ý tưởng ở đây.
Cá nhân tôi thích (và sử dụng) Elementor. Tôi nghĩ rằng phiên bản miễn phí chỉ hoạt động cho nhiều trang web của tôi và tôi thích giao diện Elementor hơn Divi. Giao diện Divi cảm thấy hơi chậm so với Elementor và cá nhân tôi nghĩ rằng việc xây dựng bố cục trên Elementor sẽ tốt hơn vì giao diện phụ trợ nhanh hơn và tiêu điểm thanh bên cố định.
Nhưng điều đó không có nghĩa là bạn sẽ đồng ý với tôi, vì vậy tôi khuyến khích bạn:
Xem xét liệu sự khác biệt trong các tính năng ở trên có làm nên sự khác biệt đáng kể cho bạn hay không. Hãy suy nghĩ về cách giá phù hợp với ngân sách của bạn. Chơi với từng plugin. Bạn có thể dùng thử phiên bản miễn phí của Elementor tại WordPress.org và Divi có trang demo công khai nơi bạn có thể chơi với trình chỉnh sửa.
Để có cái nhìn chi tiết hơn về bất kỳ plugin nào, bạn cũng có thể xem bài đánh giá Elementor Pro đầy đủ của chúng tôi và bài đánh giá chi tiết về Divi.
Khi bạn đã chọn, bạn có thể mua Elementor Pro hoặc Divi Builder tùy theo nhu cầu của bạn.
Bạn có thắc mắc về việc lựa chọn giữa Elementor vs Divi Builder không? Để lại một bình luận và chúng tôi sẽ cố gắng giúp bạn.
