So sánh 7 Page Builder kéo và thả tốt nhất cho WordPress (2020)

24
65

Bạn đang muốn xây dựng một website WordPress ?

Nhưng lại không hề biết code, hay kỹ thuật về website?

Đây là lúc bạn cần đến các Page Builder, có chức năng kéo thả.

Chúng cho phép bạn tạo, chỉnh sửa và tùy biến bố cục trang web của bạn mà không cần viết bất cứ đoạn code nào.

Hãy so sánh 7 page builder tốt nhất hiện nay nhé, xem đâu là lựa chọn tốt nhất.

page-builder-tot-nhat

Tại sao nên sử dụng Page Builder cho WordPress?

Hàng ngày mình nhận được hàng trăm câu hỏi như:

Admin ơi! chỉnh cái header này như thế nào

Làm thế nào để tạo website như thế này

…và rất câu hỏi liên quan đến chỉnh sửa giao diện website.

Tất nhiên các bạn chủ yếu đều dân tay ngang sang.

Muốn tạo một website để bán hàng, hoặc một blog cá nhân.

Cho nên rất khó để bảo các bạn phải thành thạo lập trình để trình sửa.

Trong khi các giao diện miễn phí WordPress có sẵn khá hạn chế.

Không có nhiều option để chỉnh sửa giao diện.

Đây là lúc mình khuyên các bạn sử dụng một plugin có tính năng kéo thả.

Đó chính là các page builder, hiện chúng rất phổ biến.

Biến việc xây dựng website trở nên dễ dàng hơn bao giờ hết.

Đó là lý do sao những website như Weebly và Wix rất được ưa thích, vì tính đơn giản của nó.

Đừng lo lắng WordPress hoàn toàn làm được như website trên (thậm chỉ còn tốt hơn nhiều).

Bạn dễ dàng chỉnh sửa header, footer, tạo các bố cục độc đáo…

Thâm chỉ build nguyên một website bằng chúng.

Nhưng Page Builder plugin cũng có rất nhiều loại.

Vậy nên chọn page builder nào?

Diều Hâu sẽ so sánh những page builder tốt nhất với những tiêu chí sau:

  • Tính dễ dàng để sử dụng.
  • Khả năng tùy biến.
  • Thiết kế cuối cùng.

Với những thông tin trên, hãy bắt đầu đánh giá và nhận xét những Page Builder tốt nhất 2020 nhé.

1. Elementor

Năm 2020 tiếp tục sự thống trị của Elementor với hơn 4.000.000 lượt tải và kích hoạt.

4-millions-site-built-with-elementor

Elementor là page builder kéo thả mạnh mẽ nhất hiện nay. Vì sao ư?

Vì nó không đơn giản là page builder mà thể gọi là website builder.

Bạn có thể tạo một website từ A-Z với Elementor Pro.

Thường thì mọi page builder không hỗ trợ kéo thả phần Header và Footer

Đây là Review Elementor Pro chi tiết của tôi, tìm hiểu thêm nhé.

Nhưng với Elementor Pro thì điều đó hoặc toàn có thể và một cách dễ dàng.

Nó nổi bật về tốc độ, bạn sẽ ngay lập tức nhận thấy nó nhanh, nhẹ và khả năng tương thích tốt với mọi thiết bị.

Là một live page builder plugin, điều này có nghĩa là bạn sẽ thấy trực tiếp những thay đổi khi chỉnh sửa với Elementor.

Đơn giản, bạn chỉ cần tạo các section và chọn số cột cho mỗi section.

Sau đó, bạn có thể kéo và thả các widget từ bảng điều khiển bên trái vào section đã tạo.

Elementor đi kèm với hàng tấn widget bao gồm các thành phần website được sử dụng phổ biến nhất.

Từ các image widget, text cơ bản đến advanced accordions, slider, testimonials, icon, social media, tab …. Mỗi một widget đều có setting riêng biệt.

Elementor cũng cho phép bạn thêm các widget được tạo ra bởi các plugin WordPress khác.

Bạn không muốn tự phải xây dựng bố cục cho website ư?

