10 Plugin Pembuat Halaman WordPress Terbaik Dibandingkan 2022

Mencoba memutuskan pembuat halaman WordPress terbaik untuk situs web Anda?

Saya menggunakan 10 pembuat halaman WordPress yang berbeda untuk membantu Anda membuat keputusan. Ya – saya menggunakan semuanya – ini bukan hanya daftar berdasarkan salinan pemasaran .

Saya akan membandingkan 10 pembuat halaman WordPress ini secara objektif dalam lima kategori:

1. Antarmuka – bagaimana cara kerja antarmuka dan apakah itu memudahkan untuk membuat halaman yang indah?
2. Widget/templat yang disertakan – opsi apa yang Anda dapatkan untuk membuat halaman Anda?
3. Opsi gaya – bagaimana Anda bisa menata elemen di halaman Anda?
4. Fitur penting lainnya – apakah pembuat halaman menawarkan fitur unik yang menonjol?
5. Lock-in – apa yang terjadi jika Anda ingin menonaktifkan plugin? Anda akan selalu kehilangan gaya kustom Anda, tetapi beberapa pembuat halaman meninggalkan kode yang bersih, sementara yang lain tidak.

Untuk setiap kategori, saya akan memberi pembuat halaman skor dari 5.

Kemudian, pada akhirnya, saya akan menggabungkan semuanya dan merekomendasikan apa yang menurut saya adalah pembuat halaman WordPress terbaik.

Berikut adalah 10 pembuat halaman WordPress yang akan saya lihat – Anda dapat mengklik untuk melompat ke pembuat halaman tertentu:

• elemen
• pembangun berang-berang
• Divi Builder
• Arsitek berkembang
• Pembuat Halaman Asal Situs
• Pembuat Halaman WPBakery
• Pembuat Themify
• Brizy
• Komposer Visual
• Pembuat Halaman WP

Atau Anda bisa langsung menuju ke tabel perbandingan.

1. Elemen

Awalnya diluncurkan pada tahun 2016, Elementor adalah salah satu pembuat halaman yang lebih muda dalam daftar ini. Tetapi meskipun terlambat memulai, Elementor dengan cepat mengumpulkan lebih dari 3.000.000 pemasangan aktif di WordPress.org, yang menjadikannya pembuat halaman paling populer di luar sana, setidaknya menurut jumlah WordPress.org.

Klaim ketenarannya adalah antarmuka visual yang cepat dan bebas kesalahan, opsi gaya yang fleksibel, dan fitur canggih lainnya seperti pembuatan tema lengkap.

Meskipun dimulai hanya sebagai editor halaman, versi premium, Elementor Pro, sekarang memungkinkan Anda melakukan lebih dari sekadar pembuatan halaman. Dua fitur yang paling menonjol adalah:

• Pembuat Tema – rancang seluruh tema Anda menggunakan antarmuka Elementor yang sama dan nyaman. Ini termasuk header, footer, halaman arsip, halaman posting tunggal, halaman produk/toko WooCommerce, template jenis posting kustom, dll. Anda mendapatkan widget khusus untuk elemen umum, dan Anda bahkan dapat menyisipkan konten secara dinamis dari bidang kustom.
• Pembuat Popup – desain popup fleksibel menggunakan antarmuka Elementor lengkap. Anda dapat menyertakan semua widget Elementor biasa, yang memungkinkan Anda membuat sembulan keikutsertaan email, sembulan formulir kontak, sembulan masuk, dan banyak lagi.

Kedua tambahan ini sangat membantu Elementor menonjol dari kompetisi. Meskipun pembuatan tema menjadi fitur yang populer, pembuat popup masih cukup unik.

Baca ulasan Elementor Pro kami.

Harga: Versi inti gratis. Elementor Pro mulai dari $49 untuk digunakan di satu situs.

Antarmuka – 5/5

Antarmuka Elementor dibagi menjadi dua bagian inti, dengan area ketiga untuk beberapa pengaturan yang lebih kecil:

• 1 – ini adalah pratinjau langsung dari desain Anda. Sepertinya pengunjung Anda akan melihatnya. Anda juga dapat mengetik teks secara langsung di antarmuka ini, serta menarik dan melepas berbagai elemen untuk mengaturnya kembali.
• 2 – ini menunjukkan daftar elemen yang dapat Anda gunakan. Anda hanya menyeret mereka. Dan saat Anda memilih elemen atau bagian individual, di sinilah Anda akan menatanya.
• 3 – ini membantu Anda mengakses pratinjau responsif, membatalkan/mengulangi perubahan, dan fitur kecil lainnya.

Misalnya, berikut adalah tampilan bagaimana Anda dapat menyeret widget teks dan kemudian cukup mengetik di halaman (pengeditan sebaris) untuk mengubah teks:

Dengan Elementor Pro, Anda dapat menggunakan antarmuka yang sama ini untuk mendesain tema dan popup Anda. Anda juga mendapatkan widget/fitur khusus untuk membantu Anda melakukannya.

