Beaver Builder vs Elementor: Pemikiran Jujur tentang Memilih Pembuat Halaman Terbaik (2022)

Diterbitkan: 2022-02-14

Mencoba memilih antara Beaver Builder vs Elementor sebagai pembuat halaman untuk situs WordPress Anda?

Ini adalah dua plugin pembuat halaman WordPress terbaik, jadi Anda pasti telah mempersempit daftar Anda ke beberapa opsi kualitas.

Tetapi mengingat bahwa Elementor dan Beaver Builder adalah alat yang populer, berkualitas tinggi, dan ditinjau dengan baik, bagaimana Anda memilih di antara keduanya untuk memilih opsi terbaik untuk situs Anda?

Saya akan membantu Anda menjawab pertanyaan itu dengan menggali alat-alat ini secara mendalam. Pada akhir tinjauan ini, Anda seharusnya memiliki gagasan yang cukup bagus tentang pembuat halaman mana yang lebih baik untuk situasi Anda!

Daftar isi
  1. Gambaran Umum Fitur Beaver Builder vs Elementor
  2. Perbandingan Fitur Rinci
  3. Tes Kinerja
  4. Versi Gratis
  5. Harga untuk Versi Premium
  6. Ekstensi Pihak Ketiga
  7. Dukungan Komunitas/Sumber Pembelajaran
  8. Elementor vs Beaver Builder: Mana yang Harus Anda Gunakan?
  9. Pikiran Terakhir tentang Beaver Builder vs Elementor

Gambaran Umum Fitur Beaver Builder vs Elementor

Untuk memulai perbandingan Beaver Builder vs Elementor kami, mari kita lihat fitur tingkat tinggi yang ditawarkan kedua plugin ini. Anda akan melihat banyak fitur ini secara lebih mendalam, tetapi saya pikir ini membantu untuk memulai dengan sederhana:

elemen pembangun berang-berang
Kemudahan penggunaan
Desain visual, seret dan lepas
Pengeditan teks sebaris
Dukungan klik kanan
Fleksibilitas desain
Desain responsif
Template
Pembuat tema
Dukungan konten dinamis (bidang khusus)
Pembuat pop-up
label putih
Ekstensi Pihak Ketiga/API Pengembang

Secara umum, Elementor menawarkan "lebih banyak" daripada Beaver Builder: lebih banyak opsi desain, lebih banyak opsi antarmuka, lebih banyak templat, dan seterusnya.

Namun, saya tidak berpikir Anda harus secara otomatis berasumsi bahwa "lebih" berarti "lebih baik". Jangan salah paham, saya pikir Elementor lebih baik untuk kebanyakan orang karena detail itu.

Namun, beberapa orang tidak menginginkan atau membutuhkan "lebih" — mereka hanya ingin fitur inti dilakukan dengan sangat baik dan dalam paket yang ringan. Menurut pengalaman saya, mereka adalah tipe orang yang lebih suka Beaver Builder vs Elementor.

Saya terlalu cepat, karena saya akan membicarakan ini lebih banyak nanti.

Perbandingan Fitur Rinci

Sekarang, mari kita lihat perbandingan Elementor dan Beaver Builder dalam hal antarmuka pengeditan, opsi gaya/desain, desain responsif, template, pembuatan tema, dan fitur lainnya.

Mengedit Antarmuka

Baik Elementor dan Beaver Builder menawarkan pengalaman pengeditan yang cepat dan bebas kesalahan.

Secara umum, antarmuka yang Anda sukai benar-benar tergantung pada preferensi pribadi. Tidak ada yang secara inheren lebih baik, dan Anda akan menemukan banyak orang yang lebih memilih satu atau yang lain.

Jika saya harus membuat beberapa poin tingkat tinggi, saya akan mengatakan ini:

  • Elementor memberi Anda lebih banyak alat antarmuka yang meningkatkan alur kerja, seperti dukungan klik kanan dan kemampuan untuk menyalin/menempel elemen dan gaya dengan lebih mudah.
  • Beaver Builder memberi Anda lebih banyak opsi untuk menyesuaikan tata letak antarmuka.

Mari kita lihat keduanya sehingga Anda dapat melihat mereka beraksi.

elemen

Dengan antarmuka Elementor, Anda mendapatkan pratinjau besar desain Anda di sebelah kanan, bersama dengan bilah sisi tetap di sebelah kiri tempat Anda dapat menambahkan konten baru dan pengaturan kontrol. Jika Anda menginginkan pratinjau layar penuh, Anda dapat menutup bilah sisi:

Antarmuka elemen vs Beaver Builder

Untuk menambahkan widget, Anda dapat menyeretnya dari bilah sisi. Untuk mengedit teks widget, Anda dapat mengklik dan mengetik di halaman. Untuk mengedit pengaturannya, Anda dapat mengkliknya untuk membuka pengaturannya di bilah sisi.

