Sử dụng plugin WordPress Page Builder đang rất phổ biến hiện nay.
Nó cũng cung cấp những tính năng giúp bạn dễ dàng thiết kế trang web đẹp mắt như landing page mà không cần biết code.
Một vài tính năng phải kể đến như giao diện rê thả, widget hay template dựng sẵn...
Bạn mới bắt đầu làm quen với công cụ này. Bạn không có ngân sách để xài hàng trả phí chất như Page Builder Divi.
Không vấn đề gì.
Vẫn có nhiều page builder miễn phí cho bạn trải nghiệm.
Trong bài viết ngày hôm nay, mình muốn so sánh 3 plugin WordPress Page Builder miễn phí tốt nhất hiện nay.
Vậy những plugin này là gì?
Hãy tiếp tục đọc.
Đâu là những plugin WordPress Page Builder tốt nhất hiện nay?
Trong bài này mình sẽ đề cập 3 plugin Page Builder miễn phí phổ biến nhất hiện nay:
Page Builder by Site Origin, Beaver Builder và Elementor.
Với những plugin này bạn có thể tạo page layout tùy biến cho website của mình mà không cần động tới một dòng code.
Page Builder by SiteOrigin
Page Builder by SiteOrigin là một plugin WordPress page builder miễn phí có số lượng active nhiều nhất hiện nay. Hiện tại nó có trên 13 triệu lượt tải.
Chúng ta cùng đánh giá qua plugin này.
Giao diện người dùng của Page Builder by SiteOrigin
Sau khi bạn active plugin, tạo một page mới. Bạn sẽ nhìn thấy một tab mới bên cạnh 2 tab Visual và Text trong WordPress Editor. Tab này có tên là Page Builder.
Bạn có thể bắt đầu tạo một row hoặc add một widget mới vào layout của bạn. Hoặc nhanh hơn bạn có thể import một layout (template) dựng sẵn (prebuilt layout).
Giống như các plugin WordPress page builder khác, SiteOrigin sử dụng row và column để thiết kế page layout. Bạn có thể phối hợp row và column để tạo ra bố cục nâng cao tùy biến theo ý bạn muốn.
Plugin này cho phép bạn tùy biến cách hiển thị row và column theo ý muốn:
Page Builder by SiteOrigin Widgets
SiteOrigin có plugin miễn phí riêng có tên SiteOrigin Widgets Bundle. Nó cung cấp cho bạn nhiều widget như button, call-to-action, image slider, bảng giá, Google Map...
Ngoài ra nhiều bên thứ 3 cũng có plugin cung cấp thêm widget. Như vậy bạn sẽ có thêm nhiều lựa chọn để bổ sung các module vào thiết kế của mình.
Ngay khi widget được chèn vào page, bạn có thể chỉnh sửa nó thông qua của sổ pop-up. Bạn cũng dễ dàng kéo thả widget vào vị trí mong muốn.
SiteOrigin cũng có tính năng Live Editor. Tính năng này giúp bạn dễ dàng nhìn thấy thiết kế của bạn trông như thế nào.
Tuy nhiên tính năng Live Editor có hạn chế lớn. Đó là bạn không thể chỉnh sửa trực tiếp các elementor trên giao diện.
Tất cả hoạt động chỉnh sửa thông một cửa số popup. Điều này khá bất tiện so với Elementor mà mình đề cập bên dưới.
Page Builder by SiteOrigin Page Template
SiteOrigin cũng có một vài template thiết kế sẵn cho bạn sử dụng.
Bạn sẽ nhận thấy số lượng template khá hạn chế.
Ưu điểm
- Giao diện page builder kéo thả
- Nhiều widget hữu ích
- Có một vài template trông khá bắt mắt
- Có history browser giúp phục hồi lại những thay đổi
- Khả năng tạo page layout responsive
Nhược điểm
- Thiếu khả chỉnh sửa front-end thực sự.
- Widget tách ra thành plugin khá phiền phức
- Kho widget và template không phong phú như Elementor
Beaver Builder
Bên cạnh plugin page builder trả phí, Beaver Builder cũng có một bản miễn phí với tính năng hạn chế.
Chúng ta cùng xem bản miễn phí có gì hay ho không nhé?
Giao diện người dùng Beaver Builder
Lần đầu tiên bạn truy câp page builder, Beave Builder sẽ cung cấp tính năng tour. Tính năng này giúp bạn dễ dàng làm quen với giao diện page builder.
Ngay khi bạn đã hiểu cách thức làm việc của plugin, bạn có thể bắt đầu thêm row và widget vào layout bạn định thiết kế.
Giống như các plugin page builder miễn phí khác, Beaver Builder vẫn sử dụng các khái niệm row và column để tạo ra các thiết kế layout phức tạp.
Ngay khi bạn kéo thả module hay widget vào layout, một control panel (dạng pop-up) tự động hiển thị. Điều này giúp bạn tiết kiệm thời gian so với việc tìm và click nút chỉnh sửa.
Control panel có khả năng di chuyển trên màn hình.
Như vậy bạn vẫn không chỉnh sửa nội dung trực tiếp trên giao diện. Về điểm này chỉ có plugin Elementor ở bên dưới là ngon nhất.
Khác với Page Builder by SiteOrigin, bạn sẽ làm việc với giao diện front-end thay vì trong WordPress Editor.
Beaver Builder Widget và Template
Ấn tượng đầu tiên với bản miễn phí này chính là số lượng widget quá ít ỏi. Thậm chí bản miễn phí còn không có cái template nào.
Để bổ sung thêm widget bạn phải cài thêm các add-on bên ngoài. Nếu không thì bạn phải nâng cấp lên bản trả phí.
Ưu điểm
- Giao diện front-end mượt mà
- Có add-on bên thứ 3 miễn phí và trả phí
- Khả năng thiết kế layout responsive
- Màn hình welcome và tour hữu ích
Nhược điểm
- Lượng module quá ít ỏi
- Không có template thiết kế sẵn
Elementor
Những ngày này Elementor là plugin page builder đang rất nhiều người nói đến. Nó chính plugin page builder có tốc độ phát triển người dùng nhanh nhất hiện nay.
Vậy đâu là lý do vì sao plugin lại phổ biến đến vậy?
Theo mình Elementor đã rất hào phóng với bản miễn phí. Khác với Beave Builder, bản miễn phí của Elementor có rất nhiều tính năng giúp bạn đủ thiết kế một landing page cơ bản đẹp mắt.
Với sự phổ biến của Elementor, có nhiều plugin bên thứ ba bổ sung thêm tính năng, widget template cho plugin này. Bạn tha hồ lựa chọn trên kho plugin của WordPress.
Chúng ta cùng tìm hiểu qua plugin page builder miễn phí ngon nhất hiện nay.
Đọc thêm:
10+ theme WordPress tương thích với Elementor
Cách tạo landing page đơn giản sử dụng Elementor miễn phí
Giao diện người dùng Elementor
Sau khi click nút Elementor trong WordPress editor, bạn sẽ chuyển ngay sang giao diện thiết kế rê thả trên front-end.
Elementor sử dụng cấu trúc hàng và cột quen thuộc để tạo layout phức tạp. Ngay khi bạn kéo thả element bạn muốn, bạn có thể tùy biến nó thông qua các thiết lập phần sidebar bên trái.
Tính năng ấn tượng nhất của Elementor chính là khả năng chỉnh sửa text trực tiếp trên giao diện. Điều này khác hoàn toàn với Site Origin hay Beaver Builder. Ở những công cụ này bạn phải chỉnh sửa qua một giao diện pop-up.
Element Widget và Template
Khi sử dụng Elementor, bạn chắc chắn sẽ ngạc nhiên với kho widget của plugin. Quá nhiều với một plugin miễn phí. Khác hoàn toàn với Beaver Builder
Dĩ nhiên bạn có thể mở rộng số lượng widget này bằng cách nâng cấp lên bản trả phí. Như mình đã nói có khá nhiều plugin bên thứ ba cung cấp thêm cho bạn nhiều module hay widget. Đáng để thử cài đặt.
Về kho template của Elementor bạn cũng không khỏi phải thất vọng. Nó có một vài template miễn phí thiết kế sẵn khá bắt mắt.
Chỉ bực mình là nó đặt template miễn phí với trả phí lẫn với nhau. Chắc cố tình mời gọi người dùng nâng cấp bản trả phí.
Ưu điểm
- Giao diện thiết kế front-end kéo thả trực quan với khả năng chỉnh sửa text trực tiếp
- Số lượng widget và template mặc định khá phong phú
- Có chế độ xem trước cho mobile
- Có history browser để thực hiện undo và redo dễ dàng
- Nhiều plugin bên thứ ba giúp mở rộng kho widget
Nhược điểm
- Phần page template đang để lẫn lộn template miễn phí và trả phí.
Về Gutenberg
Như bạn đã biết gần đây WordPress dự định sẽ tạo ra editor mới toanh thay thế WordPress Editor hiện tại. Nó có tên gọi là Gutenberg.
Hiện tại Guteberg đã được phát hành dạng plugin cho mọi người test thử. Mình cũng có bài hướng dẫn chi tiết cách sử dụng Gutenberg.
Dự định Gutenberg sẽ có mặt trong WordPress 5
Liệu Gutenberg có tương thích với các plugin page builder trên hay không?
Tại thời điểm này Gutenberg vẫn đang trong quá trình phát triển.
Nó vẫn còn quá sớm để đưa ra câu trả lời trên. Nhưng chắc chắn team phát triển các plugin trên sẽ làm việc để đảm bảo tính tương thích với editor mới của Gutenberg ngay khi nó được phát hành chính thức trong WordPress core.
Lời kết
Nếu bạn đang tìm một plugin WordPress page builder miễn phí tốt nhất, Elementor rất khó để từ chối.
Nó có kho template và widget khủng nhất. Giao diện thiết kế front-end kéo thả hoạt động mượt mà. Đặc biệt khả năng chỉnh sửa text trực tiếp giúp bạn tăng năng suất lên rất nhiều.
Theo quan điểm cá nhân mình, Elementor chính là lựa chọn tốt nhất.
Plugin WordPress page builder miễn phí nào bạn đang sử dụng? Hãy chia sẻ quan điểm của bạn ở bên dưới?
Yêu thích viết blog.