Termasuk Widget/Templat – 5/5

Dalam versi gratisnya, Elementor menyertakan 28 widget gratis . Dan Anda juga dapat menggunakan semua widget inti WordPress. Versi Pro menambahkan ~30 widget lain, memberi Anda total 58 widget dalam versi Pro:

Versi gratisnya juga dilengkapi dengan ~40 template gratis . Dan versi Pro menambahkan ratusan template tambahan.

Template datang dalam dua format:

• Halaman – desain halaman penuh yang hanya perlu Anda edit.
• Blok – bagian individu yang dapat Anda kumpulkan seperti Lego.

Anda juga dapat menyimpan desain Anda sendiri sebagai template untuk digunakan kembali nanti.

Opsi Penataan – 5/5

Saat Anda mengklik bagian, kolom, atau widget mana pun, Elementor menawarkan tiga tab gaya di bilah sisi kiri.

Opsi yang tepat bergantung pada elemen mana yang Anda edit, tetapi umumnya Elementor menawarkan salah satu rangkaian opsi gaya terdalam dari pembuat halaman mana pun.

Selain hal-hal dasar seperti warna, latar belakang, dan tipografi, Anda juga dapat mengontrol pengaturan lanjutan seperti:

• Margin/padding khusus.
• Kelas/ID CSS khusus. Dengan Elementor Pro, Anda dapat langsung menambahkan gaya CSS sebenarnya ke elemen individual.
• Kontrol responsif. Anda dapat menampilkan/menyembunyikan elemen pada perangkat tertentu.

Elementor juga baru-baru ini menambahkan pemosisian khusus, yang membuatnya lebih mudah untuk menempatkan widget di tempat tertentu di halaman.

Fitur Penting Lainnya – 5/5

Fitur-fitur ini tersedia di Elementor Pro:

• Bangunan bertema penuh. Anda dapat menggunakan antarmuka Elementor yang sama untuk membuat komponen template seperti header, footer, single, dan arsip. Pada dasarnya, Anda dapat membangun seluruh tema Anda dengan Elementor.
• Pembuat WooCommerce – rancang halaman produk dan toko WooCommerce Anda.
• Bangunan pop -up. Rancang popup yang fleksibel dan targetkan ke konten tertentu.
• Integrasi bentuk . Hubungkan widget formulir ke layanan pemasaran email populer (atau Zapier untuk lebih banyak fleksibilitas).
• Widget global. Ini memungkinkan Anda menggunakan kembali elemen umum di beberapa halaman dan mengedit semua instance widget global hanya dengan memperbarui widget global.
• Sematkan di mana saja . Gunakan template Elementor di area lain melalui widget atau kode pendek.

Penguncian – 5/5

Jika Anda menonaktifkan Elementor, ia meninggalkan kode bersih. Misalnya, jika Anda memiliki tajuk <h3> dengan Elementor, Anda akan tetap memiliki tajuk <h3> setelah menonaktifkan Elementor – itu hanya akan menggunakan gaya tema Anda.

2. Pembangun Berang-berang

Beaver Builder telah menjadi pendukung di pasar pembuat halaman untuk beberapa waktu sekarang. Ini menghasilkan kode bersih ( untuk pembuat halaman ), populer di kalangan pengguna akhir dan pelaksana, dan menerima perhatian rutin dalam bentuk fitur dan pembaruan baru.

Ada juga beberapa add-on resmi yang dapat Anda pasangkan dengannya agar lebih fleksibel – terutama tema Beaver Builder opsional dan ekstensi Beaver Themer.

Baca ulasan Beaver Builder kami.

Harga: Versi gratis terbatas. Mulai dari $99 untuk digunakan di situs terbatas.

Antarmuka – 5/5

Beaver Builder menawarkan antarmuka unik untuk pembuat visual frontendnya. Anda melakukan sebagian besar pekerjaan Anda dari bilah sisi di sebelah kanan. Namun opsi bilah sisi ini hanya muncul saat Anda mengeklik tombol di bilah atas, jadi Anda dapat melihat pratinjau layar penuh kapan saja:

• 1 – Anda mengklik ini untuk membuka area bilah sisi
• 2 – ini adalah pratinjau langsung dari desain Anda

Beaver Builder baru-baru ini menambahkan pengeditan teks sebaris, yang berarti Anda dapat mengetik langsung di halaman untuk mengedit teks Anda atau menggunakan popup yang muncul:

Menggunakan pengeditan sebaris dengan popup agak canggung, jujur. Tetapi Anda dapat dengan mudah menyematkan editor ke bilah sisi untuk memperbaikinya.

Termasuk Widget/Templat – 4/5

Dalam versi gratisnya, Beaver Builder hanya memberi Anda akses ke 6 modul , meskipun Anda juga dapat menggunakan widget WordPress standar.

Versi premium, di sisi lain, memberi Anda akses ke 30 modul . Semua modul ini juga bersifat modular, sehingga Anda dapat mengaktifkan atau menonaktifkannya sesuai kebutuhan.