Ada beberapa fitur antarmuka berguna yang ditawarkan Elementor tetapi Beaver Builder tidak.

Yang pertama adalah dukungan klik kanan, yang tidak ditawarkan Beaver Builder. Di Elementor, Anda dapat mengklik kanan pada elemen apa pun untuk membuka beberapa opsi. Opsi yang paling berguna adalah kemampuan untuk menyalin/menempel seluruh widget atau hanya gaya di antaranya:

Dukungan klik kanan

Fitur berguna lainnya adalah Elementor's Navigator, yang memberi Anda tampilan tingkat tinggi pada struktur halaman Anda. Anda dapat mengklik elemen untuk membuka pengaturannya dengan cepat dan juga mengganti namanya untuk membantu Anda melacak berbagai hal:

Navigator Elementor

Elementor juga menawarkan fungsionalitas undo/redo dan log riwayat terperinci untuk mengembalikan perubahan:

Urungkan/ulangi

pembangun berang-berang

Tata letak antarmuka Beaver Builder lebih dapat disesuaikan daripada Elementor, tetapi tidak memiliki beberapa alat Elementor yang berguna seperti dukungan klik kanan.

Anda mendapatkan pratinjau lebar penuh dari desain Anda dengan bilah atas dari Beaver Builder:

Antarmuka Beaver Builder

Untuk menambahkan konten, Anda dapat mengklik ikon plus untuk memperluas menu:

Menambahkan modul

Untuk mengedit pengaturan baris, kolom, atau modul, Anda dapat mengkliknya untuk membuka popup. Munculan ini dapat diseret dan diubah ukurannya:

popup antarmuka pengeditan Beaver Builder

Jika Anda lebih suka antarmuka tetap, Anda dapat menyeret sembulan ke salah satu sisi untuk membuat bilah sisi tetap di kiri atau kanan:

Bilah sisi tetap

Memiliki fleksibilitas ini bagus karena memungkinkan Anda menyesuaikan antarmuka dengan kebutuhan Anda, yang merupakan keunggulan Beaver Builder dibandingkan Elementor.

Namun, Beaver Builder tidak memiliki dukungan klik kanan, yang membuatnya sulit untuk menyalin/menempel konten. Anda dapat menduplikasi modul, dan ada cara untuk menyalin gaya dari area pengaturan modul, tetapi tidak seefisien Elementor karena Anda perlu membuka area pengaturan penuh modul setiap kali Anda ingin menyalin dan menempelkan gaya.

Beaver Builder memberi Anda tampilan tingkat tinggi pada antarmuka yang mirip dengan navigator Elementor, meskipun Anda tidak mendapatkan opsi untuk mengganti nama elemen:

Struktur halaman

Anda juga mendapatkan riwayat dan log revisi seperti Elementor.

Pilihan Gaya/Desain

Selanjutnya, mari kita lihat opsi gaya dan desain yang Anda dapatkan di dalam setiap editor.

Dalam hal fitur desain inti, kedua plugin memberi Anda semua yang Anda butuhkan untuk mengontrol warna, spasi, tipografi, dan sebagainya.

Namun, Elementor memberi Anda opsi desain yang lebih canggih, terutama jika Anda meningkatkan ke Elementor Pro. Misalnya, Elementor Pro memungkinkan Anda menerapkan efek gerakan keren, menggunakan pemosisian khusus, dan banyak lagi. Ini adalah alasan besar mengapa saya berpikir bahwa banyak desainer web lebih memilih Elementor daripada Beaver Builder.

elemen

Elementor memungkinkan Anda mengonfigurasi aturan gaya dan desain untuk setiap bagian, kolom, atau widget. Aturan-aturan ini dibagi menjadi tiga tab. Di sini, Anda dapat mengakses pengaturan dasar seperti warna dan tipografi serta pengaturan lanjutan untuk spasi dan efek lainnya:

Opsi gaya elemen

Seperti yang saya sebutkan di awal, Elementor umumnya memberi Anda lebih banyak fleksibilitas desain. Berikut adalah tiga contoh terbesar di mana Elementor melangkah lebih jauh dari Beaver Builder:

  • Efek Gerak – memungkinkan Anda menambahkan efek visual dan gulir keren ke desain Anda — pelajari lebih lanjut di sini
  • Pemosisian Khusus – memberi Anda kendali sempurna piksel atas penempatan elemen menggunakan pemosisian absolut atau relatif — pelajari lebih lanjut di sini
  • CSS khusus untuk elemen individual – memungkinkan Anda menambahkan CSS khusus ke bagian, kolom, atau widget individual ( sedangkan Beaver Builder hanya memungkinkan Anda menambahkan CSS khusus ke halaman atau kelas ke elemen individual )
