Ulasan Beaver Builder: Apakah Ini Plugin Pembuat Halaman WordPress Terbaik? (2022)

Mencari plugin pembuat halaman terbaik untuk situs WordPress Anda?

Beaver Builder pasti layak mendapat tempat di daftar itu. Sejak diluncurkan kembali pada tahun 2014, itu telah menjadi salah satu pembuat halaman utama dan membangun reputasi yang layak untuk keandalan yang kokoh dan komunitas yang hebat.

Dalam ulasan Beaver Builder kami, saya akan memberi Anda tampilan mendetail tentang plugin, termasuk apa yang berfungsi dengan baik dan apa yang buruk.

Secara umum, saya pikir Beaver Builder adalah pembuat halaman yang sangat bagus, tetapi itu belum tentu merupakan alat terbaik untuk semua orang, jadi Anda pasti ingin memiliki informasi yang tepat untuk memutuskan apakah Anda harus menggunakan Beaver Builder atau salah satu alternatif populernya seperti Elementor atau Divi Builder.

Teruslah membaca ulasan kami dan saya akan membantu Anda membuat keputusan itu!

Ulasan Beaver Builder: Ringkasan Singkat

Jika Anda tidak terbiasa dengan Beaver Builder, saya akan mulai dengan ringkasan yang sangat cepat dari fitur-fiturnya untuk mempercepat Anda.

Beaver Builder adalah plugin pembuat halaman drag-and-drop yang mudah digunakan. Artinya, ini membantu Anda membuat desain dan halaman arahan yang rumit tanpa memerlukan pengetahuan teknis apa pun.

Anda dapat mengatur desain Anda menggunakan modul konten dan membuat tata letak menggunakan baris dan kolom . Untuk setiap modul, baris, dan kolom, Anda akan mendapatkan opsi mendetail untuk mengontrol desain, tata letak, spasi, dan lainnya.

Jika Anda ingin melangkah lebih jauh, Anda dapat menggunakan add-on Themer Beaver Builder untuk mendesain seluruh tema Anda menggunakan pengeditan visual, drag-and-drop, termasuk header kustom, templat posting, footer, dll.

Pada dasarnya, Beaver Builder membantu Anda membangun situs web WordPress kustom 100%.

Bagaimana Antarmuka Beaver Builder Bekerja

Mari kita mulai dengan menggali antarmuka Beaver Builder dan cara kerjanya.

Tur Antarmuka Dasar

Saat Anda meluncurkan antarmuka, Anda mendapatkan pratinjau lebar penuh yang bagus dari desain langsung Anda. Tidak ada bilah sisi tetap secara default, meskipun Anda dapat membuatnya jika mau:

Menambahkan Modul

Untuk menambahkan modul atau templat baru, Anda dapat mengklik ikon “plus” di sudut kanan atas untuk membuka antarmuka penyisip. Modul dibagi ke dalam kategori yang berbeda, dan Anda juga dapat mencari berdasarkan nama.

Untuk menambahkan modul, Anda cukup menyeretnya ke halaman:

Setelah Anda menambahkan modul, menu menghilang, dan Anda kembali ke pratinjau penuh.

Jika Anda lebih suka menu tetap, Anda dapat menyeretnya ke sisi kanan atau kiri untuk mengubahnya menjadi bilah sisi tetap di sisi itu. Di sini, saya telah memperbaikinya di sebelah kiri:

Dalam hal modul itu sendiri, Beaver Builder melakukan pekerjaan yang baik untuk memberi Anda akses ke semua modul yang paling penting. Daftarnya mungkin tidak sebesar beberapa pembuat halaman lainnya, tetapi saya rasa kebanyakan orang tidak akan mengalami masalah. Jika Anda perlu menambahkan lebih banyak modul, Anda selalu dapat melakukannya menggunakan plugin pihak ketiga (lebih lanjut tentang itu nanti).

Mengkonfigurasi Modul, Kolom, dan Baris

Untuk membuka setelan elemen apa pun, Anda dapat mengarahkan kursor ke elemen tersebut dan mengeklik ikon kunci inggris.

Jika Anda memiliki menu yang menghilang, pengaturan akan muncul di sembulan yang dapat Anda seret ke lokasi mana pun dan ubah ukurannya:

Jika Anda lebih suka pendekatan bilah sisi tetap, pengaturan akan secara otomatis terbuka di bilah sisi sebagai gantinya:

Meskipun Anda dapat melihat editor teks pada tangkapan layar di atas, Beaver Builder juga mendukung pengeditan sebaris, yang berarti Anda dapat menambahkan teks langsung ke halaman dengan mengeklik dan mengetik.

