Enam plugin drag and drop teratas dibandingkan dengan pembuat …

Pullins untuk menarik dan melepaskan generator halaman WordPress adalah hal yang populer!

Saya bahkan akan mengatakan bahwa ini adalah topik baru. Mengapa Anda harus mencari tema yang sesuai dengan tujuan situs Anda saat Anda mendapatkan tema dan kemudian dapat mengedit tata letak pembuat halaman?

Saya tidak menangis: Plugin WordPress hari ini untuk pembangun halaman benar-benar mampu membawa beban, dan mereka benar-benar menawarkan semua alat desain yang Anda butuhkan.

Tapi!

Yang mana yang harus Anda pilih? Apakah beberapa di antara mereka benar-benar lebih baik daripada yang lain? Perbandingan ini akan membantu Anda menjawab pertanyaan-pertanyaan ini. Berikut ini adalah daftar Enam plugin WordPress Page Builder terbaik di pasaran, sifatnya yang sangat baik dan kelebihan dan kekurangannya.

Mari kita mulai dengan grafik perbandingan singkat untuk mencakup detail yang paling menarik bagi Anda:

Plugin terbaik untuk pembuat situs web WordPress

Terhubung Item Harga Komentar Hasil akhir
ElemenPaket gratis: ✅

Paket profesional mulai: USD 49 untuk satu situs

Lebih dari 90 elemen konten.

Lebih dari 100 template halaman.

⭐⭐⭐⭐⭐
fitur

⭐⭐⭐⭐
mudah

⭐⭐⭐⭐⭐
desain

⭐⭐⭐⭐⭐
Pembangun BeaverPaket gratis: ✅

Paket pro dari: $ 99 untuk situs tanpa batas

Lebih dari 30 elemen konten.

Lebih dari 50 template halaman.

⭐⭐⭐⭐⭐
fitur

⭐⭐⭐⭐
mudah

⭐⭐⭐⭐
desain

⭐⭐⭐⭐
BrizyPaket gratis: ✅

Paket profesional dari: $ 49 untuk tiga lokasi

26 item konten

150 halaman template dalam Pro

⭐⭐⭐⭐
fitur

⭐⭐⭐⭐⭐
mudah

⭐⭐⭐⭐
desain

⭐⭐⭐⭐
Divi BuilderPaket gratis: ⛔

Paket pro dari: $ 89 untuk situs tanpa batas

Lebih dari 40 elemen konten.

~ 1.000 templat halaman

⭐⭐⭐⭐⭐
fitur

⭐⭐⭐
mudah

⭐⭐⭐⭐⭐
desain

⭐⭐⭐⭐
Pembangun ThemifyPaket gratis: ✅

Paket pro dari: $ 39 untuk situs tanpa batas

Lebih dari 25 elemen konten.

Lebih dari 40 halaman template.

⭐⭐⭐
fitur

⭐⭐⭐
mudah

⭐⭐⭐⭐⭐
desain

⭐⭐⭐
GutenbergPaket gratis: ✅

Rencana profesional ⛔

lebih dari 20 blok konten dasar dan lebih dari 30 sisipan tambahan

Tidak ada templat halaman.

⭐⭐
fitur

⭐⭐⭐⭐⭐
mudah

⭐⭐
desain

⭐⭐⭐

Berikut daftar lengkapnya:

Elemen

Paket gratis: paket profesional profesional dari: $ 49 / situs resmi

Anda tidak dapat memulai diskusi pembuat halaman tanpa menyebutkan Elementor. Saat ini plugin membangun halaman paling populer digunakan oleh lebih dari 3 jutaan situs yang digunakan dan bisa dibilang paling kaya fitur.

Kekuatan utama Elementor adalah sangat mudah dipahami, bahkan jika itu adalah interaksi pertama Anda dengan plugin generator tersebut. Pada dasarnya hanya ada satu kotak pengaturan utama di sebelah kiri dan jendela pratinjau langsung di tengah. Anda dapat dengan bebas menyeret dan melepas di antara area ini dan menyesuaikan blok sesuai keinginan.

Inilah antarmuka Elementor utama:

