Elementor và Beaver Builder bạn chọn plugin nào?

So sánh Elementor và Beaver builder

Bạn gặp khó khăn trong việc lựa chọn giữa Elementor và Beaver làm page builder cho trang web WordPress của bạn? Cả hai plugin này đều là những page builder nổi tiếng và được tải về nhiều.

Nhưng vẫn có sự khác nhau giữa 2 page builder này, và làm rõ sự khác nhau đó sẽ giúp bạn dễ dàng hơn trong việc chọn cho mình một page builder tốt nhất cho website của bạn.

Những tiêu chí mình đưa ra dể so sánh như sau.

  • Các chức cơ bản, giao diện của page builder…
  • Chức năng nâng cao như tùy biến CSS.
  • Các template có sẵn
  • So sánh bản miễn phí của 2 plugin.
  • So sánh bản pro của 2 plugin như giá, và tính năng.

Giới thiệu về Elementor và Beaver builder

Nếu bạn đã đọc các bài viết liệt kê các page builder tốt nhất cho wordpress, Elementor và Beaver Builder hầu như luôn là hai trong số các tùy chọn hàng đầu.

Cả hai plugin này đều là các lựa chọn phổ biến với người dùng và nhà phát triển, được hỗ trợ tốt và được đánh giá cao trong cộng đồng WordPress.

Ra mắt vào năm 2014, Beaver Builder có tuổi đời lớn hơn. Mặc dù ra đời muộn hơn(2016), Elementor đã phát triển nhanh chóng và hiện có hơn 1 triệu lượt tải về trên WordPress.org. Và cả hai plugin đều là trình tạo trang hỗ trợ kéo và thả rất trực quan và dễ sử dụng.

Giao giện của Elementor và Beaver builder

Mặc dù cả Elementor và Beaver đều là những trình xây dựng trang trực quan, cả hai đều có giao diện hoạt động hơi khác nhau. 

Giao diện Elementor page builder

Giao diện của Elementor chia thành hai phần – bên trái là sidebar gồm các widget và cá tùy chỉnh để tạo trang và bên phải để xem trước trang.

Để thêm các widget mới, bạn chỉ cần kéo vào phần xem trước bên phải:

Chức năng của elementor

Bạn có thể chỉnh sửa văn bản trực tiếp trên widget hoặc chỉnh sửa ở sidebar bên phải với nhiều tùy chọn hơn.

Sửa nội dung widget elementor

Giao diện Beaver page builder

Giao diện của Beaver builder có hơi khác so với Elementor. Khi mở ra Beaver cung cấp cho bạn chế độ xem toàn màn hình của trang mới. Muốn thêm các widget bạn bấm dấu “+” màu xanh bên góc phải bên trên. 

Tính năng của beaver builder

Khác với Elementor, widget của Beaver sẽ mở ra dưới dạng một pop-up, và bạn có thể di chuyển pop up tới bất kì vị trí nào thấy vừa mắt. Và cũng giống Elementor bạn có thể chỉnh sửa nội dung văn bản của widget bằng 2 cách là trực tiếp trên trang hoặc trên pop-up với nhiều tùy chọn hơn.

Một tính năng khá hay trên Beaver builder là thêm cột(column). Bạn chỉ việc kéo thả thêm một cột nữa bên cạnh cột hiện có là ta đã có 1 cột mới với nội dụng khác. Tính năng này rất hay nếu bạn đinh làm 1 grid layout cho bài viết của mình. 

Thêm cột trên Beaver

Các chức năng nâng cao và tùy biến giao diện của widget

Các chức năng cơ bản của Elementor builder và Beaver builder đều rất tiện dụng và bạn có thể dễ dàng làm chủ được. 

Tuy nhiên nếu bạn muốn các widget của mìng trông bóng bẩy hơn, phong cách hơn một chút thì hẳn bạn sẽ rất hài lòng với Elementor page builder. Đây là một điểm có lẽ mà Beaver builder có lẽ khó mà so được với Elementor, bởi vì chức năng nâng cao của Beaver chỉ ở mức đủ dùng mà thôi chứ không có nhiều tùy chọn như Elementor.

Tùy biến giao diện widget trên Elementor builder

Elemetor chia giao diện của hầu hết các widget cơ bản thành 3 tab:

  • Content: chỉnh sửa nội dung cơ bản của các widger như text, ảnh.
  • Style: chỉnh sửa màu của text, font chữ, đổ bóng cho text…
  • Advance: chỉnh sửa margin, padding, hiệu ứng động cho widget, CSS(bản pro)…
Chỉnh sửa giao diện widget trên elementor

Các thay đổi về hiệu ứng, giao diện của widget bạn có thể thấy được ngay lập tức trên Elementor builder. 

Chỉnh sửa giao diện module trên Beaver builder

Khác với Elementor buider, các module cơ bản của Beaver builder chỉ có hai tab mà thôi.

  • General: tab này chỉnh sửa nội dung của module, gần giống tab content của Elementor.
  •  Advance: trong tab này chúng ta có thể tùy chỉnh margin, responsive layout, hiệu ứng động, html emlement.
  • Style: một số module có thể xuất hiện tab này để chỉnh sửa màu, boder, background…