Elementor hoàn toàn cung cấp kho thư viện template có sẵn. Việc của bạn chỉ là chọn và dùng ngay có thể.

  • Giá: Bắt đầu từ $49 cho một trang đơn.
  • Đánh giá: 9.5 điểm
  • Nhận xét: Elementor là page builder tốt nhất hiện nay. Nó là siêu nhanh, rất dễ sử dụng và đi kèm với rất nhiều modules và template có sẵn. Không những thế nó có rất rất nhiều các Addon bên thứ 3 tuyệt vời cho nó.
Mua Elementor Pro tại TheDevKit chỉ 90k
Hãy kết hợp Elementor Protheme Astra + Bộ CoroBlock . Tin mình đi bạn có thể xây dựng mọi loại website 😀

2. Beaver Builder

Beaver Builder là một plugin WordPress page builder kéo thả cao cấp khá nổi tiếng.

Theo ý kiến cá nhận mình đã từng sử dụng thì nó chỉ sau Elementor Pro một chút.

Beaver Builder

Beaver cực kỳ nhanh nhạy và đi cùng với một built-in on-boarding tour (hướng dẫn sử dụng) giúp người dùng nhanh chóng làm quen thông qua giao diện của họ.

Beaver Builder đi cùng với một giao diện kéo thả khá trực quan và dễ dùng.

Bạn sẽ được thấy tất cả thay đổi của mình khi bạn thêm chúng bằng việc đơn giản kéo các thành phần từ sidebar và thả chúng vào trang của bạn.

Bạn có thể click vào bất cứ thành phần nào trong một trang để chỉnh sửa các tính chất của nó.

Beaver Builder cũng đi với vài modules cơ bản và nâng cao mà bao phủ gần như bất cứ thứ gì mà bạn muốn thêm vào.

Nó có sliders, carousel, backgrounds, content blocks, buttons…

  • Giá cả: bắt đầu từ $99 Unlimit site license.
  • Đánh giá của chúng tôi: 9 điểm
  • Nhận xét: Beaver Builder cho tới thời điểm này vẫn là lựa chọn tốt. Nó đi cùng với các template được tạo trước để giúp bạn bắt đầu. Khả năng tuy chỉnh mọi chi tiết làm nó trở thành một giải pháp hoàn hảo cho tất cả các người dùng.
Mua Beaver Builder tại TheDevKit với giá chỉ 60k
Beaver Builder cũng có rất nhiều Addon để bổ sung tính năng. Tham khảo tại đây nhé

3. WPBakery Page Builder (Visual Composer)

Trước đây nó có tên là Visual Composer, plugin kéo thả rất nổi tiếng và lâu đời.

Hiện đã khoác lên một chiếc áo mới với cái tên WPBakery Page Builder.

Với hơn 2.000.000 người sử dụng plugin này, điều đó đã chứng tỏ sức hút của plugin này.

Bạn có thể chuyển đổi dễ dàng giữa 2 chế độ Frontend hay Backend editor.

Là một trong những page builder cao cấp WPBakery có đầy đủ mọi element mà bạn cần thiết như: Row, Post Slider, Call To Action, Button, Tab, Post Grid..v..

Hiện nay qua nhiều phiên bản cập nhật WPBakery cũng khá nhẹ và hoàn thiện.

Không kém những Page builder khác về khoản tùy biến cũng như đa dạng element.

Mình đã sử dụng qua thì thấy Page Builder này đáp được đến 90% nhu cầu để build website, mà không cần sử dụng bất kỳ một đoạn code nào.

Ngoài ra bạn có thể dụng thêm rất nhiều các Add-on để thêm nhiều Element đa dạng khác, phù hợp với mọi yêu cầu của bạn.

  • Giá cả: $45 cho một site duy nhất
  • Đánh giá của tôi: 8 điểm
  • Nhận xét: Khá dễ sử dụng và làm quen. Tương thích với hầu hết mội theme phổ biến hiện nay, element đa dạng phong phú. Có rất nhiều Add-on rành riêng cho plugin nên bạn có thể yên tâm, nó đáp ứng đầy đủ nhu cầu của bạn
Mua WPBakery Page Builder tại TheDevKit với giá chỉ 60k/sản phẩm
Updated: Hiện nay WPBakery page builder còn có một phiên bản khác là Visual Composer Website Builder. Đúng với cái tên thì nó Website Builder chứ không đơn thuần là page builder nữa. Nó hoàn thiện hơn, làm được nhiều thứ hơn WPBakery.