Pemosisian kustom elemen

Untuk desain di seluruh situs, Elementor hadir dengan sistem desainnya sendiri yang memungkinkan Anda mengatur warna dan tipografi di seluruh situs.

Pengaturan di seluruh situs ini berfungsi seperti variabel CSS: jika Anda memperbarui pengaturan, itu akan secara otomatis memperbarui setiap contoh di situs Anda (kecuali jika Anda secara manual mengganti default untuk memilih warna khusus):

Sistem desain

Perhatikan bahwa semua opsi desain unik di sini memerlukan Elementor Pro. Versi gratis Elementor masih cukup fungsional; itu tidak memberi Anda opsi paling unik.

pembangun berang-berang

Beaver Builder menangani semua dasar dengan sangat baik. Namun, itu tidak menawarkan opsi desain lanjutan yang dilakukan Elementor Pro (yang saya jelaskan di atas).

Namun, kebanyakan orang mungkin tidak memerlukan Efek Gerak atau pemosisian khusus. Jadi, meskipun Elementor mungkin memberi Anda "lebih", itu mungkin tidak membuat perbedaan yang berarti bagi Anda jika Anda hanya membuat desain langsung dan/atau Anda bukan seorang desainer web.

Seperti Elementor, Beaver Builder memungkinkan Anda mengontrol opsi gaya/desain di tingkat baris, kolom, atau modul. Pengaturan ini juga dibagi menjadi tiga tab:

Opsi gaya Beaver Builder

Anda juga dapat menambahkan prasetel warna untuk membantu Anda menerapkan warna yang konsisten dengan cepat.

Namun, Anda tidak dapat menggunakan ini sebagai semacam variabel CSS seperti yang diizinkan oleh Elementor. Artinya, Anda tidak dapat memperbarui prasetel Anda sekaligus dan perubahan itu secara otomatis menyebar ke seluruh situs Anda:

Warna yang disimpan

Desain responsif

Elementor dan Beaver Builder keduanya membuat desain responsif secara default, yang berarti desain Anda akan berfungsi apa pun perangkat yang digunakan seseorang.

Mereka juga memberi Anda alat tambahan untuk bekerja dengan desain responsif. Ada banyak kesamaan di sini, jadi saya tidak akan membandingkannya secara berdampingan di bagian ini.

Elementor dan Beaver Builder memungkinkan Anda:

  • Buka pratinjau responsif untuk melihat tampilan desain Anda di berbagai perangkat
  • Sesuaikan jarak, ukuran, dan lainnya berdasarkan perangkat pengguna
  • Sembunyikan baris, kolom, atau elemen konten tertentu berdasarkan perangkat pengguna
  • Kustomisasi breakpoint responsif (Elementor sedikit lebih kuat di sini karena memungkinkan Anda menambahkan breakpoint kustom tanpa batas, sementara Beaver Builder hanya memungkinkan Anda menyesuaikan breakpoint tablet dan seluler.)

Berikut mode edit responsif di Elementor:

Mode pengeditan responsif elemen

Dan, inilah mode pengeditan responsif di Beaver Builder:

Mode pengeditan responsif Beaver Builder

Template

Meskipun Elementor dan Beaver Builder memberi Anda semua alat yang Anda butuhkan untuk membuat desain kompleks dari awal, menyatukan semua bagian itu bisa jadi sulit jika Anda bukan desainer berpengalaman. Untuk membantu, kedua plugin dilengkapi dengan berbagai jenis template yang dapat Anda gunakan sebagai titik awal.

Namun, jika Anda menghargai template, Elementor adalah pemenang yang pasti karena memberi Anda lebih banyak template secara signifikan dan, meskipun desain bersifat subjektif, saya pikir template Elementor terlihat lebih baik (dan mereka juga mencakup lebih banyak niche).

Elementor juga memberi Anda kit templat situs web lengkap, yang tidak ditawarkan Beaver Builder.

elemen

Pada level tinggi, Elementor memberi Anda dua jenis templat:

  • Halaman – ini adalah templat satu halaman penuh
  • Blok – ini adalah templat bagian (Anda dapat menambahkan beberapa blok ke halaman untuk membuat desain lengkap)
Template elemen

Elementor juga menawarkan kit situs web, yang merupakan kumpulan templat beberapa halaman yang membantu Anda membangun situs web yang lengkap. Misalnya, Anda mendapatkan satu templat untuk beranda, satu lagi untuk halaman kontak, satu lagi untuk halaman layanan, dan seterusnya.

Saat ini, Elementor menawarkan 80+ perangkat situs web, meskipun Anda memerlukan Elementor Pro untuk mengaksesnya. Jelajahi mereka di sini.