Các template kèm theo trong hai plugin

Các template là các trang mẫu được tạo sẵn, giúp chúng ta tiết kiệm thời gian khi muốn xây dựng một trang. Cả Emlementor và Beaver đều có các template để giúp bạn xây dựng một trang web nhanh hơn.

Elementor page builder

Elementor có hai dạng template là block và pages.

  • Block là các template được thiết kế để thêm vào một vị trí nào đó trên trang hoặc post, và trong block có rất nhiều chủ đề để bạn lựa chọn.
  • Pages là template được thiết kế để tạo ra một trang mới hoàn toàn với đầy đủ các thành phần.
  • Ngoài ra còn một tab My Templates, đó là nơi mà bạn lưu các thiết kế của riêng mình để sử dụng sau này.

Beaver builder

Beaver builder template có hai dạng là landing page và content page.

  • Landing page được thiết kế để tạo ra các trang đúng như tên gọi landing page.
  • Content page là các template dành cho các trang khác trên website như trang giới thiệu, liên hệ, FAQ…

Tuy nhiên số lượng template trên Beaver builder không được nhiều và phong phú như Elementor. Và để sử dụng các template này bạn sẽ phải trả phí.

So sánh bản Elementor miễn phí và Beaver builder miễn phí.

Nếu như bạn đang tìm một trình xây dựng trang miễn phí mạnh mẽ, nhiều tính năng thì Elementor chính là thứ bạn cần. So sánh bản miễn phí của Elementor và Beaver thực sự là rất khập khiễng.

Bản Elementor miễn phí:

  • Có sẵn hơn 30 widget từ cơ bản đến nâng cao.
  • Có sẵn mấy chục template đủ để bạn dùng.

Bản Beaver builder miễn phí:

  • Chỉ có sẵn 6 module cơ bản.
  • Bạn muốn có template trên Beaver builder free uh? Quên đi nhé, phải nâng cấp lên bản pro mới có template.

So sánh bản Elmentor Pro và Beaver builder pro.

Bản Elemetor pro sẽ cung cấp thêm nhiều widget hữu ích hơn nữa so với bản free. Beaver builder cũng vậy, bản trả phí sẽ tăng số module và thêm template.

Tính năng

Nâng cấp lên Elementor pro sẽ cho phép bạn chỉnh sửa CSS trực tiếp trên widget. Ngoài ra còn cung cấp các template để xây dựng trang nhanh hơn như: header template, footer template…

Có một tính cũng khá hay khác trên Elementor pro là Embed Anywhere. Tính năng này cho phép bạn chèn template nhanh bằng shortcode vào bất kì đâu trên trang web.

Với Beaver builder bản trả phí, bạn sẽ có nhiều module hơn và có template để xây dựng trang nhanh hơn. 

Beaver builder trả phí

Giá của hai plugin

Cả plugin đều có những mức giá khác nhau để sử dụng các tính năng cao cấp. Elementor pro có giá rẻ hơn nếu bạn chỉ sử dụng trên một website. Beaver builder sẽ rẻ hơn nếu bạn có ý đinh sử dụng plugin này cho 3 website.

Cụ thể:

Elementor pro có 3 mức giá:

  • 1 site – 49$
  • 3 site – 99$
  • Không giới hạn số website sử dụng – 199$
  • Elementor pro giảm 25% phí gia hạn sau năm đầu tiên.

Beaver builder có các mức giá như sau:

  • Chỉ mua plugin Beaver builder – 99$
  • Không giới hạn số website sử dụng và thêm extension Beaver themer – 199$
  • Thêm chức năng while labeling – 399$
  • Beaver builder giảm 40% phí gia hạn sử dụng sau năm dầu tiên.

Nên chọn Elementor hay Beaver builder?

Mình không thể quyết định được việc bạn thích trình xây dựng trang nào hơn, mỗi plugin đều có những cái hay và thế mạnh, cũng như cộng động fan hâm mộ riêng.  Tuy nhiên dưới góc độ cá nhân mình sẽ chọn Elementor vì một số lý do sau:

  • Bản miễn phí của Elementor hoàn toàn vượt trội so với Beaver buidler.
  • Khả năng tùy biến cao
  • Nhiều template đẹp

Trên đây là sự so sánh giữa hai plugin Elementor và Beaver builder, cho dù chưa được đầy đủ cho lắm. Các bạn có thể bổ sung giúp mình nhé, mình sẽ update vào bài viết. Còn bạn? Bạn sẽ chọn plugin xây dựng trang nào? tại sao bạn chọn nó?

The Author

Hồng Sơn

Học để làm, làm để học.
  1. mình cũng chọn elementor

    1. minh cung vay

Leave a Reply

Your email address will not be published. Required fields are marked *

Nguyễn Hồng Sơn Blog © 2018
Scroll Up