Dalam hal jumlah opsi desain, saya akan mengatakan Anda mendapatkan semua opsi inti yang penting, tetapi Anda tidak mendapatkan opsi desain lanjutan yang ditawarkan oleh beberapa pembuat halaman seperti Elementor dan Divi Builder.

Misalnya, tidak ada pemosisian absolut/relatif khusus, juga tidak ada yang seperti Elementor's Motion Effects atau Divi's Scroll Effects ( meskipun Beaver Builder menyertakan animasi dasar ).

Untuk pengguna biasa, saya rasa Anda tidak akan merasa kehilangan apa pun. Tetapi jika Anda seorang desainer yang suka dapat mengatur semua efek desain yang keren itu, maka Elementor dan Divi pasti sedikit lebih fleksibel dalam hal itu.

Beaver Builder juga mendukung desain responsif. Anda dapat menyembunyikan elemen tertentu di perangkat seluler dan juga mendapatkan opsi untuk mengubah konfigurasi berdasarkan perangkat pengguna (mis. Anda dapat menggunakan spasi atau ukuran font yang berbeda untuk pengunjung seluler):

Ada juga mode pengeditan responsif yang memudahkan desain untuk ponsel dan tablet.

Membuat Desain Multi-Kolom

Ini adalah salah satu fitur Beaver Builder favorit saya, dan saya tidak tahu mengapa setiap pembuat halaman tidak melakukannya dengan cara ini.

Katakanlah Anda ingin membuat desain multi-kolom. Dengan sebagian besar pembuat halaman lainnya, Anda harus terlebih dahulu menyiapkan struktur kolom Anda. Kemudian, Anda dapat menyeret widget ke kolom tersebut.

Dengan Beaver Builder, Anda dapat melewati langkah itu dan cukup menyeret modul di samping modul lain untuk membuat kolom baru secara otomatis. Ini hal kecil, tetapi sangat berguna dan akan menghemat waktu Anda:

Tentu saja, Beaver Builder masih memungkinkan Anda untuk mengatur struktur kolom Anda terlebih dahulu — Anda perlu menambahkan baris secara manual jika Anda lebih suka melakukannya dengan cara itu.

Memasukkan Template

Untuk menghemat waktu, Beaver Builder menyertakan beberapa templat satu halaman penuh yang dapat Anda sisipkan. Template ini datang dalam dua bentuk:

• Halaman arahan penuh
• Halaman konten (misalnya halaman “Tentang”)

Saya akan mengatakan bahwa templat bukanlah keunggulan Beaver Builder. Template itu sendiri terlihat bagus, tetapi Anda tidak mendapatkan akses ke hampir jumlah template yang ditawarkan beberapa alat lain. Misalnya, Divi memberi Anda 1.700+ templat dan Elementor juga memiliki ratusan.

Selain templat halaman, Anda juga mendapatkan templat baris yang dibuat sebelumnya, yang merupakan templat untuk bagian halaman — misalnya, bagian pahlawan.

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

Menggunakan Pengaturan Global

Pengaturan global memungkinkan Anda mengontrol pengaturan tingkat tinggi untuk semua desain Beaver Builder Anda, seperti lebar default untuk baris, margin/padding default untuk baris dan kolom, tata letak responsif, dan banyak lagi.

Anda juga dapat menyesuaikan breakpoint perangkat kecil dan menengah di plugin inti, yang tidak diizinkan oleh semua pembuat halaman (mis. Elementor masih dalam proses mengizinkan breakpoint yang dapat disesuaikan).

Bekerja dengan Kode

Jika Anda ingin bekerja dengan kode, Beaver Builder memudahkan untuk menambahkan CSS atau JavaScript langsung ke halaman — tekan Ctrl + Y untuk membuka editor kode.

Namun, Anda tidak dapat menambahkan CSS khusus secara langsung ke modul/bagian individual seperti yang diizinkan oleh Elementor Pro. Meskipun Anda dapat menambahkan kelas atau ID CSS khusus ke modul, Anda tidak dapat menambahkan CSS itu sendiri.

Pemikiran Umum tentang Antarmuka dan Pengalaman Pengeditan

Secara keseluruhan, menurut saya pengalaman mengedit di Beaver Builder cukup bagus.

Itu tidak memiliki "sebanyak" seperti Elementor atau Divi dalam hal opsi desain, tetapi ia memiliki semua opsi inti yang dibutuhkan sebagian besar pengguna.

Selain itu, saya sangat menyukai antarmuka itu sendiri. Meskipun sulit untuk menampilkan ini di tangkapan layar, antarmuka selalu cepat dan bebas kesalahan. Saya tidak pernah mengalami kelambatan atau masalah apa pun saat membuka pengaturan atau menyeret barang-barang — itu hanya berfungsi.