Terakhir, Elementor tersedia gratis. Ada juga versi profesional, tetapi dalam 95% kasus, versi gratisnya baik-baik saja (Elementor bukan salah satu dari alat gratis itu, yang pada dasarnya hanya dapat digunakan saat membayar).

Fitur utama ⚙️

  • Lebih dari 100 templat halaman siap pakai.
  • Blok halaman yang dibuat sebelumnya – item seperti bagian pahlawan, footer, dan header lengkap.
  • Seret dan lepas 100%; Anda dapat menyesuaikan semua yang Anda lihat di layar.
  • Ini berfungsi dengan posting dan halaman.
  • Anda juga dapat menggunakannya untuk mengganti posting dan templat file default untuk tema Anda.
  • Ada lebih dari 90 item konten yang tersedia, dan Anda dapat menggunakan widget apa pun yang telah Anda instal di situs Anda.
  • Ini bekerja dengan tema apa saja.
  • Ini berfungsi dengan WooCommerce dan mengandung elemen konten WooCommerce khusus.
  • Ia memiliki kontrol pengeditan seluler, dan semua yang Anda buat dengan Elementor dapat dilihat dan ditanggapi di perangkat seluler.
  • Ini memiliki generator popup.
  • Ini memiliki kolom khusus, lebar dan tinggi yang dapat disesuaikan di seluruh, posisi konten khusus, jarak kolom kustom, latar belakang, warna, bingkai, dan banyak lagi. Singkatnya, adaptasi kuat dalam hal ini.
  • Anda dapat mengimpor / mengekspor halaman khusus Anda dan templat pihak ketiga lainnya yang Anda temukan online.
  • Dukungan CSS khusus.

Manfaat 👍

  • Template halaman yang siap digunakan secara signifikan mempercepat pekerjaan plugin dan memberi Anda pilihan tata letak halaman yang sangat baik. Dan tentu saja Anda dapat dengan bebas menyesuaikan template ini.
  • Kontrol pengeditan seluler sangat keren. Anda dapat menggunakannya untuk mengubah bagaimana kreasi Anda muncul di perangkat seluler (atau tablet). Pada dasarnya Anda dapat memilih breakpoint, menyesuaikan ukuran font dan mengisi nilai, dan hal lain yang penting untuk tata letak yang dirancang dengan baik.
  • Ada komunitas besar di sekitar Elementor, jadi Anda selalu menemukan seseorang untuk membantu Anda dengan tantangan desain.
  • Ada plugin pihak ketiga lain yang berisi elemen dan blok konten elemen tambahan.
  • Mungkin plugin gratis terbaik di pasaran.

Kerugian 👎

  • Tidak semuanya dapat disesuaikan di pratinjau langsung. Untuk memproses hal-hal seperti bingkai, isi, margin, dan parameter struktur tata letak lainnya, buka bilah samping dan temukan opsi yang tepat di sana. Misalnya, Anda tidak bisa hanya mengambil dan menarik ujungnya.

Fitur: ⭐⭐⭐⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐⭐ / 5
Konsep: ⭐⭐⭐⭐⭐ / 5

Intinya: ⭐⭐⭐⭐⭐ / 5

👉 Baca tes Elementor kami

👉 Pergi ke Elementor

Pembangun Beaver

Paket gratis: profesional Paket profesional dari: $ 99 / situs resmi

Beaver Builder adalah solusi plugin hebat lainnya untuk pembuat situs WordPress. Ini sedikit lebih mahal daripada Elementor jika Anda ingin menggunakannya semuanya di satu tempat, tetapi itu akan menjadi bisnis besar jika Anda perlu mengelola beberapa situs, menjadikannya salah satu peluang terbaik bagi agensi dan freelancer.

Plugin ini menawarkan fitur pengeditan halaman seret dan lepas yang tersedia dalam antarmuka yang sepenuhnya dapat disesuaikan. Ini juga membantu Anda meningkatkan pekerjaan Anda dengan menyediakan satu set templat pra-terlatih.

Bekerja dengan plugin itu sangat mudah. Pertama, pilih templat halaman yang sudah dibentuk sebelumnya atau tambahkan elemen ke kanvas kosong. Tambahkan baris pertama dan kemudian blok konten untuk setiap baris. Anda dapat menyesuaikan semuanya, menyesuaikan gaya dan banyak lagi hingga Anda memiliki produk jadi.