4. Thrive Architect

Sau nhiều thay đổi và cập nhật Thrive Architect thực sự rất hoàn thiện.

Giao diện khá hoàn thiện và dễ sử dụng tương đương với Elementor Pro.

Điểm mạnh của Thrive Architect, chính là đánh vào Landing Page và tối ưu sự chuyển đổi.

Nếu bạn là dân Marketing hay phải chạy chiến dịch quảng cáo, nó sẽ rất hợp với bạn.

Đây là Review Thrive Architect cực chi tiết hãy đọc nhé.

  • Giá: $67 cho 1 license
  • Đánh giá của tôi: 8 điểm
  • Nhận xét: Nhược điểm của nó chắc có lẽ là thiếu sự đa dạng về Element, và không có add-on để bổ sung tính năng.
Mua Thrive Architect chỉ với 60k

5. Divi

Divi

Divi là một giao diện kéo thả tích hợp sẵn page builder.

Nó có tích hợp sẵn 20+ mẫu giao diện có sẵn cho bạn chọn.

Bạn có thể tạo ra và lưu các cách bố trí của Divi cho riêng bạn.

Giống như hầu hết page builer ở trên, tính năng kéo thả nó rất trực quan.

Nói chung vẫn là dạng live preview là chỉ cần kéo thả và chọn để tùy chỉnh từng thành phần.

Divi có 46 module để bạn kéo thả, 3 sector type, 20 row type.

Bạn có thể dễ dàng export sau khi layout đã tạo được và áp dụng cho website khác.

Divi Builder là một plugin có sẵn trong theme Divi. Nhưng nó vẫn có thể hoạt động tốt với theme khác.

  • Giá cả: từ $89 mỗi năm
  • Đánh giá của chúng tôi: 7 điểm
  • Nhận xét: Divi là một page builder tuyệt vời. Khả năng hoạt động của page buider này rất tốt, cho phép bạn làm việc với các giao diện WordPress khác nhau. Tuy nhiên, Divi sử dụng rất nhiều các shortcodes và điều này làm nó khó khăn cho bạn để chuyển đổi các giao diện hoặc sử dụng một page builder khác.
Mua Divi Builder tại TheDevKit với giá chỉ 60k/sản phẩm

6. Themify Builder

Themify Builder

Nếu bạn đã đang sử dụng một theme WordPress bởi Themify, thì Themify Builder được tích họp sẵn trong đó.

Với các theme không phải từ Themify WordPress khác, bạn có thể cài đặt plugin Themify Builder.

Page builder này rất đơn giản và trực quan đi kèm với các modules có sẵn để sử dụng mà bạn có thể thêm vào các page hay post của mình.

Có rất nhiều các modules này yêu cầu bạn cài đặt các Add-on plugins khác nhau. Hãy tìm thêm các Add-on tại TheDevKit (giá chỉ từ 60k/sản phẩm).

Themify Builder cho phép bạn chỉnh sửa các trang của bạn từ khu vực admin cũng như từ trang trực tiếp. Với các chỉnh sửa trực tiếp, bạn dễ dàng xem chính xác các thay đổi của mình sẽ xuất hiện trên trang như thế nào. Ngoài ra, Themify Builder đi cùng với các bố cục có sẵn, bạn chỉ cần chọn và sử dụng.

  • Giá cả: $39
  • Đánh giá của chúng tôi: 7 điểm
  • Nhận xét: Thực sự thì nó không trực quan và đa dạng bằng những page builder trên. Mà bạn có thể tìm thấy những tính năng này hoàn toàn miễn phí trên Site Origin page builder
Mua Themify Builder tại TheDevKit với giá chỉ 3$/sản phẩm

7. Page Builder by Site Origin

Page Builder by Site Origin

Với hơn nửa triệu các cài đặt hoạt động, Site Origin’s page builder là một trong số các page builders free được dùng nhiều nhất thị trường.

Một trong những lý do chính cho sự nổi tiếng của nó là mức giá (miễn phí). Nó có sẵn như một plugin miễn phí đầy đủ các tính năng.

Site Origin Page Builder khá là dễ dàng để sử dụng và làm việc với bất kỳ giao diện WordPress phù hợp nào.

Với các thành phần, Page Builders cho phép bạn sử dụng các WordPress widgets.