Anda juga dapat menyesuaikan antarmuka sesuai dengan preferensi Anda. Jika Anda suka memiliki pratinjau visual layar penuh, Anda dapat tetap menggunakan gaya popup default dan menyembunyikan semua pengaturan saat Anda melihat desain Anda.

Atau, jika Anda menyukai pendekatan bilah sisi, Anda dapat menempelkan bilah sisi di kedua sisi dan melakukan semuanya dari antarmuka tetap.

Tidak ada yang mencolok, hanya antarmuka yang sangat solid dan menyenangkan untuk digunakan.

Berang-berang Tema

Beaver Themer adalah ekstensi resmi dari tim Beaver Builder yang menambahkan dukungan pembangunan tema penuh ke Beaver Builder.

Beaver Builder adalah salah satu pembuat halaman pertama yang menawarkan pembangunan tema lengkap, mengalahkan nama besar lainnya seperti Elementor dan Divi.

Dengan Beaver Themer aktif, Anda dapat pergi ke Beaver Builder → Themer Layouts untuk membuat template untuk tema Anda:

• tajuk
• catatan kaki
• Singular (misalnya posting blog tunggal, halaman, dll.)
• Arsip (misalnya halaman yang mencantumkan semua posting blog Anda)
• 404 halaman

Anda juga dapat membuat bagian tema, yang merupakan fitur yang sangat rapi yang memungkinkan Anda menyuntikkan desain di berbagai bagian situs Anda, seperti kait tema.

Template Tema

Saat Anda membuat template tema baru, pertama-tama Anda harus memilih kapan menggunakan template itu. Anda dapat menargetkan jenis konten tertentu, misalnya, semua posting blog atau hanya posting dengan kategori/tag tertentu.

Jika Anda menginginkan lebih banyak kontrol, Anda juga dapat menyiapkan Aturan , yang memungkinkan Anda menggunakan templat tertentu hanya ketika kondisi yang ditentukan terpenuhi, seperti status masuk, peran pengguna, penulis, bidang khusus, templat posting, dan banyak lagi.

Karena kebanyakan pembuat tema lain tidak memiliki fitur serupa, ini adalah keuntungan pasti dari Beaver Themer.

Dari sana, Anda dapat menggunakan antarmuka Beaver Builder yang sama untuk mendesain template Anda. Satu-satunya perbedaan adalah Anda dapat menyisipkan konten "dinamis" seperti judul dan konten postingan.

Beaver Themer juga berfungsi dengan bidang khusus sehingga Anda dapat memasukkan data dari plugin seperti Bidang atau Pod Khusus Tingkat Lanjut. Di bawah, Anda dapat melihat bagaimana menghubungkan konten bidang ke informasi dinamis.

Bagian Tema

Bagian tema pada dasarnya bekerja sama dengan templat tema, tetapi Anda mendapatkan opsi tambahan yang memungkinkan Anda menyuntikkan bagian di lokasi tertentu pada tema Anda, misalnya, di bawah judul posting atau di bawah konten.

Anda dapat menggunakan bagian tema untuk iklan, formulir keikutsertaan, ajakan bertindak, dan banyak lagi.

Tema Pembangun Berang-berang

Beaver Builder Theme adalah tema WordPress dasar ringan yang dirancang untuk dipasangkan dengan Beaver Builder.

Pada dasarnya, idenya adalah Anda menggunakan Beaver Builder Theme untuk menangani area non-konten seperti header, footer, dan template blog, dan kemudian Anda menggunakan Beaver Builder untuk mendesain konten yang sebenarnya (bagian yang berada di antara header dan catatan kaki).

Sejujurnya, saya tidak menganggap Beaver Builder Theme sebagai tambahan yang berharga pada tahun 2022 dan seterusnya. Bukannya temanya "buruk" — ini tema yang bagus. Saya hanya berpikir ruang WordPress telah berubah, dan itu tidak terlalu istimewa lagi.

Bertahun-tahun yang lalu, tema itu bagus untuk dimiliki karena masih sulit untuk menemukan tema dasar yang ringan dan serbaguna.

Namun sekarang, kami dimanjakan dengan pilihan dalam hal tema fleksibel dan ringan yang dirancang untuk dipasangkan dengan pembuat halaman. Semua tema ini mengikuti prinsip dasar yang sama dengan Tema Beaver Builder, tetapi mereka melakukannya dengan lebih baik ( setidaknya menurut saya ). Pada tahun 2022 dan seterusnya, saya lebih suka memasangkan Beaver Builder dengan GeneratePress.