Setiap item yang ada juga dapat diedit dengan mengkliknya dan menyesuaikan detail di jendela sembulan.

Inilah UI Beaver Builder:

UI Builder Beaver

Fitur utama

  • Lebih dari 50 templat halaman pra-terlatih.
  • Edit depan penuh: edit apa yang Anda lihat.
  • Dukungan dan fitur penuh.
  • Ponsel dioptimalkan dan SEO dioptimalkan.
  • Ini bekerja dengan tema apa saja.
  • Dokumen lengkap dan tutorial video.
  • Fungsi impor / ekspor.
  • Mendukung posting khusus, halaman, dan jenis posting.
  • Lebih dari 30 tema konten dan Anda juga dapat menggunakan widget WordPress standar.
  • Terjemahan selesai.
  • Ini berfungsi dengan WooCommerce dan mengandung elemen konten WooCommerce.
  • Beaver Themer: Sebuah plugin yang memungkinkan Anda untuk membuat seluruh tema Anda dengan Beaver Builder.

manfaat

  • Memungkinkan Anda membuat beberapa struktur kolom.
  • Antarmuka sederhana yang dapat Anda mulai dengan mudah.
  • Alternatif yang bagus untuk Elementor.
  • Template halaman yang menarik untuk memulai proyek Anda.
  • Antarmuka luar biasa untuk mengubah lebar kolom dan mengubah ukuran hal-hal secara umum: dukungan drag and drop penuh.
  • Font default terlihat bagus, yang berguna jika Anda tidak ingin memasukkannya secara manual.

kerugian

  • Mungkin dibatasi oleh cakupan topik Anda. Misalnya, mendapatkan desain lebar penuh sejati bisa jadi menantang.
  • Jangan batalkan di Ctrl + Z.
  • Elemen konten lebih kecil dari beberapa plugin penyusun halaman lainnya dalam daftar ini.
  • Tidak dapat menambahkan CSS khusus ke elemen.

Fitur: ⭐⭐⭐⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐⭐ / 5
Konsep: ⭐⭐⭐⭐ / 5

Intinya: ⭐⭐⭐⭐ / 5

👉 Baca tes Beaver Builder kami

👉 Pergi ke Beaver Builder

Brizy

Brizy

Paket Gratis: Paket Profesional Profesional dari: $ 49 / Situs web resmi

Brizy mewakili generasi baru dari plugin WordPress untuk pembuat situs dan menawarkan antarmuka pengguna yang cukup unik.

Setelah mengaktifkan Brizy, hapus antarmuka WordPress dari repositori dan tampilkan milik Anda. Anda akan menerima layar utama di mana Anda dapat menempatkan barang-barang Anda dan menyesuaikannya sesuai dengan kebutuhan Anda.

Jika Anda tertarik dengan Brizy Pro, Anda dapat menambahkan tata letak ke seluruh halaman di sini. Jika tidak, Anda dapat menambahkan blok individual terlebih dahulu. Di sini penting bahwa & # 39; blokir & # 39; Itu tidak merujuk ke elemen konten individu (seperti header atau gambar), tetapi bagian situs preformed (seperti judul + gambar + daftar fitur atau simbol + daftar + gambar halaman). Ini bisa sulit untuk dijelaskan dengan kata-kata, tetapi percayalah, ini sangat berguna dan mudah dipahami ketika Anda pertama kali melihatnya.

Pengeditan teks online juga berfungsi dengan baik dan berperilaku seperti yang diharapkan. Anda juga dapat menarik kolom untuk mengubah lebarnya.

Selain layar utama, ada juga sidebar kecil untuk tipografi, warna, dan penambahan modul konten individual. Secara keseluruhan, bilah samping di Brizy jauh lebih sedikit diucapkan daripada beberapa pembangun lain dalam daftar ini. Ini hanya memainkan peran terbatas, dan sebagian besar pekerjaan dilakukan langsung di atas kanvas.