Dalam versi premium, Anda juga mendapatkan akses ke ~56 templat halaman, serta kemampuan untuk menyimpan desain Anda sendiri sebagai templat.

Opsi Penataan – 5/5

Untuk menata modul dan bagian, Anda dapat:

• Gunakan jendela popup default
• Sematkan jendela ke samping untuk membuat bilah sisi ( Anda dapat melihat ini pada contoh di bawah ).

Opsi yang tepat bergantung pada modul, tetapi umumnya Beaver Builder memberi Anda kontrol yang cukup baik atas elemen Anda, termasuk spasi kustom dan kontrol responsif.

Dan Beaver Builder juga menawarkan sakelar yang sangat unik yang memungkinkan Anda menampilkan atau menyembunyikan modul individual berdasarkan apakah pengguna masuk atau tidak:

Fitur Penting Lainnya – 4/5

• Berang-berang Tema. Meskipun ini adalah ekstensi terpisah, ia menambahkan fungsionalitas bangunan tema lengkap seperti Elementor.
• Label putih . Anda dapat dengan mudah memberi label putih pada Beaver Builder jika Anda sedang membangun situs untuk klien.
• Tema Berang-berang Builder . Tema opsional ini memberi Anda lebih banyak kontrol atas tampilan situs web Anda.

Meskipun fitur uniknya bagus, saya tidak setuju karena Anda harus membayar lebih untuk mendapatkannya.

Penguncian – 5/5

Seperti Elementor, Beaver Builder meninggalkan kode bersih 100% dengan format HTML yang tepat.

3. Pembangun Divi

Divi Builder adalah pembuat halaman premium populer dari Elegant Themes. Meskipun paling sering digunakan sebagai bagian dari tema Divi, Divi Builder juga merupakan plugin mandiri yang dapat Anda gunakan dengan tema lain juga.

Tidak seperti dua pembuat halaman sebelumnya, Divi Builder memungkinkan Anda mengedit konten menggunakan antarmuka ujung depan visual serta antarmuka ujung belakang , meskipun sebagian besar pengguna mungkin lebih menyukai antarmuka ujung depan.

Dengan versi terbaru, Divi 4.0, Divi juga menambahkan dukungan pembangunan tema penuh, yang membuatnya setara dengan Elementor dan Beaver Builder dalam hal itu. Artinya, Anda sekarang dapat menggunakan Divi untuk mendesain header, footer, template, dll.

Baca ulasan Divi Builder kami.

Harga: Tersedia sebagai bagian dari keanggotaan Tema Elegan $89

Antarmuka – 5/5

Antarmuka backend Divi Builder terlihat seperti ini:

Tetapi sebagian besar waktu, Anda akan menggunakan antarmuka visual frontend. Divi Builder benar-benar unik. Saya pribadi bukan penggemar , tetapi saya tahu banyak orang yang menyukainya, jadi saya tidak akan membahas poin apa pun karena alasan itu.

Pada dasarnya, alih-alih semua jenis sidebar, semuanya adalah popup dan tombol mengambang. Anda dapat melihat contoh penambahan modul di bawah ini:

Seperti dua pembuat halaman sebelumnya, Anda juga dapat menggunakan pengeditan sebaris untuk mengedit teks Anda langsung di halaman:

Terserah Anda apakah Anda lebih suka pendekatan ini daripada bilah sisi yang digunakan oleh beberapa plugin pembuat halaman lainnya.

Termasuk Widget/Templat – 5/5

Divi Builder mencakup 46 modul yang dapat Anda gunakan untuk membangun desain Anda:

Anda juga mendapatkan akses ke 316 templat besar yang dibuat sebelumnya yang tersebar di 40 paket tata letak yang berbeda, serta kemampuan untuk menyimpan desain Anda sendiri sebagai templat:

Opsi Penataan – 5/5

Seperti Beaver Builder, Divi Builder memungkinkan Anda menata elemen dari popup yang dapat, jika diinginkan, disematkan ke samping.

Salah satu keunggulan Divi adalah seberapa banyak kontrol gaya yang diberikannya kepada Anda. Di tiga tab yang berbeda, Anda dapat mengonfigurasi berbagai pengaturan, termasuk kontrol responsif, spasi kustom, dan banyak lagi.

Anda bahkan dapat menambahkan CSS khusus ke elemen utama atau sebelum/sesudah elemen utama. Editor CSS bahkan menyertakan validasi dasar dan pelengkapan otomatis! Dan Anda juga dapat membuka pemilih warna langsung dari editor:

Secara keseluruhan, Divi Builder benar-benar mendorong batas dengan opsi gayanya – ini bagus.

Fitur Penting Lainnya – 5/5