Pertunjukan

Performa selalu menjadi pertimbangan penting saat menggunakan plugin pembuat halaman. Pembuat halaman akan selalu menambah bobot halaman daripada hanya menggunakan editor WordPress default, tetapi beberapa pembuat halaman lebih baik daripada yang lain dalam menjaga bobot itu seminimal mungkin.

Saya pribadi telah melakukan beberapa pengujian di mana saya membuat halaman yang identik dengan pembuat halaman yang berbeda dan Beaver Builder biasanya merupakan salah satu opsi terbaik dalam hal kinerja. Maksud saya, ukuran halaman dan permintaan HTTPnya lebih rendah daripada pembuat lainnya.

Untuk memberi Anda gambaran yang bagus tentang seberapa banyak bobot ekstra yang ditambahkan Beaver Builder vs editor blok WordPress asli (Gutenberg), saya memutuskan untuk menjalankan tes kecil.

Saya membuat desain sederhana dalam dua versi: satu dengan editor Gutenberg dan satu lagi dengan Beaver Builder versi premium.

Kemudian, saya membandingkan ukuran halaman dan permintaan HTTP (angka-angka ini termasuk tema situs saya, yaitu GeneratePress):

Anda dapat melihat bahwa Beaver Builder tidak terlalu banyak memuat secara default. Desainnya sangat sederhana dan hanya menyertakan teks, tombol, dan kolom. Hasil ini lebih kecil daripada yang Anda lihat dengan banyak pembuat halaman lainnya.

Misalnya, ketika saya melakukan hal yang sama dengan Divi Builder, ia menambahkan 316,7 KB (vs +44.1 KB Beaver Builder) dan tujuh permintaan HTTP baru (vs empat permintaan HTTP baru Beaver Builder).

Hal menyenangkan lainnya adalah Beaver Builder tidak memuat skripnya di seluruh situs. Jadi, jika Anda memiliki halaman yang Anda buat dengan editor WordPress asli, Beaver Builder tidak akan memuat satu skrip pun di halaman itu.

Ini penting karena beberapa pembuat halaman lain memuat skrip mereka di seluruh situs, yang menambah bobot halaman terlepas dari apakah Anda menggunakan pembuat halaman di halaman itu atau tidak.

Kesimpulan Kinerja Beaver Builder

Akankah halaman yang Anda desain dengan Beaver Builder dimuat secepat halaman yang sama yang Anda desain dengan editor blok Gutenberg? Tidak, semua hal sama, tidak akan.

Namun, editor blok Gutenberg tidak memberi Anda fleksibilitas desain sebanyak Beaver Builder. Dan, jika dibandingkan dengan plugin pembuat halaman lain dengan fleksibilitas serupa, Beaver Builder membandingkan dengan cukup baik.

Jadi — selama Anda setuju dengan pertukaran kinerja dasar yang benar dengan plugin pembuat halaman apa pun, Beaver Builder melakukan pekerjaan yang baik untuk menjaga bobot tambahannya tetap minimum.

Selama Anda mengikuti praktik terbaik kinerja WordPress, menggunakan beberapa plugin pengoptimalan kecepatan, dan menghosting situs Anda di hosting cepat, Anda benar-benar dapat membuat situs yang memuat cepat dengan Beaver Builder.

Pengaya Pembuat Berang-berang Pihak Ketiga

Selain Beaver Themer, Beaver Builder juga memiliki pasar yang dinamis dari add-on Beaver Builder pihak ketiga, yang memungkinkan Anda memperluas pembuat inti lebih jauh.

Biasanya, Anda akan menggunakan ekstensi ini untuk menambahkan modul dan template konten baru, meskipun beberapa juga menambahkan fitur baru, seperti mengintegrasikan kerangka kerja Pods dengan Beaver Builder/Themer.

Untuk memberi Anda rasa, berikut adalah dua opsi paling populer:

• Addons Ultimate untuk Beaver Builder (dari tim yang sama di belakang tema Astra)
• Addon PowerPack untuk Beaver Builder

Untuk melihat lebih banyak opsi, lihat kumpulan add-on Beaver Builder terbaik kami.

harga

Sekarang setelah kita membahas yang lainnya, mari kita bicara tentang harga.

Pertama, Beaver Builder memang memiliki versi lite gratis di WordPress.org, tetapi sangat terbatas.

Sejujurnya, sekarang editor blok Gutenberg ada, saya tidak melihat nilai apa pun dalam versi gratis Beaver Builder di luar itu membiarkan Anda mencoba antarmuka pengguna untuk melihat apakah Anda menyukainya.