Secara umum, semuanya sangat intuitif dan tidak menakutkan. Antarmuka pengguna memandu Anda dari awal dengan menunjukkan apa yang akan Anda lakukan selanjutnya.

Ini adalah antarmuka pengguna:

Brizy UI

Fitur utama

manfaat

kerugian

Fitur: ⭐⭐⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐⭐⭐ / 5
Konsep: ⭐⭐⭐⭐ / 5

Intinya: ⭐⭐⭐⭐ / 5

👉 Pergi ke Brizy

Divi Builder

Divi Builder

Paket gratis: paket profesional profesional dari: 89 USD (akses ke semua tema elegan) / Situs web resmi

Divi Builder dalam banyak hal sangat mirip dengan pembangun lain dalam daftar ini, tetapi ada beberapa perbedaan.

Perbedaan utama adalah cara UI disusun. Alih-alih memberi Anda jendela pratinjau dan bilah sisi untuk menyesuaikan detail, Divi Builder mengubah seluruh jendela menjadi pratinjau langsung dan meng-overlay semua pengaturan.

Divi Builder juga membantu Anda sedikit lebih banyak saat mengerjakan halaman baru, yang dapat bermanfaat bagi pengguna baru. Alih-alih melihat layar putih kosong yang besar, Divi Builder bertanya apakah Anda (1) memulai lagi, (2) memilih tata letak pra-terlatih, atau (3) ingin mengkloning halaman yang ada.

Tidak ada versi gratis Divi Builder. Namun, untuk satu pembayaran, Anda mendapatkan akses ke semua produk Tema Elegan, bukan hanya pembuatnya. Secara keseluruhan, mungkin layak jika Anda berencana menggunakan lebih banyak barang mereka.

Antarmuka pengguna umumnya siap digunakan, tetapi mungkin perlu waktu untuk terbiasa. Ada kontrol kode warna untuk modul konten, baris, dan bagian. Ada sejumlah modul konten yang layak untuk dipilih, tetapi mungkin tidak sebanyak beberapa plugin WordPress lain dalam daftar ini.

Penampilan UI:

divi ui

Fitur utama

  • hampir 1.000 desain standar untuk dipilih.
  • Dukungan dan fitur penuh saat Anda mengedit konten Anda.
  • Lebih dari 40 modul konten.
  • Uji Coba Divisi A / B.
  • Efek fotografi yang menarik yang memungkinkan Anda mengubah opacity gambar Anda, menyesuaikan kecerahan, saturasi, dan banyak lagi.
  • Ini berfungsi dengan posting dan halaman.
  • Ini bekerja dengan tema apa saja.
  • Anda dapat mengedit elemen besar di halaman.
  • Dukungan CSS khusus.
  • Pengeditan teks online.
  • Transformasi elemen multi-sumbu.
  • Anda dapat menyimpan dan menggunakan kembali desain Anda.

manfaat

  • Modul konten individual dirancang dengan sangat baik. Misalnya, Anda tidak perlu khawatir bahwa blok pengujian Anda tidak cocok dengan tata letak halaman Anda.
  • Ada banyak desain pra-terlatih.
  • Desain yang telah dirancang ini bukan hanya desain satu sisi, tetapi paket situs lengkap. Pada dasarnya Anda mendapatkan beberapa tata letak halaman yang mengikuti tata letak estetika tertentu, dan Anda dapat mengimpor semuanya sekaligus. Misalnya, jika Saat Anda mengerjakan halaman informasi, Anda dapat mengimpor halaman blog yang cocok, halaman kontak, portofolio, dan templat halaman arahan.
  • Memungkinkan Anda menguji catatan konten A / B.

kerugian

  • Antarmuka pengguna mungkin belum siap, tetapi Anda mungkin harus terbiasa. Misalnya, Anda sering melihat tiga tombol "+" terpisah di bawah satu sama lain. Ketika Anda mengklik pada setiap item, ada hal lain yang dilakukan dan tidak jelas mana yang akan digunakan.
  • Tidak ada versi gratis.
  • Mahal jika Anda hanya menginginkan plugin generator.

Fitur: ⭐⭐⭐⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐ / 5
Konsep: ⭐⭐⭐⭐⭐ / 5

Intinya: ⭐⭐⭐⭐ / 5