• Pembuatan tema – rancang seluruh tema Anda menggunakan antarmuka Divi Builder.
• pengujian A/B. Salah satu fitur tambahan terbaik adalah sistem pengujian A/B bawaan Divi Builder. Tidak ada pembuat halaman lain yang membuatnya mudah untuk membagi pengujian di inti.
• Tema Divi . Memasangkan Divi Builder dengan tema Divi memberi Anda kendali penuh atas tampilan situs Anda.
• Kontrol akses pengguna . Divi Builder menyertakan kontrol akses berbasis peran yang kuat.
• Kontrol Penyesuai WordPress . Anda dapat menyesuaikan tampilan beberapa elemen menggunakan Penyesuai WordPress asli.

Penguncian – 3/5

Salah satu kritik dari Divi Builder selalu berbasis kode pendek. Itu berarti jika Anda menonaktifkannya, itu akan meninggalkan banyak kode pendek di konten Anda.

Meskipun itu sedikit mengecewakan, ini bukan masalah sekarang karena plugin seperti Pembersih Kode Pendek ada. Anda akan kehilangan pemformatan – seperti tag <h3> – tetapi Anda tidak akan kehilangan konten itu sendiri.

4. Arsitek Berkembang

Thrive Architect adalah versi yang dirubah dari apa yang dulunya Thrive Content Builder. Antarmuka baru memiliki banyak kesamaan dengan antarmuka Elementor, yang akan Anda lihat sebentar lagi.

Meskipun siapa pun dapat menggunakannya, ini sangat populer di kalangan blogger dan pemasar afiliasi karena fokusnya pada tingkat konversi. Dan salah satu hal yang saya pribadi suka tentang Thrive Architect adalah gaya defaultnya terlihat cukup bagus.

Baca ulasan Arsitek Berkembang kami.

Harga: Ini adalah bagian dari Thrive Suite, dengan biaya $19 per bulan (ditagih setiap tahun).

Antarmuka – 5/5

Seperti yang saya katakan, Anda akan melihat beberapa kesamaan antara antarmuka Thrive Architect dan antarmuka Elementor ( Elementor datang lebih dulu, jika Anda bertanya-tanya ):

Itu ide yang sama, Anda memiliki:

• 1 – ini adalah pratinjau langsung dari desain Anda. Sepertinya pengunjung Anda akan melihatnya. Anda juga dapat mengetik teks secara langsung di antarmuka ini, serta menarik dan melepas berbagai elemen untuk mengaturnya kembali.
• 2 – ini menunjukkan daftar elemen yang dapat Anda gunakan. Anda hanya menyeret mereka. Dan saat Anda memilih elemen atau bagian individual, di sinilah Anda akan menatanya.
• 3 – ini membantu Anda mengakses pratinjau responsif, membatalkan/mengulangi perubahan, dan fitur kecil lainnya.

Ya – Saya menyalin dan menempelkannya dari bagian Elementor .

Satu hal yang unik adalah pemilih remah roti ketika Anda mengklik elemen bersarang. Fitur ini sebenarnya sangat berguna ketika Anda ingin melompat cepat antara elemen dan bagian:

Dan Thrive Architect juga menawarkan pengeditan teks sebaris yang sebenarnya. Faktanya, Thrive Architect memiliki fungsionalitas pengeditan sebaris yang paling mulus dari pembuat halaman mana pun, menurut saya:

Termasuk Widget/Templat – 4/5

Thrive Architect menawarkan 40 widget yang berbeda , termasuk beberapa widget yang rapi seperti penghitung waktu mundur yang selalu hijau.

Arsitek Thrive juga menyertakan ratusan templat yang dibagi menjadi ~36 "set". Dan Anda juga dapat menyimpan desain Anda sendiri sebagai template.

Opsi Penataan – 5/5

Arsitek Thrive istirahat dari Elementor dalam cara menangani gaya. Alih-alih memberi Anda tab, Thrive Architect menyertakan semuanya dalam satu kolom.

Opsi gaya cukup detail, dan menyertakan kontrol responsif dan spasi khusus:

Anda juga dapat menambahkan CSS khusus Anda sendiri di tingkat halaman . Untuk elemen individual, Anda hanya dapat menetapkan kelas atau ID CSS.

Fitur Penting Lainnya – 3/5

Salah satu fitur keren adalah opsi untuk mengatur Acara Halaman . Ini memungkinkan Anda menampilkan popup lightbox berdasarkan pemicu tertentu:

Dan hal keren lainnya adalah seberapa baik integrasinya dengan produk Thrive Themes lainnya. Sebagai contoh:

• Jika Anda menggunakan Thrive Optimize, Anda dapat menjalankan pengujian A/B menggunakan Thrive Architect.
• Jika Anda menggunakan Thrive Leads, Anda dapat dengan mudah mengintegrasikan keikutsertaan rinci Thrive Leads ke dalam Thrive Architect.

Penguncian – 5/5

Arsitek Berkembang meninggalkan kode bersih 100% seperti Elementor dan Beaver Builder.

5. Pembuat Halaman Asal Situs

SiteOrigin Page Builder telah ada sejak lama. Dan dalam "selamanya", itu berhasil mengumpulkan lebih dari 1 juta pemasangan aktif di WordPress.org, yang menjadikannya salah satu plugin pembuat halaman paling populer di pasar.