Anda mungkin tidak setuju — jadi Anda harus menguji versi gratisnya sendiri. Namun menurut saya, jika Anda secara khusus mencari plugin pembuat halaman gratis, versi gratis Elementor dan Brizy jauh lebih banyak fiturnya.

Namun, untuk versi premiumnya, Beaver Builder cukup terjangkau.

Pertama, hal penting yang perlu diperhatikan adalah bahwa semua paket harga Beaver Builder mengizinkan penggunaan di situs web tanpa batas.

Dari sana, paket mulai dari hanya $99 untuk satu tahun dukungan dan pembaruan. Pada semua paket, Anda bisa mendapatkan diskon perpanjangan 40% jika Anda ingin terus menerima dukungan dan pembaruan setelah tahun pertama.

Seperti yang saya sebutkan di atas, saya tidak menemukan Tema Beaver Builder menjadi begitu berharga lagi, jadi saya pikir hampir semua orang akan baik-baik saja dengan lisensi Standar $99. Satu-satunya alasan Anda mungkin ingin membayar lebih adalah:

1. Anda memerlukan dukungan multisitus WordPress, dalam hal ini Anda memerlukan lisensi Pro $199.
2. Anda memerlukan pelabelan putih, dalam hal ini Anda memerlukan lisensi Agensi $399.

Jika Anda ingin menambahkan dukungan pembuatan tema, Anda juga harus membeli Beaver Themer, yang berharga $147 untuk digunakan di situs tak terbatas.

Jadi jika Anda menginginkan pembuat halaman dan pembuat tema, Anda akan membayar $246 untuk digunakan di situs tak terbatas dan satu tahun dukungan dan pembaruan. Anda kemudian akan membayar total $147,60 untuk memperbarui jika Anda ingin terus menerima dukungan dan pembaruan setelah tahun pertama.

Pikiran Terakhir tentang Beaver Builder

Secara keseluruhan, saya pikir Beaver Builder adalah plugin yang sangat bagus dari tim pengembangan yang mapan dan dapat diandalkan. Sudah ada selama lebih dari tujuh tahun sekarang dan telah membangun komunitas yang hebat pada waktu itu.

Namun, apakah Anda harus menggunakan Beaver Builder atau tidak benar-benar tergantung pada apa yang Anda hargai dalam plugin pembuat halaman WordPress.

Jika Anda menginginkan pembuat halaman yang selalu menambahkan fitur baru dan memberi Anda kemampuan desain baru, Beaver Builder mungkin bukan pilihan terbaik Anda karena tampaknya ini bukan fokus tim Beaver Builder. Ini tidak seperti Beaver Builder tidak pernah menambahkan fitur baru, tetapi mereka datang dengan kecepatan lebih lambat daripada plugin seperti Elementor, Divi, dan Brizy.

Namun, jika Anda menghargai stabilitas daripada sering mendapatkan fitur baru, menurut saya Beaver Builder melakukannya dengan sangat baik. Siklus pengembangan yang lebih lambat berarti lebih banyak waktu untuk menguji dan menyelesaikan masalah. Saya belum pernah melihat pengguna Beaver Builder mengeluh bahwa rilis baru menyebabkan beberapa bug yang tersebar luas atau merusak sesuatu di situs mereka.

Tentu ada nilai dalam mendapatkan fitur baru, tetapi ada juga nilai dalam stabilitas. Jika sebuah plugin sudah melakukan semua yang Anda perlukan, Anda mungkin hanya ingin plugin itu tetap berfungsi dengan baik tanpa menambahkan fitur baru yang mungkin atau mungkin tidak menyebabkan masalah di situs Anda.

Jadi pada dasarnya bagaimana saya melihatnya. Saya tidak berpikir ada satu jawaban "benar" — itu sangat tergantung pada pendekatan mana yang Anda sukai.

Jika Anda menyukai pendekatan Beaver Builder, Anda dapat mengklik tombol di bawah ini untuk membuka situs web:

Dapatkan Beaver Builder

Jika Anda lebih suka melihat beberapa opsi lain, Anda dapat melihat koleksi plugin pembuat halaman terbaik kami. Jika Anda menginginkan fleksibilitas desain yang maksimal, saya pikir beberapa opsi yang bagus adalah Elementor (baca ulasan kami) dan Divi Builder (baca ulasan kami).

Untuk melihat bagaimana Beaver Builder melawan plugin tersebut, Anda dapat melihat posting ini:

• Elementor Pro vs Beaver Builder
• Divi vs Beaver Builder

Masih ada pertanyaan tentang Beaver Builder atau ulasan Beaver Builder kami? Tinggalkan komentar dan beri tahu kami!