👉 Baca tes Divi Builder kami

👉 Pergi ke Divi Builder

Pembangun Themify

mereka lebih aneh

Paket gratis: ✅ Paket profesional dari: $ 39 / Situs web resmi

Plugin Themify Builder adalah plugin andalan untuk karyawan Themify (antara lain). Ini adalah alat kaya fitur yang memungkinkan Anda melakukan pekerjaan Anda di backend dan frontend.

Kedua antarmuka pengeditan (depan dan belakang) didasarkan pada serangkaian modul yang dapat Anda pilih lalu seret dan lepas ke kanvas. Artboard dibagi menjadi beberapa baris dan setiap baris dapat dibagi menjadi beberapa kolom.

Namun, tidak semuanya berjalan lancar. Saya menganggap plugin ini belum sepenuhnya kompatibel dengan antarmuka pengeditan blok WordPress. Bahkan jika Anda mengintegrasikan antarmuka pengguna Themify Builder langsung ke antarmuka pengeditan latar belakang, perubahan yang dibuat di sana mungkin tidak muncul di halaman akhir. Agar Themify berfungsi, yang terbaik adalah pergi ke halaman Anda dalam mode pratinjau dan mengaktifkan editor dari sana.

Jika Anda bekerja dengan generator samping sendiri, ini mirip dengan solusi lain, dengan sedikit perbedaan dalam kontrol spesifik. Themify juga menggunakan bilah menu atas sebagai area utama di mana Anda dapat mengelola parameter dasar seperti beralih dari desktop ke seluler, membatalkan dan mengulangi perubahan Anda, menyimpan tata letak, dan menambahkan CSS khusus.

Themify baik-baik saja sebagai pengembang freelance, tetapi untuk benar-benar bersinar, beralihlah ke tema Ultra Anda atau salah satu tema lainnya.

Inilah antarmuka:

Enam plugin drag and drop terbaik dibandingkan dengan pembangun halaman WordPress 1

Fitur utama

  • Lebih dari 25 modul konten.
  • Lebih dari 40 desain tata letak yang telah ditentukan.
  • Edit di belakang dalam tampilan rangka gambar atau di tampilan depan dalam tampilan langsung.
  • Dukungan drag and drop penuh (depan dan belakang).
  • Ini bekerja dengan tema apa saja.
  • Impor dan ekspor desain Anda.
  • Anda dapat menyimpan desain dan potongan desain lengkap.
  • Peran editor.
  • Dukungan CSS khusus.
  • Batalkan perpanjangan.
  • Lebih dari 60 efek animasi.
  • lengkap paket tambahan Tersedia seharga $ 39.

manfaat

  • Desain pra-terlatih yang menarik dan berbagai kategori untuk membuat pekerjaan Anda lebih mudah.
  • Setiap modul dapat disesuaikan. Anda dapat mengkonfigurasi semua aspek tentang bagaimana modul ditampilkan di layar.
  • Hasilnya responsif, SEO dioptimalkan dan siap diterjemahkan.
  • Plugin dan semua fitur-fiturnya gratis. Anda dapat membayar aksesori tambahan jika Anda membutuhkannya.

kerugian

  • Editor backend memiliki bug dalam kasus saya: perubahan yang disimpan di backend tidak ditampilkan di situs langsung.
  • Meskipun Anda dapat melihat pratinjau seperti apa desain Anda pada perangkat seluler, tidak banyak yang dapat Anda lakukan untuk mengatur parameter untuk perangkat seluler selain komputer desktop.
  • Ada jenis modul konten yang relatif lebih sedikit daripada solusi lain di sini. Yang mengatakan, semua hal yang paling banyak digunakan ada di sini.

Fitur: ⭐⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐ / 5
Konsep: ⭐⭐⭐⭐⭐ / 5

Intinya: ⭐⭐⭐ / 5

👉 Pergi ke Pembuat Themify

Editor blok standar WordPress, juga dikenal sebagai Gutenberg