Meskipun SiteOrigin Page Builder sedikit lebih ringan daripada sebagian besar opsi lain dalam daftar ini, ia menawarkan kinerja hebat dan banyak kontrol CSS yang membantu.

Harga: Gratis. Paket Premium SiteOrigin mulai dari $29

Antarmuka – 3/5

SiteOrigin memiliki dua antarmuka yang dapat Anda gunakan untuk membangun desain Anda.

Anda memiliki editor backend asli:

Anda dapat menarik dan melepas blok atau mengeklik blok tertentu untuk mengeditnya.

Editor ini memberi Anda ruang paling banyak untuk bekerja, tetapi tidak memiliki jenis pratinjau langsung apa pun.

Jika Anda menginginkan pratinjau langsung itu, SiteOrigin Page Builder menambahkan mode editor langsung:

Ini tidak sama dengan pembuat laman lain dalam daftar ini karena Anda tidak dapat benar-benar menyeret dan melepaskan elemen pada pratinjau langsung . Tapi itu juga lebih dari sekadar pratinjau desain Anda karena ada beberapa interaktivitas antara kotak abstrak di sebelah kiri dan pratinjau langsung.

Misalnya, Anda dapat mengarahkan kursor ke kotak di pratinjau langsung dan kotak yang relevan di bilah sisi juga akan menampilkan penyorotan. Anda juga dapat mengeklik elemen di pratinjau langsung untuk membuka pengaturannya:

Termasuk Widget/Templat – 2/5

Di luar widget inti WordPress, SiteOrigin Page Builder juga menawarkan plugin Bundel Widget gratis yang menambahkan kumpulan 23 widget modular yang dapat Anda gunakan. Ini juga mencakup ~25 template siap pakai yang dapat Anda gunakan, meskipun ini cukup sederhana dibandingkan dengan pembuat halaman lainnya.

Anda tidak dapat menyimpan desain Anda sebagai template, tetapi Anda dapat dengan mudah mengkloning halaman yang ada yang memberi Anda fungsi serupa.

Opsi Penataan – 3/5

Opsi gaya SiteOrigin Page Builder akan mengecewakan dibandingkan dengan pembuat halaman lainnya jika Anda tidak mengetahui CSS . Tetapi jika Anda merasa nyaman menggunakan CSS Anda sendiri, mereka sebenarnya cukup membantu.

Selain menambahkan kelas dan ID CSS, Anda juga dapat langsung menambahkan CSS ke elemen individual, termasuk bagian untuk CSS khusus seluler:

Anda juga mendapatkan banyak opsi gaya non-CSS – hanya saja tidak sebanyak plugin lainnya. Jika Anda seorang pengembang yang berencana menggunakan CSS Anda sendiri, Anda mungkin dapat memberikan nilai 5 pada plugin untuk kategori ini. Tapi saya merobohkannya menjadi 3 karena saya pikir itu cocok untuk pengguna biasa .

Fitur Penting Lainnya – 2/5

SiteOrigin Page Builder cukup ringan, tetapi Anda mendapatkan pembangun tipe posting kustom dasar di bundel SiteOrigin Premium.

Penguncian – 4/5

SiteOrigin Page Builder meninggalkan campuran HTML dan kode pendek yang bersih. Artinya, beberapa widget – seperti editor teks – meninggalkan HTML bersih, sementara yang lain – seperti widget tombol – meninggalkan kode pendek.

6. Pembuat Halaman WPBakery

WPBakery Page Builder, sebelumnya dikenal sebagai Visual Composer, adalah pembuat halaman premium yang sangat populer. Sebagian besar popularitas ini berasal dari fakta bahwa WPBakery Page Builder dibundel dengan 99% tema di ThemeForest. Tetapi faktanya tetap bahwa itu digunakan di sejumlah besar situs .

Harga: $64

Antarmuka – 3/5

Seperti Divi Builder, WPBakery Page Builder memberi Anda pengeditan ujung depan visual, serta pengeditan ujung belakang.

Anda dapat menggunakan antarmuka ujung belakang jika Anda ingin:

Tapi saya pikir kebanyakan orang akan lebih bahagia di ujung depan, yang terlihat seperti ini:

Anda memasukkan elemen baru dan menatanya menggunakan popup – tidak ada area bilah sisi, juga tidak ada pengeditan sebaris.

Secara pribadi, saya bukan penggemar pendekatan ini, tetapi beberapa orang menyukainya karena tidak ada yang menghalangi pratinjau langsung saat Anda tidak membuka sembulan .

Termasuk Widget/Templat – 3/5

WPBakery Page Builder menawarkan 39 elemen , ditambah semua widget WordPress normal. Beberapa elemen ini akan digabungkan di pembuat halaman lain, jadi jumlah sebenarnya lebih seperti ~33 :

Anda juga mendapatkan ~86 template. Beberapa template adalah halaman penuh, sementara yang lain hanya bagian.

Opsi Penataan – 3/5