Anda juga memiliki opsi untuk menyimpan desain Anda sendiri sebagai templat halaman atau blok sehingga Anda dapat dengan cepat menggunakannya kembali nanti. Ada juga layanan pihak ketiga yang keren bernama WunderWP yang memungkinkan Anda menyimpan template Elementor kustom Anda ke cloud dan menggunakannya kembali di semua situs Elementor Anda.

Terakhir, beberapa fitur Elementor yang akan kita bahas memiliki template sendiri. Ini termasuk tema, WooCommerce, dan pembuat popup. Misalnya, jika Anda bekerja di pembuat sembulan, Anda juga akan mendapatkan banyak templat sembulan.

pembangun berang-berang

Beaver Builder memberi Anda dua jenis templat:

  • Baris – templat untuk bagian halaman tertentu (Anda dapat menggabungkannya untuk membuat desain satu halaman penuh)
  • Halaman – templat halaman penuh yang dibagi menjadi halaman arahan dan halaman konten
Template Beaver Builder

Namun, seperti yang saya sebutkan sebelumnya, pilihannya tidak terlalu besar atau beragam seperti yang ditawarkan Elementor.

Anda juga dapat menyimpan desain Anda sendiri sebagai template sehingga Anda dapat dengan cepat menggunakannya kembali nanti.

Satu hal keren dengan template adalah pengembang Beaver Builder baru saja meluncurkan plugin Assistant Pro mereka sendiri yang memungkinkan Anda menyimpan template Beaver Builder ke cloud dan menggunakannya kembali di beberapa situs. Karena Assistant Pro juga bekerja dengan Elementor (dan beberapa pembuat lainnya), ada baiknya dicoba meskipun Anda memilih Elementor.

Gedung Tema

Meskipun Elementor dan Beaver Builder dimulai sebagai plugin pembuat halaman eksklusif, keduanya telah menambahkan fungsionalitas pembuat tema lengkap.

Dengan pembuatan tema, Anda dapat menggunakan desain drag-and-drop visual untuk menyesuaikan template tema Anda, termasuk:

  • tajuk
  • catatan kaki
  • Tunggal (templat yang digunakan setiap posting, halaman, dan jenis posting khusus)
  • Arsip (templat yang mencantumkan posting blog Anda, atau posting dari jenis posting khusus)

Inilah perbedaan utama:

  • Pembuatan halaman: Anda mendesain posting atau halaman individual. Anda dapat menyimpan desain Anda sebagai templat untuk digunakan kembali, tetapi Anda perlu menerapkan desain secara manual di mana pun Anda ingin menggunakannya.
  • Pembuatan tema: Anda membuat desain templat tema aktual yang akan digunakan secara otomatis oleh posting dan halaman Anda. Misalnya, jika Anda menulis posting blog baru, konten yang Anda tambahkan di editor WordPress biasa akan secara otomatis ditampilkan di template bangunan tema Anda. Anda juga dapat mendesain template header dan footer Anda.

Kedua plugin tersebut juga mendukung konten dinamis dari custom field, yang berarti Anda dapat mengisi template Anda dengan konten dari custom field yang telah Anda tambahkan dengan plugin seperti Advanced Custom Fields (ACF), Toolset, Pods, dan sebagainya.

elemen

Dengan pembuat tema Elementor Pro, Anda mendapatkan antarmuka khusus untuk mengelola bagian templat tema Anda:

Antarmuka pembuat tema elemen

Saat Anda membuat template tema, Anda akan menggunakan editor visual yang sama. Satu-satunya perbedaan adalah Anda mendapatkan widget tema dinamis untuk membangun desain Anda.

Misalnya, jika Anda membuat template postingan, Anda akan mendapatkan widget untuk menyisipkan judul postingan, konten postingan, penulis, dan sebagainya:

Modul tema

Anda juga dapat menggunakan fitur Tag Dinamis untuk menyisipkan konten dinamis dari situs Anda atau bidang khusus yang telah Anda tambahkan.

Anda dapat menggunakan konten dinamis untuk mengisi teks, gambar, tautan, dan sebagainya, yang membuka banyak fleksibilitas untuk membangun situs konten khusus:

Konten dinamis elemen

Sebelum Anda menerbitkan template, Anda dapat memilih untuk menggunakannya untuk seluruh situs Anda atau hanya untuk konten tertentu, misalnya kategori posting blog tertentu:

Kondisi template

pembangun berang-berang

Untuk menambahkan bangunan tema ke Beaver Builder, Anda perlu membeli ekstensi Beaver Themer resmi. Lebih lanjut tentang harga nanti .

Satu hal yang perlu diperhatikan tentang Beaver Themer adalah ia tidak menawarkan kompatibilitas penuh dengan semua tema, sedangkan Elementor Pro menawarkan.