Nó đi cùng với vài widgets của chính nó, hãy tải xuống và cài đặt bất kỳ widgets nào.

Tham khảo danh sách của chúng tôi về 25 WordPress widgets hữu hiệu nhất bởi vì bạn có thể thêm tất cả chúng vào bằng cách sử sụng page builder này.

Nó cũng đi cùng với một công cụ lịch sử mà cho phép bạn quay trở lại trước và sau để hủy bỏ và làm lại các thay đổi mà bạn tạo nên. Đây là một cách tiết kiệm thời gian đáng kể và làm bạn yên tâm hơn khi biết rằng mình có thể trở lại và hủy bỏ các thay đổi.

  • Giá cả: miễn phí
  • Đánh giá của chúng tôi: 5 điểm
  • Nhận xét: đây là page builders miễn phí duy nhất mà gần như là tuyệt vời. Bạn có một giao diện kéo thả để tạo ra và tùy chỉnh bố cục. Mặc dù việc chỉnh sửa trực tiếp không thể so sánh được với các giải pháp khác mà chúng tôi sẽ đề cập đến dưới đây, bạn không thể đánh bại các giá trị mà bạn nhận được từ việc trả tiền.

Kết Luận

Như tôi đã so sánh các WordPress Page Builders ở trên.

Năm 2020 vẫn tiếp tục là sự thống trị của Elementor.

Hiện đang có rất nhiều sản xuất theme chuyển sang dùng Elementor thay vì Visual Composer

Bạn có thể dễ dàng kết hợp Elementor với một theme nào đó để dễ dàng tùy biến theme.

Ví dụ: Như Astra một theme miễn phí hoàn toàn bạn có thể tải trên WordPress.org.

Hay có rất nhiều theme khác  đã được mình giới thiệu trong Top 12 Theme và Template Nhanh, Nhẹ, Dễ tùy biến nhất cho Elementor.

Hy vọng các bạn chọn được Page Builder phù hợp với bản thân mình nhất.

5 2 votes
Article Rating
Đăng ký
Thông báo về
guest
24 Bình Luận
Inline Feedbacks
View all comments

Luân
Luân
15/12/2017 3:03 sáng

Ko thấy đưa Thrive builder vào đây nhỉ ad? Ko tốt bằng 5 thằng kể trên hả?

Diều Hâu
Quản trị viên
Reply to  Luân
15/12/2017 2:52 chiều

Thrive Builder dùng cũng rất ngon nhé bạn! Mình có giới thiệu ở cuối bài 😀

TrungAZ
22/12/2017 10:04 sáng

Ko có Flatsome hả???

Diều Hâu
Quản trị viên
Reply to  TrungAZ
22/12/2017 10:07 sáng

Trong bài viết này, mình chỉ muốn so sánh các plugin mà thôi. Flatsome là một theme quá tuyệt vời nên mình sẽ so sánh nó với các theme khác để đánh giá được công bằng và chuẩn xác hơn. Không biết ngoài Flatsome ra, bạn còn thấy theme hay plugin nào tốt nữa không?

Bùi Tỉnh
03/01/2018 10:22 sáng

Chào bạn, Hiện mình đang dùng theme Avada. Tuy nhiên thấy theme này khá nặng và không được nhanh lắm. Cũng sử dụng luôn Fusion Builder của theme này luôn. Mình có 1 vài câu hỏi cần bạn tư vấn giúp: 1. Nếu dùng Avada, nhưng ko dùng Fusion Builder mà dùng Elementor hay Beaver Builder thì có tốt hơn ko. (Sẵn sàng bỏ shortcode cũ để dựng mới) 2. Nếu dùng Genesis Framework với Elementor hay Beaver Builder thay cho Avada liệu các tùy biến của theme Genesis có bằng Avada ko. Ví dụ header, footer, font, widget, Typography,… Đọc thêm »

Diều Hâu
Quản trị viên
Reply to  Bùi Tỉnh
03/01/2018 2:57 chiều

Đúng là theme Avada nó hơi nặng, và không được nhanh lắm. Bạn có thể xem sét và sử dụng những theme nhẹ hơn
1. Bạn hoàn toàn có thể dụng Elementor hay Beaver Builder thay cho Fusion Builder nhé!
2. Còn nó có bằng không thì mình không chắc, vì mỗi cái nó một cái hay nhé! Ví dụ như Flatsome với UxBuilder là tốt nhất rồi !