Dibandingkan dengan sesuatu seperti Elementor atau Divi Builder, opsi gaya WPBakery Page Builder agak terbatas.

Anda memiliki kontrol yang baik atas baris:

Tetapi opsi gaya untuk elemen individual sedikit lebih terbatas.

Jika Anda ingin menggunakan CSS Anda sendiri, Anda dapat menambahkan kelas atau ID CSS khusus ke elemen individual, atau Anda dapat menambahkan gaya aktual di tingkat halaman:

Fitur Penting Lainnya – 3/5

Saya tidak yakin WPBakery Page Builder memiliki fitur unik yang sangat menonjol. Tapi apa yang dimilikinya adalah komunitas add-on pihak ketiga yang besar . Sementara banyak pembuat halaman lain memiliki add-on pihak ketiga, WPBakery Page Builder unik dalam jumlah, yang lebih dari 250+ add-on .

Penguncian – 3/5

Seperti Divi Builder, WPBakery Page Builder meninggalkan banyak kode pendek di konten Anda jika Anda menonaktifkannya.

7. Pembuat Themify

Themify Builder, tidak mengejutkan, adalah penawaran pembuat halaman Themify. Themify menggabungkannya dengan banyak tema mereka untuk memberi pelanggan opsi penyesuaian yang mudah. Tetapi Anda juga dapat membelinya sebagai plugin mandiri dan menggunakannya dengan tema apa pun.

Harga : Versi gratis yang ringan. Pro mulai dari $39 atau $59 (tergantung add-on)

Antarmuka – 4/5

Seperti Divi Builder dan WPBakery Page Builder, Themify Builder memungkinkan Anda membuat desain menggunakan antarmuka ujung belakang dan ujung depan.

Dengan versi 4.0, Themify Builder membuat beberapa pembaruan pada antarmuka, yang membuat saya menaikkan skor.

Antarmuka backend terlihat seperti ini:

Tetapi sekali lagi, kebanyakan orang mungkin ingin menggunakan antarmuka ujung depan, yang berfungsi seperti ini:

• 1 – memungkinkan Anda memasukkan modul baru ( 2 cara berbeda )
• 2 – pratinjau langsung
• 3 – pratinjau responsif, batalkan/ulangi, dan pengaturan lainnya

Tidak ada pengeditan sebaris – Anda harus mengedit teks dalam popup:

Namun, antarmuka baru terasa jauh "lebih tajam" daripada yang lama, yang menciptakan pengalaman pengeditan yang jauh lebih cepat.

Itu juga menambahkan pemilih gaya remah roti di atas popup pengaturan, yang memungkinkan Anda dengan cepat beralih antara modul itu sendiri dan baris dan kolom tempat modul itu berada.

Terakhir, salah satu tambahan baru favorit saya adalah kemampuan untuk menambahkan margin dan padding hanya dengan mengklik dan menyeret halaman. Ini adalah peningkatan besar dan membuatnya lebih mudah untuk menyesuaikan posisi di halaman Anda. Anda dapat melihat bagaimana saya dapat menyesuaikan margin ( pink ) hanya dengan menyeretnya:

Sungguh, satu-satunya kritik utama saya adalah masih kurangnya pengeditan baris.

Termasuk Widget/Templat – 3/5

Themify Builder menawarkan ~32 modul (tergantung pada add-on Anda), serta semua widget WordPress normal.

Anda juga mendapatkan ~143 templat halaman penuh, serta sejumlah kecil Rows , yang pada dasarnya adalah bagian yang dibuat sebelumnya .

Opsi Penataan – 4/5

Jika Anda mengeklik elemen apa pun, Anda akan mendapatkan empat tab berbeda untuk membantu menatanya:

• Isi
• Gaya ( ditampilkan di bawah )
• Visibilitas ( memungkinkan Anda menyembunyikan elemen pada perangkat tertentu )
• Animasi

Satu hal menyenangkan lainnya adalah Themify Builder memungkinkan Anda menyesuaikan breakpoint responsif Anda ( meskipun hanya pada tingkat seluruh situs ).

Di versi 4.0, Themify Builder juga menambahkan pembagi bentuk khusus, yang memungkinkan Anda memilih dari 25 bentuk prasetel.

Fitur Penting Lainnya – 4/5

Satu hal keren tentang Themify Builder adalah tetap memungkinkan Anda menggunakan Editor WordPress biasa, sedangkan pembuat halaman lain memaksa Anda untuk menggunakan antarmuka pembuat halaman untuk semuanya . Konten Themify Builder ditandai di Editor WordPress sehingga Anda dapat menempatkan konten di sekitarnya:

Fitur ini juga berfungsi di editor blok WordPress baru.

Fitur baru yang bagus lainnya adalah kemampuan untuk menggunakan resolusi berbeda untuk desain responsif. Banyak pembuat halaman hanya memberi Anda pratinjau "Seluler" dan "Tablet" generik, tetapi Themify Builder sebenarnya memungkinkan Anda menguji perangkat yang berbeda.

Penguncian – 5/5