Anda dapat membuat templat tunggal dan arsip dengan tema apa pun, tetapi Anda hanya dapat membuat templat header atau footer jika tema Anda kompatibel dengan Beaver Themer.

Untuk menjelaskan ini, Anda dapat menggunakan Tema Beaver Builder resmi atau tema populer seperti Astra, GeneratePress, dan Genesis — daftar lengkapnya di sini.

Tata letak tema Beaver Builder

Setelah Anda membuat template, Anda bisa menggunakan kondisi tampilan untuk mengontrol di mana Anda ingin menampilkan template tersebut. Beaver Builder sangat kuat di sini — selain memungkinkan Anda menargetkan konten, Anda juga dapat menargetkan:

  • Perilaku pengguna seperti status masuk pengguna, peran pengguna, dan lainnya
  • Detail posting seperti judul atau bidang khusus
  • Tag bersyarat WordPress

Aturan terperinci ini adalah sesuatu yang dilakukan Beaver Themer lebih baik daripada Elementor Pro, meskipun sebagian besar situs tidak perlu setepat ini:

Pengaturan tata letak tema

Dari sana, Anda dapat meluncurkan antarmuka Beaver Builder untuk mendesain template. Seperti Elementor, Anda akan menggunakan editor biasa bersama dengan beberapa modul Themer khusus:

Modul Themer Berang-berang

Beaver Themer juga memungkinkan Anda memasukkan informasi dari bidang khusus yang telah Anda tambahkan dengan plugin seperti ACF:

Dukungan konten dinamis

Fitur Penting lainnya

Di luar apa yang kami bahas di atas, setiap pembuat memiliki beberapa fitur unik. Mari kita pergi melalui mereka.

elemen

Salah satu fitur unik Elementor adalah pembuat popupnya . Dengan pembuat popup, Anda dapat menggunakan antarmuka Elementor yang sama untuk mendesain semua jenis popup yang berbeda, termasuk popup modal, bilah notifikasi, pengisi layar penuh, slide-in, dan banyak lagi:

Pembuat sembulan elemen

Sebelum Anda memublikasikan munculan, Anda harus menerapkan penargetan terperinci dan aturan pemicu untuk mengontrol tempat dan waktu kemunculannya:

Aturan tampilan popup

Secara keseluruhan, saya akan mengatakan pembuat sembulan Elementor sepenuhnya menghilangkan kebutuhan akan plugin sembulan pihak ketiga. Namun, satu-satunya fitur yang kurang adalah tidak menyertakan pengujian atau analitik A/B bawaan.

Namun, ini adalah fitur yang sangat berharga dan yang tidak ditawarkan Beaver Builder.

pembangun berang-berang

Jika Anda membuat situs klien, satu fitur yang mungkin Anda sukai di Beaver Builder adalah pelabelan putihnya . Pada dasarnya, ini memungkinkan Anda mengganti semua branding Beaver Builder dengan milik Anda sendiri, yang memungkinkan Anda mengirimkan situs web yang lebih bermerek ke klien Anda. Elementor tidak menawarkan label putih.

Area lain di mana Beaver Builder mengalahkan Elementor adalah dukungan multisite WordPress. Elementor memang mendukung multisite, tetapi Anda memerlukan kunci lisensi aktif untuk setiap situs jaringan, yang sedikit mengecewakan dari perspektif anggaran.

Di sisi lain, Beaver Builder hanya memerlukan satu kunci lisensi, yang berarti Anda dapat memberi daya pada seluruh jaringan multisitus Anda tanpa biaya tambahan.

Tes Kinerja

Setiap kali Anda menggunakan pembuat halaman WordPress, Anda akan selalu mengorbankan setidaknya sedikit kinerja dibandingkan hanya menggunakan editor WordPress asli. Namun, beberapa pembangun lebih baik daripada yang lain, itulah sebabnya saya pikir itu berguna untuk menguji kinerja Elementor vs Beaver Builder.

Untuk menguji ini, saya menyiapkan halaman pengujian yang identik dengan setiap pembuat. Situs menggunakan tema yang sama (tema Sydney kami yang ringan) dan menyertakan widget/modul yang setara.

Untuk situs pengujian Elementor saya, saya menjalankan dua tes berbeda untuk keadilan:

  1. Tes di mana saya mengaktifkan eksperimen yang berfokus pada kecepatan Elementor untuk peningkatan aset dan pemuatan CSS, yang saya sarankan Anda lakukan di situs baru
  2. Pengujian dengan konfigurasi default (eksperimen yang dinonaktifkan)

Berikut bobot setiap halaman untuk keseluruhan halaman (termasuk tema):

LCP median Ukuran halaman Permintaan HTTP
pembangun berang-berang 0,418 detik 276 KB 17
Elemen dengan eksperimen 0,915 detik 321 KB 31
Default elemen 1.009 detik 381 KB 36