Bùi Tỉnh
07/01/2018 12:31 sáng

Mình nghĩ bạn nên phân tích các theme tốt và phù hợp nên sử dụng kết hợp với page builder trong bài viết này. Bạn nghĩ theme nào tốt nhất kết hợp cùng với Beaver Builder. Mình nghĩ đó là Astra của Brainstorm !

Diều Hâu
Quản trị viên
Reply to  Bùi Tỉnh
07/01/2018 9:47 chiều

Cảm ơn bạn đã góp ý. Nhưng theme phù hợp thì nhiều lắm lúc nào mình giới thiệu sau

Bùi Tỉnh
Reply to  Diều Hâu
07/01/2018 10:15 chiều

Ok bạn. Nếu có thể bạn viết đưa ra bảng xếp hạng các theme nào phù hợp với Page Builder. Đặc biệt ưu tiên Beaver Builder và Elementor Builder.
VD: Top 5 (Top10) theme tốt nhất (Khuyên dùng) khi kết hợp cùng Beaver Builder…

Bùi Tỉnh
16/01/2018 10:01 sáng

Mình muốn mua Elementor Pro. Trên thedevkit.com nhiều sản phẩm liên quan quá. Đâu là sản phẩm gốc từ tác giả? Và khi mua hàng tại đây có key active không bạn?

Diều Hâu
Quản trị viên
Reply to  Bùi Tỉnh
16/01/2018 10:07 sáng

Gốc là từ nhà phát hành đó bạn, mình giữ nguyên ko sửa đổi gì hết. Và bên mình không cung cấp key nhé bạn. Nhưng bạn vẫn có thể sử dụng các chức năng của plugin như bình thường

Bùi Tỉnh
Reply to  Diều Hâu
16/01/2018 10:15 sáng

Mình thấy bên Elementor nếu không có key không thể import trong kho giao diện dựng sẵn của họ bạn ạ. Chức năng thì công nhận là đầy đủ. Mấy cái Addons for Elementor Pro, Anywhere Elementor Pro, Extras… cũng là của tác giả à bạn. Hay đơn vị khác ăn theo vậy

Diều Hâu
Quản trị viên
Reply to  Bùi Tỉnh
16/01/2018 11:38 sáng

Có một số do một bên khác họ phát triển, thường mọi người dùng công cụ này để tự build, với cả mình cũng có một số landingpage có sẳn để bạn import

Bùi Tỉnh
Reply to  Diều Hâu
04/08/2020 4:01 chiều

Thanks bạn nhé

Minh
Minh
19/03/2018 6:18 chiều

Cho mình hỏi nếu trang đã có rồi thì Beaver Builder có sửa được không?

Diều Hâu
Quản trị viên
Reply to  Minh
20/03/2018 11:56 sáng

Tùy trang nhé bạn, nhưng hầu như là được

lê xuân nguyên
lê xuân nguyên
08/04/2018 10:35 sáng

Ko có Flatsome sao vậy bác.

Diều Hâu
Quản trị viên
Reply to  lê xuân nguyên
09/04/2018 9:19 sáng

Flatsome là theme nên mình ko cho vào đây so sánh nhé bạn 😀

Tien Dung
Tien Dung
17/07/2018 1:10 chiều

Mình chưa thử hết qua các plugin mới chỉ có xài Elementor và thấy khá ok

Diều Hâu
Quản trị viên
Reply to  Tien Dung
18/07/2018 7:10 sáng

Bạn có thể thử thêm Beaver Builder hoặc Visual Composer cũng rất hay đó bạn 😀

trung
trung
03/05/2020 1:33 sáng

Mình muốn hỏi theme flatsome có cài được elementor không?

Diều Hâu
Quản trị viên
Reply to  trung
03/05/2020 9:12 chiều

Được nhưng ko nên và ko ai làm vậy 🙂

tudao
tudao
03/08/2020 7:27 chiều

cho minh hoi cái icon mục lục float là dùng plugin gì vậy ad

Diều Hâu
Quản trị viên
Reply to  tudao
03/08/2020 8:50 chiều

Fixed TOC nhé bạn.