Themify Builder telah meningkat secara besar -besaran sehubungan dengan penguncian. Sekarang, jika Anda menonaktifkannya, konten Anda akan tertinggal dengan HTML yang bersih.

8. Cemerlang

Diluncurkan pada April 2018, Brizy adalah salah satu pembuat halaman "termuda" dalam daftar ini. Tapi itu berasal dari pengembang terkenal – ThemeFuse – dan dengan cepat mengumpulkan 60.000 pemasangan aktif. Selain itu, ini hanya menawarkan pendekatan unik untuk beberapa bagian pembuatan halaman, yang menjadikannya penawaran yang menarik.

Pengembang juga dengan cepat merilis fitur baru, dan Brizy sudah memiliki dukungan untuk tema dan pembuatan popup.

Harga: Versi gratis dasar. Versi Pro mulai dari $49.

Antarmuka – 5/5

Brizy secara eksklusif adalah pembuat halaman visual frontend.

Untuk membangun halaman Anda, Anda harus terlebih dahulu menambahkan blok. Anda dapat menggunakan blok kosong, atau Anda dapat memilih dari blok bagian yang dibuat sebelumnya:

Bagian "antarmuka unik" adalah apa yang terjadi setelah Anda mulai menambahkan elemen. Daripada memiliki bilah sisi atau sembulan tempat Anda menyesuaikan/menata gaya elemen, hampir semuanya terjadi sebaris (termasuk mengetik).

Lihat yang saya maksud:

Hasilnya adalah cara yang sangat cepat untuk membangun halaman.

Termasuk Widget/Templat – 4/5

Brizy saat ini menawarkan 26 elemen dasar . Jumlah ini memang kecil, tapi Brizy masih baru jadi semoga semakin bertambah seiring berjalannya waktu.

Anda juga mendapatkan elemen tambahan untuk fitur tertentu, seperti elemen menu saat Anda membuat header.

Ini juga mencakup lebih dari 150 blok (bagian template) yang dapat Anda gunakan.

Opsi Penataan – 5/5

Karena cara kerja antarmuka Brizy, tidak ada formula yang ditetapkan untuk opsi gaya seperti pembuat halaman lainnya.

Anda dapat memperluas bilah sisi untuk pengaturan lanjutan seperti spasi dan kontrol responsif:

Anda juga dapat menambahkan gaya dasar pada tingkat halaman sehingga Anda tidak perlu mengedit setiap elemen secara manual:

Tetapi sebagian besar waktu, Anda akan menggunakan kontrol sebaris untuk menata elemen Anda, yang memberi Anda jumlah kontrol yang baik.

Fitur Penting Lainnya – 5/5

Antarmuka Brizy sudah cukup unik, tetapi juga dengan cepat mengumpulkan daftar fitur yang cukup bagus sejak dirilis:

• Pembuat tema – mendesain header, footer, arsip, dan templat posting tunggal menggunakan Brizy. Dukungan WooCommerce sedang dalam perjalanan . Ini juga mencakup fitur dinamis untuk membawa konten bidang khusus dari plugin populer seperti ACF dan Toolset.
• Pembuat popup – mendesain popup menggunakan antarmuka Brizy dan menggunakan kondisi untuk mengontrol di mana/kapan popup ditampilkan.
• Spanduk global yang disinkronkan di beberapa halaman.
• Integrasi dengan layanan pemasaran email populer (dan Zapier).

Penguncian – 4/5

Brizy meninggalkan sebagian besar kode HTML yang bersih jika Anda menonaktifkannya. Tapi itu masih menyisakan banyak div dengan kelas CSS Brizy dalam kode, yang sedikit mengacaukan jarak dan perlu dibersihkan.

9. Komposer Visual

Di atas, saya memberi tahu Anda bahwa Pembuat Halaman WPBakery dulu dikenal sebagai Visual Composer. Alasan untuk "dulu" adalah bahwa tim di belakang Visual Composer memutuskan untuk melepaskan WPBakery Page Builder sehingga mereka dapat meluncurkan produk yang sama sekali baru menggunakan nama Visual Composer.

Itulah yang kami fokuskan di bagian ini.

Meskipun berasal dari tim yang sama, ini adalah produk yang benar-benar terpisah.

Perbedaan utamanya adalah Visual Composer adalah pembuat situs web yang lengkap, sedangkan WPBakery Page Builder hanyalah pembuat halaman .

Harga: Versi gratis terbatas. Versi Pro mulai dari $49.

Antarmuka – 3/5

Saat Anda membuat halaman baru dengan Visual Composer, Anda dapat memilih dari beberapa tata letak berbeda untuk kanvas Anda. Anda dapat membuat kanvas yang benar-benar kosong, menyertakan header/footer Anda, dll.

Dari sana, Anda dapat mendesain semuanya menggunakan antarmuka visual:

Antarmukanya halus dan bebas kesalahan, namun tidak memiliki pengeditan sebaris, yang sedikit mengecewakan. Sebagai gantinya, Anda perlu mengedit teks di bilah sisi:

Selain itu, saya tidak menemukan opsi di bilah sisi dapat digunakan karena semuanya adalah satu kolom panjang. Saya lebih suka pendekatan yang digunakan sebagian besar pembuat halaman lain, yaitu membagi pengaturan menjadi beberapa tab.

Termasuk Widget/Templat – 5/5

Ketika Anda pertama kali menginstal Visual Composer (atau jika Anda hanya menggunakan versi gratis), Anda hanya mendapatkan akses ke beberapa blok dan tidak ada template.

Namun jangan tertipu – Visual Composer memiliki banyak pilihan elemen dan template – Anda hanya perlu menyambungkan ke Visual Composer Hub dan mengunduh yang ingin Anda gunakan:

Seperti yang Anda lihat, ada banyak variasi, mulai dari blok konten hingga integrasi dan banyak lagi. Ada variasi serupa dalam hal template juga.

Opsi Penataan – 4/5

Opsi gaya Visual Composer solid, tetapi tidak ada yang benar-benar menonjol. Anda mendapatkan semua fitur yang Anda harapkan, seperti pembagi bentuk, spasi khusus, paralaks, dll.

Anda juga mendapatkan kontrol responsif untuk mengedit desain berdasarkan perangkat pengguna, serta berbagai pilihan pratinjau responsif.

Dua fitur bagus adalah opsi untuk membuat baris atau elemen lengket dan mengontrol bagaimana kolom ditumpuk.

Fitur Penting Lainnya – 5/5

Seperti yang saya sebutkan di atas, Visual Composer adalah pembuat situs web lengkap, sehingga Anda dapat membangun seluruh situs Anda menggunakan antarmuka, termasuk header, footer, template, dan banyak lagi.

Anda juga dapat menyisipkan konten dinamis dari bidang default dan kustom, seperti yang Anda tambahkan dengan ACF.

Fitur menonjol lainnya adalah Visual Composer Hub, yang hadir dengan banyak template dan elemen konten yang dapat Anda impor.

Penguncian – 5/5

Jika Anda menonaktifkan Visual Composer, ia meninggalkan HTML yang relatif bersih. HTML masih menyertakan kelas Visual Composer CSS, tetapi tidak ada masalah front-end atau kode pendek.

10. Pembuat Halaman WP

WP Page Builder adalah penawaran baru dari Themeum, pengembang WordPress yang sudah mapan. Jadi sementara plugin itu sendiri baru, itu berasal dari tim yang sudah ada di ruang WordPress untuk sementara waktu.

Themeum juga membuat plugin Tutor LMS yang kami ulas belum lama ini.

Harga: Versi gratis yang cukup murah hati. Versi Pro mulai dari $39.

Antarmuka – 4/5

WP Page Builder memiliki antarmuka yang cukup standar sejauh pembuat halaman pergi. Anda mendapatkan pratinjau visual desain Anda di sebelah kanan dan bilah sisi di sebelah kiri tempat Anda dapat mengontrol desain Anda.

Satu hal yang sangat saya sukai adalah kemampuan untuk mengatur jarak (margin/padding) menggunakan slider drag-and-drop. Anda juga dapat menggunakan pendekatan seret dan lepas yang serupa untuk mengubah ukuran kolom:

Namun, tidak ada pengeditan sebaris, yang sedikit mengecewakan. Sebagai gantinya, Anda harus mengedit teks di editor bilah sisi:

Termasuk Widget/Templat – 5/5

Bahkan dengan versi gratisnya, WP Page Builder hadir dengan pilihan widget yang luar biasa. Misalnya, versi gratis memberi Anda tabel harga, kisi pos, kotak flip, dan banyak lagi. Sebagian besar pembuat halaman lainnya memesan elemen ini untuk versi premium.

Anda juga mendapatkan akses ke 31+ Layout Bundles, yang merupakan paket template bertema untuk niche tertentu. Setiap tata letak mencakup beberapa template:

Opsi Penataan – 4/5

Saya telah menyebutkan kontrol spasi/tata letak drag-and-drop, yang merupakan fitur yang sangat nyaman.

Selain itu, Anda juga mendapatkan pilihan gaya yang bagus. Misalnya, Anda mendapatkan pembagi bentuk, opsi untuk menyembunyikan elemen pada perangkat tertentu dan menggunakan pengaturan berbeda untuk perangkat berbeda, dan banyak opsi gaya umum:

Namun, meskipun solid, Anda tidak mendapatkan opsi sebanyak yang Anda dapatkan dengan sesuatu seperti Elementor atau Divi, itulah sebabnya saya memilih skor "4" daripada "5".

Fitur Penting Lainnya – 3/5

WP Page Builder adalah pembuat halaman yang solid, tetapi belum membangun jenis tambahan yang Anda dapatkan dengan pembuat halaman lainnya. Misalnya, tidak ada pembuatan tema, pembuat popup, dll.

Di luar pembuat halaman itu sendiri, saya tidak benar-benar melihat fitur apa pun yang menonjol.

Penguncian – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?