Beaver Builder vs Elementor Pro: En İyi WordPress Sayfa Oluşturucu Hangisi?
Yayınlanan: 2021-09-02Görsel, sürükle ve bırak oluşturucu kullanarak özel WordPress siteleri oluşturma aracınız olarak Beaver Builder ile Elementor Pro arasında karar vermeye mi çalışıyorsunuz?
Bunlar, en iyi WordPress sayfa oluşturucu eklentilerinden ikisidir. Her ikisi de sayfa oluşturuculardan daha fazlasıdır – bunları tam tema oluşturmak için de kullanabilirsiniz.
Peki - aralarında nasıl seçim yapabilirsiniz? İşte bu yazı bununla ilgili.
Bu eklentilerin her ikisinin de mükemmel araçlar olduğunu düşünüyorum, bu yüzden tek bir kazanan ilan etmeyeceğim. Bunun yerine, ihtiyaçlarınız ve bütçeniz için en iyi eklentiyi seçmenize yardımcı olmaya çalışacağım.
Hadi kazalım!
Özellikler
Beaver Builder ve Elementor Pro karşılaştırmamızı başlatmak için, bu araçların her ikisinin de sunduğu özelliklere üst düzey bir göz atalım.
Aşağıdaki karşılaştırma tablosundaki simgelerin anlamı şudur:
- ️ – özellik eklentide mevcuttur.
- ️️ – özellik her iki eklentide de mevcuttur ancak bir eklentinin uygulaması daha esnek/güçlüdür.
- – özellik eklentide mevcut değil .
Özellik | Kunduz Oluşturucu | Elementor Pro |
Görsel, ön uç düzenleyici | ️ | ️ |
Sürükle ve bırak | ️ | ️ |
Satır içi metin düzenleme | ️ | ️ |
Özel duyarlı düzenleme | ️ | ️ |
İçerik widget'ları | ️ | ️️ |
Önceden oluşturulmuş şablonlar | ️ | ️️ |
Yeniden kullanılabilir şablonlar (kendi tasarımlarınız) | ️ | ️ |
Tema oluşturucu | ️* | ️ |
Dinamik içerik ekle (özel alanlar dahil) | ️* | ️ |
Pop-up oluşturucu | ️ | |
Form oluşturucu | ️ | ️️ |
WooCommerce desteği | ️ | ️️ |
Özel tema | ️ | ️ |
Beyaz etiketleme | ️ | |
Çoklu site desteği | ️ | ️** |
Stilleri kopyala/yapıştır | ️ | ️ |
Sağ tıklama desteği | ️ | |
Karanlık mod (arayüz) | ️ | ️ |
*Resmi (ancak ayrı) Beaver Themer eklentisini gerektirir.
**Elementor Pro, çok bölgeli ağınızdaki her ağ sitesi için etkin bir lisans anahtarı gerektirir.
Beaver Builder vs Elementor Pro Özellikleri Sonuç
Özellikler açısından, Elementor Pro açık bir avantaja sahiptir. Alırsın…
- Ayrı bir açılır pencere/opt-in eklentisi ihtiyacını ortadan kaldırabilecek gerçekten güçlü bir özellik olan açılır pencere oluşturucu.
- Ödemeleri kabul etmek için PayPal düğmesi gibi benzersiz seçenekler de dahil olmak üzere seçim yapabileceğiniz daha fazla widget.
- Aralarından seçim yapabileceğiniz daha fazla şablon.
- Daha güçlü bir form oluşturucu.
- Daha fazla tasarım seçeneği ( bunları tabloda ele almadım, ancak bunları biraz sonra paylaşacağım ).
- Daha iyi WooCommerce desteği. Beaver Themer, WooCommerce'i destekler, ancak Elementor Pro, WooCommerce ile çalışmak için size daha fazla esneklik sağlar.
Bununla birlikte, yukarıdaki karşılaştırma tablosunda yakalanması zor olan bir şey, özellikler ve kararlılık arasındaki ödünleşimdir. Bir araca daha fazla özellik eklemek istiyorsanız, daha hızlı bir geliştirme döngüsüne sahip olmanız gerekir, bu da hata veya sorun olasılığını artırır.
Beaver Builder'ın daha yavaş bir geliştirme döngüsü vardır, bu da o kadar çok özelliği olmadığı anlamına gelir. Ancak bu daha yavaş geliştirme döngüsü, Beaver Builder'ın gerçekten çok sağlam olduğu anlamına gelir ve bir güncellemenin sorunlara neden olmayacağından emin olabilirsiniz.
Kesinlikle Elementor Pro'nun kararsız olduğunu söylemiyorum. En popüler sayfa oluşturucu eklentisidir ve milyonlarca site sorunsuz bir şekilde kullanıyor.
Ben sadece istikrarın Beaver Builder'ın iyi yaptığı ve övgüyü hak ettiği bir şey olduğunu vurgulamaya çalışıyorum. Daha fazla özellik elde etmek yerine kararlılığa değer veren biriyseniz, bu sizin için önemli olabilir.
Öte yandan, en fazla özelliği istiyorsanız ve düzenli olarak yeni özelliklere erişmek istiyorsanız, Elementor Pro kesinlikle üstündür.
Arayüz
Ardından, arayüzün her bir araçla nasıl çalıştığını inceleyelim.
Arayüz kalitesi özneldir, bu yüzden burada bir “kazanan” ilan etmeyeceğim. Her iki aracın da harika arayüzleri var ve her ikisi de genellikle hızlı ve hatasız.
Beaver Builder'ın sahip olduğu bir avantaj, arayüzü tercihlerinize göre özelleştirmenize izin vermesidir, oysa Elementor'un arayüzü hemen hemen sabittir.
Öte yandan, Elementor'un bazı avantajları vardır, çünkü sağ tıklama desteği ve tasarımınızı düzenlemek için bir gezinme aracı gibi Beaver Builder'ın sunmadığı bazı yararlı araçlar sunar.
Kunduz Oluşturucu
Yukarıda bahsettiğim gibi Beaver Builder'ın arayüzü oldukça esnektir. Beaver Builder'ı ilk başlattığınızda, üstte bir araç çubuğu ile tasarımınızın tam ekran önizlemesini göreceksiniz:

Modüller veya şablonlar eklemek için bir paneli açmak için “artı” simgesine tıklayabilirsiniz:

Benzer şekilde, bir satır, sütun veya modülün ayarlarını açmak için fareyle üzerine gelebilir ve bir açılır pencere açmak için İngiliz anahtarına tıklayabilirsiniz (gerektiğinde yeniden boyutlandırabilir ve hareket ettirebilirsiniz):

Kayan seçenekler yerine sabit bir panele sahip olmayı tercih ederseniz, paneli arayüzün her iki tarafına da sürükleyebilirsiniz. Bu, yeni modüller ekleyebileceğiniz ve mevcut öğeler için ayarları yapılandırabileceğiniz sabit bir kenar çubuğu oluşturacaktır:

Metni düzenlemek istiyorsanız, sayfaya tıklayıp yazabilirsiniz veya ayarlar alanındaki metin düzenleyiciyi kullanabilirsiniz.
Duyarlı tasarım için, canlı bir duyarlı önizleme görmenizi ve tasarımınızı cihaza göre özelleştirmenizi sağlayan Duyarlı Düzenleme modunu açabilirsiniz:

Beaver Builder'da sevdiğim özelliklerden biri, yalnızca bir modülü diğerinin yanına sürükleyerek çok sütunlu tasarımlar oluşturabilme yeteneğidir:

Çoğu sayfa oluşturucu, öğeleri eklemeden önce sizi sütun yapısını kurmaya zorlar, bu da biraz daha zaman kazandırır ( bu yöntemi tercih ederseniz Beaver Builder da bunu yapmanıza izin verir ).
Size yukarıda gösterdiğime ek olarak, Beaver Builder, tasarımlar arasında hızla geçiş yapmanıza yardımcı olmak için kendi Assistant eklentisini de sunar ( ancak Beaver Builder gerektirmez ).
Elementor Pro
Elementor ve Elementor Pro ile arayüzün sol tarafında sabit bir kenar çubuğu ve sağda tasarımınızın canlı bir önizlemesini alırsınız:

Tasarımınızın tam genişlikte bir önizlemesini görmek istiyorsanız, Elementor arayüzünü gizlemek için kenar çubuğunu daraltabilirsiniz:

Kenar çubuğu, yeni modüller ekleyebileceğiniz ve bir öğenin ayarlarını yapılandırabileceğiniz yerdir:

Metni düzenlemek için sayfaya tıklayıp yazabilir veya kenar çubuğundaki metin düzenleyiciyi kullanabilirsiniz.
Elementor ayrıca daha verimli çalışmanıza yardımcı olacak bazı kullanışlı seçeneklerle birlikte gelir. Örneğin Elementor, kopyala/yapıştır (öğeler veya stiller), yinelenen öğeler ve daha fazlası gibi temel seçeneklere erişmenizi sağlayan sağ tıklamayı destekler.

Ayrıca, sayfanızın düzenini görmenizi sağlayan bir Gezgin aracına da sahip olursunuz; ayrıca, sayfadaki bölümleri ve öğeleri hatırlamanıza yardımcı olması için yeniden adlandırabilir ve doğru öğeyi hızla seçebilirsiniz:

Elementor Pro ayrıca size duyarlı bir önizleme gösteren ve tasarımı belirli cihazlar için özelleştirmenize olanak tanıyan duyarlı bir düzenleme modu içerir:

Beaver Builder'ın izin verdiği gibi Elementor arayüzü üzerinde daha fazla kontrol istiyorsanız, Esnek Elementor Paneli gibi bir üçüncü taraf eklentisi kullanabilirsiniz.
Tasarım Seçenekleri
Bir görsel oluşturucuyla ilgileniyorsanız, muhtemelen tasarımınızı herhangi bir özel CSS'ye ihtiyaç duymadan kurmanıza yardımcı olacak bir araç istersiniz. Bunu yapmak için çok çeşitli yerleşik tasarım seçeneklerine ihtiyacınız var.
Temel bilgiler söz konusu olduğunda her iki araç da oldukça esnektir. Kolayca kontrol edebilirsiniz:
- Renkler
- tipografi
- Kenar boşluğu/dolgu ile boşluk
- Arka plan
- Sorumlu tasarım
- Vb.
Bununla birlikte, Elementor Pro ayrıca temel bilgilerin ötesine geçer, bu yüzden tasarım esnekliği söz konusu olduğunda oldukça açık bir kazanan olduğunu düşünüyorum.
Temel olarak, tasarım söz konusu olduğunda, Elementor, Beaver Builder'ın yaptığı hemen hemen her şeyi artı "daha fazlasını" yapabilir. Örneğin, Elementor Pro'daki benzersiz tasarım özelliklerinden bazıları şunlardır:
- Hareket Efektleri – kaydırma efektleri, 3B eğme, fare izleme ve daha fazlası gibi harika efektler ekleyin. Daha fazla bilgi edinin ve burada örnekleri görün.
- Özel Konumlandırma – widget'ları tasarımlarınıza mükemmel bir şekilde yerleştirmek için mutlak ve göreli konumlandırma kullanın.
- Öğelere Doğrudan CSS Ekleme – CSS'yi doğrudan widget'lara/sütunlara/bölümlere ekleyebilirsiniz, oysa Beaver Builder yalnızca bir CSS sınıfı veya kimliği eklemenize izin verir.
Tabii ki, eklentiler arasında daha birçok küçük seçenek ve farklılık var. Genel olarak , Elementor Pro'nun kesinlikle daha fazla tasarım seçeneğine sahip olduğunu vurgulamaya çalışıyorum.
Yerleşik tasarım seçenekleri açısından Elementor Pro'ya rakip olabileceğini düşündüğüm tek oluşturucu Divi Builder eklentisidir (Divi incelememizde daha fazla bilgi edinin).
Verim
Bir sayfa oluşturucu kullandığınızda, performans söz konusu olduğunda her zaman bazı ödünler vereceksiniz. Hangi sayfa oluşturucuyu seçerseniz seçin, asla yerel WordPress düzenleyicisi kadar hafif tasarımlar oluşturmayacaktır.
Bununla birlikte, bazı eklentiler diğerlerinden daha iyidir.
Beaver Builder her zaman daha hafif seçeneklerden biri olmuştur ( bir sayfa oluşturucu için ) ve Elementor ekibi, DOM'yi basitleştirme ve varlık yüklemeyi yalnızca gerektiğinde komut dosyalarını yüklemek için optimize etme gibi iyileştirmelerle son zamanlarda performans iyileştirmelerine büyük önem veriyor.
Bu iki aracın performansını değerlendirmek için her biriyle aynı tasarımı oluşturdum. Tasarım oldukça basit – sadece her aletin temel “ağırlığı” hakkında bir fikir edinmeye çalışıyorum. Yalnızca bir metin aracı, düğme aracı ve iletişim formu ( sayfa oluşturucudan ) içerir. Her iki araçta da varsayılan ayarları kullanıyorum.
Sayfa boyutu | HTTP İstekleri | |
Kunduz Oluşturucu | 71 KB | 11 |
eleman | 315 KB | 32 |
*Bu sayılar, GeneratePress olan temamı içerir.
Genel olarak, Beaver Builder en azından bu testte biraz daha hafif. Elementor Pro size daha fazla özellik ve tasarım efekti sağlar, bu nedenle bunu başarmak için daha fazla varlık yüklemesi doğaldır. Örneğin Elementor, Beaver Builder'ın sahip olmadığı bir özellik olan Hareket Efektleri için komut dosyaları yüklüyor.
Elementor'un yeni geliştirilmiş varlık yükleme özelliğini etkinleştirirseniz ( ki bu henüz alfa testindedir ), Elementor yalnızca belirli varlıkları ihtiyaç duyulan yerlere yüklemekte daha iyi hale geldiğinden fark azalır:
Sayfa boyutu | HTTP İstekleri | |
Kunduz Oluşturucu | 71 KB | 11 |
eleman | 239 KB | 30 |
Ve bunların hepsi herhangi bir performans optimizasyon eklentisi olmadan. WP Rocket gibi bir şey kullanırsanız, bu sayıları daha da aşağılara indirebilirsiniz.
Sanırım performansı şöyle özetlerdim:
- Beaver Builder, Elementor Pro'dan biraz daha hafiftir, bu da yüklenecek daha az özellik ve efekte sahip olduğu için mantıklıdır.
- Bunu yazarken hala test aşamasında olan yeni performans özelliklerini etkinleştirirseniz Elementor daha iyi hale gelir.
- En önemlisi , tasarımlarınızı en uygun şekilde oluşturduğunuz ve WordPress performansıyla ilgili en iyi uygulamaları uyguladığınız sürece her iki araçla da hızlı yüklenen bir site oluşturabilirsiniz.
fiyatlandırma
Fiyatlandırma açısından, her iki aracın da bazı avantajları vardır. Elementor Pro, yalnızca tek bir site veya az sayıda site için bir araca ihtiyacınız varsa daha ucuzken, çok sayıda web sitesi (25+ site) için bir araca ihtiyacınız varsa Beaver Builder daha ucuzdur.
Fiyatlandırmayı karşılaştırmadan önce, ihtiyaçlarınızın ne olduğunu düşünmeniz gerekir.
Elementor Pro, tüm özelliklerini tek bir eklentide içerir. Böylece Elementor Pro'yu satın aldığınızda, tema oluşturucu, açılır pencere oluşturucu vb. dahil her şeye erişebilirsiniz.
Beaver Builder ise sayfa oluşturucu ve tema oluşturma özelliklerini birbirinden ayırır.
- Core Beaver Builder Pro eklentisi – yalnızca sayfa oluşturmayı destekler.
- Resmi Beaver Themer eklentisi – tam tema oluşturma desteği ekler ( ve çalışması için premium sayfa oluşturucu eklentisi gerekir ).
Beaver Builder ile sadece sayfa oluşturmak istiyorsanız bir fiyat, tema oluşturmak istiyorsanız başka bir fiyat ödersiniz.
Bir diğer önemli fark, Beaver Builder'ın tüm planlarda sınırsız siteyi desteklemesi ve Elementor Pro'nun tüm planlarının site sınırları olmasıdır.
Her biri için fiyatlandırmayı gözden geçirelim ve sonra bunları karşılaştıracağım ve her bir aracın ne zaman daha ucuz olduğunu göstereceğim.
Elementor Pro Fiyatlandırması
İşte Elementor Pro fiyatları – bu fiyatların tümü bir yıllık lisans içindir:

Kunduz Oluşturucu Fiyatlandırması
İşte çekirdek eklenti için Beaver Builder'ın fiyatları. Çoklu site desteğine veya beyaz etiketlemeye ihtiyacınız olmadığı sürece, en ucuz 99$'lık Standart planla sorun yaşamanız gerektiğini düşünüyorum:

Beaver Themer eklemek için 147 $ (toplam 246 $) daha ödeyeceksiniz.
Hem Beaver Builder hem de Beaver Themer ile, ilk yıldan sonra destek ve güncellemeleri almaya devam etmek için lisansınızı yenilerseniz %40 indirim alırsınız.
Elementor Pro'yu Beaver Builder'a Karşı Satın Almak Ne Zaman Daha Ucuz?
Yukarıdaki tüm bu bilgileri özetlemek için, her bir aracın daha ucuz olduğu farklı durumları inceleyelim:
- Yalnızca tek bir web sitesi (49 $) için bir araç istiyorsanız, Elementor Pro çok daha ucuzdur.
- Yalnızca bir sayfa oluşturucuya ihtiyacınız varsa, başabaş noktası üç web sitesidir. Yalnızca üç web sitesi için bir araca ihtiyacınız varsa, araçlar aynı fiyattır (99 $). Ancak üçten fazla web sitesine ihtiyacınız varsa, Beaver Builder daha ucuzdur.
- Sayfa oluşturmaya ve tema oluşturmaya ihtiyacınız varsa, başabaş noktası 25 web sitesidir. 25'in altında siteniz varsa, Elementor Pro daha ucuzdur. Ancak 25'ten fazla web siteniz varsa, Beaver Builder daha ucuzdur.
Bunların hepsi ilk yıl fiyatları. İlk yıldan sonra yenileme yaparsanız Beaver Builder daha ucuza gelir çünkü Beaver Builder %40 yenileme indirimi sunarken Elementor Pro sağlamaz.
Beaver Builder veya Elementor Pro Kullanmalı mısınız?
Beaver Builder ve Elementor Pro'nun en iyi iki WordPress sayfa oluşturucu olduğunu düşünüyorum, bu nedenle Beaver Builder ve Elementor Pro söz konusu olduğunda “yanlış” bir karar vereceğinizi düşünmüyorum.
Bunun yerine, durumunuz için en iyi aracı seçmekle ilgili olduğunu düşünüyorum:
- En fazla özelliği ve tasarım seçeneğini istiyorsanız, Elementor Pro muhtemelen ihtiyaçlarınız için en iyi seçimdir. Açılır pencere oluşturucu gibi benzersiz özellikler, hareket efektleri ve özel konumlandırma gibi benzersiz tasarım seçenekleri ve daha fazlasını elde edersiniz. Basitçe söylemek gerekirse, Elementor Pro, en zengin özelliklere sahip WordPress tasarım araçlarından biridir, bu yüzden en popüler oluşturucu eklentisidir.
- Biraz daha hafif olan ve tüm temel sayfa oluşturma ve tema oluşturma seçeneklerine sahip kaya gibi sağlam bir oluşturucu istiyorsanız, Beaver Builder da harika bir seçimdir.
Her iki durumda da, harika tasarımlar oluşturmanıza yardımcı olacak harika bir araca sahip olacaksınız.
Elbette, kararınızda önemli bir rol oynayabilecek başka bir ayrım daha var – fiyat . Unutma:
- Elementor Pro, tek bir site için daha ucuzdur ve 3 site için fiyat olarak eşittir.
- Beaver Builder, yalnızca bir sayfa oluşturucuya ihtiyacınız varsa 3+ site için VEYA sayfa oluşturma ve tema oluşturmaya ihtiyacınız varsa 25+ site için daha ucuzdur. Aksi takdirde, Elementor Pro hala daha ucuzdur.
- Beaver Builder %40 yenileme indirimi sunarken Elementor Pro sunmuyor.
Her iki eklenti hakkında daha fazla bilgi edinmek için incelemelerimizin tamamını okuyabilirsiniz:
- Elementor incelemesi
- Kunduz Oluşturucu incelemesi
Beaver Builder ve Elementor Pro hakkında hala sorunuz var mı? Yorumlarda bize bildirin!