Secara keseluruhan, Beaver Builder memiliki keunggulan dalam hal optimasi out-of-the-box. Namun, menurut saya perbedaannya tidak terlalu berarti, selama Anda mengikuti praktik terbaik kinerja WordPress lainnya.

Misalnya, ketika saya menambahkan WP Rocket ke situs pengujian Elementor saya, lihat bagaimana angkanya turun:

LCP median Ukuran halaman Permintaan HTTP
Elemen dengan WP Rocket 0,237 detik 169 KB 10

Baca ulasan WP Rocket saya untuk mempelajari mengapa ini sangat efektif.

Pada dasarnya, meskipun Beaver Builder sedikit lebih ringan di luar kotak, Anda masih dapat membangun situs yang memuat cepat dengan Elementor jika Anda menerapkan praktik terbaik kinerja. Untuk alasan itu, saya tidak tahu bahwa kinerja harus memainkan peran terbesar dalam keputusan Anda.

Versi Gratis

Elementor dan Beaver Builder menawarkan versi gratis di WordPress.org. Namun, tidak ada perbandingan antara versi gratis; Elementor adalah pemenang yang jelas.

Versi gratis Elementor adalah plugin yang berfungsi penuh yang dapat Anda gunakan dalam banyak cara. Saya dengan senang hati menggunakan Elementor versi gratis di situs saya, dan kami juga menggunakannya untuk memberi daya pada situs pemula tema Sydney kami.

Meskipun versi gratis Beaver Builder berfungsi dalam hal antarmuka, ia memiliki pilihan modul yang sangat terbatas, yang membuatnya tidak praktis untuk membuat desain yang kompleks.

Secara keseluruhan, jika Anda secara khusus mencari alat gratis dan tidak mau membayar uang, versi gratis Elementor jauh lebih kuat.

Harga untuk Versi Premium

Dalam hal harga untuk versi premium, tidak ada pemenang yang jelas antara Elementor vs Beaver Builder karena masing-masing bisa lebih terjangkau dalam situasi tertentu.

Pertama-tama mari kita bicara tentang apa harganya dan kemudian saya akan membandingkan harga dalam konteksnya.

Harga Elementor Pro

Elementor Pro adalah add-on untuk plugin Elementor inti yang memberi Anda akses ke hal-hal berikut:

  • 50+ widget baru
  • Pembuat tema dan fungsionalitas pembuat WooCommerce
  • Pembuat popup
  • Lebih banyak pilihan desain
  • Lebih banyak template

Elementor Pro menawarkan lima paket berbeda. Perbedaan utama antara paket tersebut adalah jumlah situs tempat Anda dapat menggunakan Elementor Pro, tetapi paket tingkat yang lebih tinggi juga mendapatkan akses ke lebih banyak templat kit situs web dan dukungan VIP:

  • Penting – $49 untuk satu situs
  • Pro – $99 untuk tiga situs (Tidak digambarkan dalam tabel harga utama; Anda harus mengklik tautan yang saya soroti di bawah.)
  • Pakar – $199 untuk 25 situs
  • Studio – $499 untuk 100 situs
  • Agensi – $999 untuk 1.000 situs
Harga Elementor Pro

Anda harus memperbarui lisensi Anda setiap tahun untuk terus menggunakan modul Pro dan menerima dukungan serta pembaruan. Jika lisensi Anda menjadi tidak aktif, desain Elementor Pro Anda yang ada akan tetap berfungsi. Namun, Anda tidak akan dapat menambahkan modul Pro baru ke desain Anda tanpa lisensi aktif.

Harga Beaver Builder

Versi premium Beaver Builder memberi Anda akses ke pilihan modul lengkap bersama dengan lebih banyak template dan beberapa tambahan fitur lainnya.

Beaver Builder menawarkan tiga paket harga yang berbeda, tetapi kebanyakan orang hanya membutuhkan paket Standar $99.

Tidak seperti Elementor, semua paket Beaver Builder memungkinkan penggunaan di situs tanpa batas .

Harga Beaver Builder

Saya pikir satu-satunya alasan yang berarti* untuk mendapatkan paket tingkat yang lebih tinggi adalah:

  1. Anda memerlukan dukungan multisitus (paket Pro ).
  2. Anda memerlukan label putih ( Rencana agensi ).

*Saya tidak menemukan tema Beaver Builder menjadi begitu berharga lagi karena sekarang ada banyak tema dasar ringan berkualitas tinggi .

Tidak seperti Elementor Pro, Beaver Builder tidak menyertakan pembuatan tema di plugin inti. Sebagai gantinya, Anda perlu membeli ekstensi Beaver Themer untuk menambahkan bangunan tema.

Beaver Themer berharga $ 147 untuk digunakan di situs tanpa batas.