Gutenberg "class =" aligncenter size-full wp-image-30090 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/03/1584928880_283_Los-seis-mejores-complementos-de-arrastrar- dan-drop-constructors-from.jpg 2000w, https://winningwp.com / wp-content / uploads / 2019/09 / Gutenberg-1-250x162.jpg 250w, https://winningwp.com/wp-content/ uploads / 2019/09 / Gutenberg-1-768x497.jpg 768w, https://winningwp.com/wp-content/uploads/2019/09/Gutenberg-1-700x453.jpg 700w, https://winningwp.com/ wp-content / uploads / 2019/09 / Gutenberg-1-120x78.jpg 120w "tama =" "m ="

Paket gratis: paket profesional profesional ⛔

Anda tidak mengharapkan itu, bukan? Bagi Anda yang tidak tahu, Gutenberg adalah nama pekerjaan yang sedang berjalan di UI pengeditan konten WordPress yang baru.

Dengan kata lain, Gutenberg (alias editor blok) telah diintegrasikan ke dalam situs WordPress Anda sejak awal. Tentu saja, ini bukan pembuat halaman WordPress lengkap, tetapi memiliki fitur pembuatan halaman dasar. Bagi banyak pengguna, mereka mungkin cukup, jadi saya menyajikannya di sini.

Gutenberg memiliki pro dan kontra, dan itu bukan alat yang paling terkenal di komunitas WordPress, tetapi memiliki banyak hal untuk ditawarkan.

Pertama, sudah ada, jadi Anda tidak perlu menginstal apa pun. Ini juga memberi Anda fitur berbasis blok minimal dan membuat pemulihan kurang menakutkan daripada menggunakan beberapa pembangun yang lebih tua.

Inilah antarmuka:

Enam plugin drag and drop teratas dibandingkan dengan pembangun halaman WordPress 2

Fitur utama

  • Lebih dari 20 Blok konten dasar.
  • Lebih dari 30 taruhan tambahan (untuk konten dari Facebook. Twitter dan sebagainya).
  • Ini bekerja dengan tema apa saja.
  • Ini bekerja dengan semua widget WordPress standar.
  • Ini berfungsi dengan posting dan halaman.
  • Itu dapat diintegrasikan ke semua plugin WordPress yang memiliki reputasi baik.
  • Kolom dasar yang kompatibel.
  • Hal-hal seperti tata letak multi-kolom tersedia melalui plugin pihak ketiga.

manfaat

  • Sudah ada dan sudah diinstal sebelumnya di WordPress.
  • Ini menawarkan segala yang dibutuhkan pengguna WordPress rata-rata.
  • Ada komunitas besar pengembang yang membuat plugin dengan blok dan fitur tambahan seperti ini.

kerugian

  • Hanya memiliki sifat dasar pembuatan halaman.
  • Dia hanya melakukan apa yang memungkinkan subjeknya lakukan.

Fitur: ⭐⭐ / 5
Kemudahan penggunaan: ⭐⭐⭐⭐⭐ / 5
Konsep: ⭐⭐ / 5

Intinya: ⭐⭐⭐ / 5

Pikiran terakhir

Ini meringkas pendapat kami tentang plugin drag and drop terbaik untuk pembuat situs WordPress. Tentu ada banyak solusi bagus untuk dipilih, dan memilih yang terbaik tergantung pada kebutuhan pribadi Anda dan apa yang Anda harapkan dari kontraktor ideal Anda.

Masih tidak yakin yang mana untuk dibeli? Saya menyarankan yang berikut:

Pertama, mulailah dengan editor blok WordPress biasa. Mungkin ia memiliki semua fitur yang benar-benar Anda butuhkan, terutama mengingat semua blok tambahan yang bisa Anda dapatkan dari plugin pihak ketiga.

Jika tidak, buka Elementor → Beaver Builder → Brizy → Divi Builder → Themify Builder.

Jadi Anda pasti akan menemukan pembangun sempurna Anda.

Saya sangat senang dengan plugin umum untuk pembuat situs dan tidak sabar untuk melihat apa yang akan terjadi selanjutnya untuk pasar ini.

Jika Anda ingin menggunakan pengaya tarik dan lepas laman khusus untuk membuat laman landas untuk situs Anda, periksa sejumlah pengaya WordPress di pos sebelumnya untuk membantu Anda mengetahuinya.

Pos terkait

Back to top button