Jadi - inilah yang akan dibayar kebanyakan orang:

  • Pembuatan halaman di situs tak terbatas – $99
  • Membangun tema di situs tak terbatas – $246

Untuk terus menerima dukungan dan pembaruan setelah tahun pertama, Anda harus memperbarui lisensi Anda. Namun, Beaver Builder menawarkan diskon 40%, yang menghemat uang Anda.

Harga Elementor Pro vs Beaver Builder

Seperti yang saya sebutkan di awal, Elementor Pro dan Beaver Builder bisa lebih terjangkau dalam situasi yang berbeda. Ada dua faktor yang akan mempengaruhi hal ini:

  • Berapa banyak situs yang Anda rencanakan untuk menggunakan plugin?
  • Apakah Anda perlu membangun tema atau tidak

Begini cara rusaknya:

Jika Anda hanya membutuhkan pembuatan halaman (TANPA pembuatan tema) :

  • Elementor Pro lebih murah untuk satu situs ($49).
  • Elementor Pro dan Beaver Builder setara untuk hingga tiga situs ($99).
  • Beaver Builder lebih murah untuk lebih dari tiga situs ($99 untuk unlimited).

Jika Anda membutuhkan bangunan tema :

  • Elementor Pro lebih murah untuk hingga 25 situs ($49 – $199 tergantung pada jumlah situs).
  • “Beaver Builder + Beaver Themer” lebih murah untuk lebih dari 25 situs ($246 untuk situs tak terbatas).

Salah satu pertimbangan lainnya adalah harga perpanjangan. Setelah tahun pertama, kedua plugin mengharuskan Anda memperbarui lisensi untuk terus menerima dukungan dan pembaruan. Namun, Elementor membebankan harga penuh saat pembaruan sementara Beaver Builder memberi Anda diskon 40%.

Ekstensi Pihak Ketiga

Sementara Elementor dan Beaver Builder keduanya dikemas dengan fitur di plugin inti, keduanya juga memiliki pasar ekstensi pihak ketiga yang dinamis.

Dengan kedua plugin, Anda dapat menggunakan ekstensi untuk menambahkan lebih banyak:

  • Widget/modul
  • Template
  • Pilihan desain
  • Fitur

Secara keseluruhan, Elementor memiliki pasar yang lebih besar karena lebih populer, tetapi Beaver Builder masih berada di tingkat teratas dalam hal ekstensi.

Jika Anda ingin melihat beberapa contoh, kami memiliki posting di masing-masing:

  • Add-on Elementor Terbaik
  • Pengaya Beaver Builder terbaik

Dukungan Komunitas/Sumber Pembelajaran

Elementor dan Beaver Builder menawarkan dukungan resmi kepada pelanggan dengan lisensi aktif. Namun, dukungan resmi lebih untuk masalah dengan plugin (misalnya bug) daripada sekadar mempelajari cara menggunakannya.

Dalam hal meningkatkan keterampilan dan pengetahuan Anda, Anda terutama akan mengandalkan tiga saluran:

  • Sumber daya resmi dari pengembang
  • Komunitas pengguna (biasanya di Facebook)
  • Sumber belajar pihak ketiga (misalnya blog atau saluran YouTube)

elemen

Elementor menawarkan dukungan khusus untuk semua pelanggan yang membayar. Pelanggan dengan tiga paket termurah ( Essential , Pro , dan Expert ) mendapatkan respons tiket rata-rata dalam satu hari, sementara pelanggan Studio dan Agensi mendapatkan dukungan VIP dengan respons dalam waktu kurang dari 30 menit. Ada juga basis pengetahuan terperinci.

Jika Anda bersedia untuk mengambil rute dukungan komunitas, Anda bisa mendapatkan tanggapan yang sangat cepat dari grup Facebook resmi Elementor dengan lebih dari 122.000 anggota. Atau, ada forum resmi.

Elementor juga memiliki saluran YouTube dan blog sendiri dengan sumber daya. Anda juga dapat menemukan banyak sumber pihak ketiga.

pembangun berang-berang

Beaver Builder menawarkan dukungan untuk semua pelanggan yang membayar. Selama hari kerja, mereka menjawab sebagian besar pertanyaan dalam beberapa jam atau maksimal satu hari kerja. Mereka tidak menawarkan dukungan pada akhir pekan atau hari libur AS.

Anda juga bisa mendapatkan dukungan komunitas melalui tiga saluran resmi:

  • Grup Facebook resmi dengan lebih dari 16.000 anggota
  • Saluran Slack Beaver Builder
  • Forum komunitas resmi

Beaver Builder juga memiliki saluran YouTube resmi, namun tidak seaktif saluran Elementor. Anda juga dapat menemukan banyak video atau blog YouTube pihak ketiga, meskipun tidak sebanyak Elementor karena Beaver Builder tidak sepopuler itu.

Elementor vs Beaver Builder: Mana yang Harus Anda Gunakan?

Sekarang untuk pertanyaan penting: haruskah Anda menggunakan Elementor atau Beaver Builder?

Mari kita jalankan beberapa skenario karena saya pikir jawabannya tergantung pada situasi Anda.

Pengguna WordPress “Rata-rata”

Jika Anda adalah pengguna WordPress "rata-rata" yang mencari alat untuk digunakan di situs Anda sendiri, saya pikir Anda mungkin harus mulai dengan Elementor.

Ada beberapa alasan mengapa saya merekomendasikan Elementor sebagai opsi yang lebih baik untuk pengguna biasa:

  • Versi gratisnya sangat fungsional; banyak pengguna biasa akan baik-baik saja dengan versi gratisnya.
  • Elementor Pro lebih murah jika Anda hanya memerlukan alat untuk satu situs (atau hanya beberapa situs).
  • Ini menawarkan lebih banyak opsi desain, yang menghilangkan kebutuhan untuk mengandalkan CSS khusus (baik untuk orang non-teknis).
  • Anda mendapatkan akses ke lebih banyak template, yang berarti Anda tidak perlu memulai dari awal yang kosong.
  • Elementor Pro memiliki lebih banyak fitur, seperti pembuat popup.
  • Komunitas Elementor lebih besar, yang berarti lebih mudah untuk menemukan bantuan komunitas dan belajar tentang Elementor.

Desainer Web

Jika Anda seorang desainer web yang membangun situs web klien, saya pikir Anda juga akan lebih memilih Elementor karena ini memberi Anda lebih banyak pilihan desain daripada Beaver Builder. Sebagai contoh:

  • Efek Gerak
  • Pemosisian khusus
  • Menambahkan CSS langsung ke elemen
  • Sistem desain seluruh situs untuk memastikan desain yang kohesif

Pada dasarnya, Anda mendapatkan lebih banyak alat untuk membuat desain yang keren.

Pengembang Web

Jika Anda seorang pengembang web yang mencari alat desain visual untuk menyederhanakan alur kerja Anda, saya pikir Anda mungkin akan lebih bahagia dengan Beaver Builder.

Dalam pengalaman saya, pengembang web lebih cenderung menghargai pendekatan terfokus Beaver Builder di mana ia melakukan hal-hal inti dengan sangat baik dan menjaga stabilitas daripada menambahkan fitur sebanyak mungkin.

Plus, beberapa orang lebih suka memiliki lebih sedikit fitur. "Fitur" satu orang bisa menjadi "mengembang" orang lain jika mereka tidak membutuhkan fitur itu.

Beaver Builder juga lebih ringan di luar kotak, yang menurut saya lebih disukai banyak pengembang web.

Pembangun yang Sadar Anggaran

Sejauh ini, saya telah membuat rekomendasi tanpa memperhitungkan harga. Namun, bagi banyak orang, harga menjadi perhatian penting.

Jadi — jika uang ketat, sebaiknya Anda menggunakan Elementor atau Beaver Builder?

Pertama, jika anggaran Anda $0, maka Anda harus benar-benar menggunakan Elementor. Versi gratis Elementor jauh lebih fungsional daripada versi gratis Beaver Builder — bahkan tidak mendekati.

Namun, jika Anda memerlukan fitur lanjutan seperti pembuatan tema, Anda harus menggunakan versi Pro. Dalam hal ini, inilah yang saya sarankan:

  • Membangun situs pribadi: Jika Anda hanya mengerjakan beberapa situs Anda sendiri, Elementor Pro mungkin akan lebih murah.
  • Membangun situs klien: Jika Anda membangun situs klien, Beaver Builder akan jauh lebih murah, bahkan jika Anda juga perlu membeli Beaver Themer.

Pikiran Terakhir tentang Beaver Builder vs Elementor

Pada akhirnya, Elementor dan Beaver Builder adalah plugin pembuat halaman yang sangat baik, jadi Anda tidak akan salah menggunakannya.

Namun, ada beberapa perbedaan mencolok dalam hal fitur dan harga yang saya coba soroti dalam perbandingan ini. Perbedaan tersebut mungkin mendorong Anda ke satu arah atau lainnya, tergantung pada apa yang Anda hargai dan berapa anggaran Anda.

Bagian rekomendasi di atas dapat membantu Anda memilih alat yang tepat untuk kebutuhan Anda.

Jika Anda ingin lebih banyak pemikiran tentang plugin ini, Anda juga dapat membaca ulasan kami:

  • Ulasan Elementor Pro
  • Ulasan Beaver Builder

Apakah Anda masih memiliki pertanyaan tentang pembangun atau perbandingan Beaver Builder vs Elementor kami? Beri tahu kami di komentar.