Beaver Builder vs Elementor: En İyi Sayfa Oluşturucuyu Seçme Üzerine Dürüst Düşünceler (2022)

Yayınlanan: 2022-02-14

WordPress siteleriniz için sayfa oluşturucu olarak Beaver Builder ve Elementor arasında seçim yapmaya mı çalışıyorsunuz?

Bunlar en iyi WordPress sayfa oluşturucu eklentilerinden ikisidir, bu nedenle listenizi kesinlikle bazı kalite seçeneklerine indirdiniz.

Ancak hem Elementor hem de Beaver Builder popüler, yüksek kaliteli ve iyi gözden geçirilmiş araçlar olduğu için, siteniz için en iyi seçeneği seçmek için aralarından nasıl seçim yaparsınız?

Bu araçları derinlemesine inceleyerek bu soruyu yanıtlamanıza yardımcı olacağım. Bu incelemenin sonunda, durumunuz için hangi sayfa oluşturucunun daha iyi olduğu konusunda oldukça iyi bir fikre sahip olacaksınız!

İçindekiler
  1. Beaver Builder ve Elementor Özelliklerine Genel Bakış
  2. Detaylı Özellik Karşılaştırması
  3. Performans testleri
  4. Ücretsiz Sürümler
  5. Premium Sürümler için Fiyatlandırma
  6. Üçüncü Taraf Uzantıları
  7. Topluluk Desteği/Öğrenim Kaynakları
  8. Elementor vs Beaver Builder: Hangisini Kullanmalısınız?
  9. Beaver Builder vs Elementor Üzerine Son Düşünceler

Beaver Builder ve Elementor Özelliklerine Genel Bakış

Beaver Builder ve Elementor karşılaştırmamızı başlatmak için, bu iki eklentinin sunduğu özelliklere üst düzey bir göz atalım. Bu özelliklerin birçoğunu daha derinlemesine göreceksiniz, ancak basit bir şekilde başlamanın yardımcı olacağını düşünüyorum:

eleman Kunduz Oluşturucu
Kullanım kolaylığı
Görsel, sürükle ve bırak tasarımı
Satır içi metin düzenleme
Sağ tıklama desteği
Tasarım esnekliği
Sorumlu tasarım
şablonlar
Tema oluşturucu
Dinamik içerik desteği (özel alanlar)
Pop-up oluşturucu
Beyaz etiket
Üçüncü Taraf Uzantıları/Geliştirici API'si

Genel olarak Elementor, Beaver Builder'dan “daha ​​fazlasını” sunar: daha fazla tasarım seçeneği, daha fazla arayüz seçeneği, daha fazla şablon vb.

Ancak, “daha ​​fazla”nın “daha ​​iyi” anlamına geldiğini otomatik olarak varsaymanız gerektiğini düşünmüyorum. Beni yanlış anlamayın, bu ayrıntılar nedeniyle Elementor'un çoğu insan için daha iyi olduğunu düşünüyorum.

Yine de, bazı insanlar "daha fazlasını" istemez veya buna ihtiyaç duymaz - sadece temel özelliklerin gerçekten iyi ve hafif bir pakette yapılmasını isterler. Tecrübelerime göre, bunlar Beaver Builder'ı Elementor'a karşı tercih eden insan türleri.

Yine de kendimden geçiyorum çünkü bunun hakkında daha sonra çok konuşacağım.

Detaylı Özellik Karşılaştırması

Şimdi, Elementor ve Beaver Builder'ın düzenleme arayüzleri, stil/tasarım seçenekleri, duyarlı tasarım, şablonlar, tema oluşturma ve diğer özellikler açısından nasıl karşılaştırıldığını görelim.

Arayüzleri Düzenleme

Hem Elementor hem de Beaver Builder, hızlı, hatasız düzenleme deneyimleri sunar.

Genel olarak, tercih ettiğiniz arayüz gerçekten kişisel tercihinize bağlıdır. İkisi de doğası gereği daha iyi değildir ve birini ya da diğerini tercih eden birçok insan bulacaksınız.

Bazı üst düzey puanlar vermem gerekse, şunu söylerdim:

  • Elementor size sağ tıklama desteği ve öğeleri ve stilleri daha kolay kopyalayıp yapıştırma yeteneği gibi iş akışını hızlandıran daha fazla arabirim aracı sunar.
  • Beaver Builder, arayüz düzenini özelleştirmek için size daha fazla seçenek sunar.

Hareket halinde görebilmeniz için her ikisini de gözden geçirelim.

eleman

Elementor'un arayüzüyle, sağ tarafta tasarımınızın büyük bir önizlemesini, sol tarafta ise yeni içerik ve kontrol ayarlarını ekleyebileceğiniz sabit bir kenar çubuğu elde edersiniz. Tam ekran bir önizleme istiyorsanız, kenar çubuğunu daraltabilirsiniz:

Elementor arayüzü vs Beaver Builder

Widget eklemek için bunları kenar çubuğundan sürükleyebilirsiniz. Bir widget'ın metnini düzenlemek için sayfaya tıklayıp yazabilirsiniz. Ayarlarını düzenlemek için, kenar çubuğunda ayarlarını açmak için üzerine tıklayabilirsiniz.

Elementor'un sunduğu ancak Beaver Builder'ın sunmadığı birkaç kullanışlı arayüz özelliği vardır.

Birincisi, Beaver Builder'ın sunmadığı sağ tıklama desteğidir. Elementor'da, bazı seçenekleri açmak için herhangi bir öğeye sağ tıklayabilirsiniz. En kullanışlı seçenekler, tüm widget'ları veya yalnızca aralarındaki stilleri kopyalama/yapıştırma yeteneğidir:

Sağ tıklama desteği

Bir başka kullanışlı özellik de, sayfanızın yapısına üst düzey bir bakış sağlayan Elementor's Navigator'dır. Bir öğeye tıklayarak ayarlarını hızlı bir şekilde açabilir ve ayrıca bazı şeyleri takip etmenize yardımcı olması için yeniden adlandırabilirsiniz:

Elementor Gezgini

Elementor ayrıca geri alma/yineleme işlevi ve değişiklikleri geri almak için ayrıntılı bir geçmiş günlüğü sunar:

geri al/yinele

Kunduz Oluşturucu

Beaver Builder'ın arayüz düzeni, Elementor'dan daha özelleştirilebilir, ancak Elementor'un sağ tıklama desteği gibi bazı yararlı araçlarından yoksundur.

Beaver Builder'dan bir üst çubukla tasarımınızın tam genişlikte bir önizlemesini elde edersiniz:

Kunduz Oluşturucu arayüzü

İçerik eklemek için bir menüyü genişletmek için artı simgesine tıklayabilirsiniz:

Modül ekleme

Bir satırı, sütunu veya modülün ayarlarını düzenlemek için, bir açılır pencereyi genişletmek için üzerine tıklayabilirsiniz. Bu açılır pencere sürüklenebilir ve yeniden boyutlandırılabilir:

Beaver Builder düzenleme arayüzü açılır penceresi

Sabit bir arayüz tercih ederseniz, solda veya sağda sabit bir kenar çubuğu oluşturmak için açılır pencereyi her iki tarafa da sürükleyebilirsiniz:

Sabit kenar çubuğu

Bu esnekliğe sahip olmak, arayüzü ihtiyaçlarınıza göre özelleştirmenize izin verdiği için güzeldir; bu, Beaver Builder'ın Elementor'a göre bir avantajıdır.

Ancak, Beaver Builder'da sağ tıklama desteği yoktur, bu da içeriği kopyalamayı/yapıştırmayı zorlaştırır. Modülleri çoğaltabilirsiniz ve bir modülün ayarlar alanından stilleri kopyalamanın bir yolu vardır, ancak bu, Elementor kadar verimli değildir çünkü stili her kopyalayıp yapıştırmak istediğinizde bir modülün tam ayarlar alanını açmanız gerekir.

Beaver Builder, öğeleri yeniden adlandırma seçeneğiniz olmasa da, Elementor'un gezginine benzer bir arayüze üst düzey bir görünüm verir:

sayfa yapısı

Ayrıca Elementor gibi bir geçmiş ve revizyon günlüğü alırsınız.

Stil/Tasarım Seçenekleri

Ardından, her düzenleyicide elde ettiğiniz stil ve tasarım seçeneklerine bir göz atalım.

Temel tasarım özellikleri açısından, her iki eklenti de size renkleri, aralığı, tipografiyi vb. kontrol etmek için ihtiyacınız olan her şeyi verir.

Ancak Elementor, özellikle Elementor Pro'ya yükseltirseniz size daha gelişmiş tasarım seçenekleri sunar. Örneğin Elementor Pro, harika hareket efektleri uygulamanıza, özel konumlandırma kullanmanıza ve daha pek çok şeye olanak tanır. Bu, birçok web tasarımcısının Beaver Builder yerine Elementor'u tercih etmesinin büyük bir nedeni.

eleman

Elementor, herhangi bir bölüm, sütun veya widget için stil ve tasarım kurallarını yapılandırmanıza olanak tanır. Bu kurallar üç sekmeye ayrılmıştır. Burada, renkler ve tipografi gibi temel ayarların yanı sıra boşluk ve diğer efektler için daha gelişmiş ayarlara erişebilirsiniz:

Elementor stili seçenekleri

Başta bahsettiğim gibi, Elementor genellikle size daha fazla tasarım esnekliği sağlar. Elementor'un Beaver Builder'dan daha ileri gittiği en büyük üç örnek:

  • Hareket Efektleri – tasarımlarınıza harika görsel ve kaydırma efektleri eklemenize izin verir – buradan daha fazlasını öğrenin
  • Özel Konumlandırma – mutlak veya göreli konumlandırma kullanarak öğelerin yerleşimi üzerinde size piksel kadar mükemmel bir kontrol sağlar – buradan daha fazla bilgi edinin
  • Bireysel öğeler için özel CSS – bireysel bölümlere, sütunlara veya widget'lara özel CSS eklemenize olanak tanır (Beaver Builder yalnızca sayfaya özel CSS veya bireysel öğelere sınıflar eklemenize izin verir )
Elementor özel konumlandırma

Site genelinde tasarım için Elementor, site genelinde renkler ve tipografi ayarlamanıza olanak tanıyan kendi tasarım sistemiyle birlikte gelir.

Bu site genelindeki ayarlar, CSS değişkenleri gibi çalışır: Bir ayarı güncellerseniz, sitenizdeki her örneği otomatik olarak günceller (özel bir renk seçmek için varsayılanı manuel olarak geçersiz kılmadığınız sürece):

Tasarım sistemi

Buradaki tüm benzersiz tasarım seçeneklerinin Elementor Pro gerektirdiğini unutmayın. Elementor'un ücretsiz sürümü hala oldukça işlevseldir; sadece size en benzersiz seçenekleri sunmaz.

Kunduz Oluşturucu

Beaver Builder, tüm temel bilgileri çok iyi işler. Ancak, Elementor Pro'nun yaptığı (yukarıda detaylandırdığım) gelişmiş tasarım seçeneklerini sunmuyor.

Yine de çoğu insan muhtemelen Hareket Efektlerine veya özel konumlandırmaya ihtiyaç duymaz. Bu nedenle, Elementor size "daha fazlasını" verebilirken, yalnızca basit tasarımlar oluşturuyorsanız ve/veya bir web tasarımcısı değilseniz bu sizin için anlamlı bir fark yaratmayabilir.

Elementor gibi, Beaver Builder da stil/tasarım seçeneklerini satır, sütun veya modül düzeyinde kontrol etmenize olanak tanır. Bu ayarlar ayrıca üç sekmeye ayrılmıştır:

Beaver Builder stil seçenekleri

Tutarlı renkleri hızla uygulamanıza yardımcı olması için renk hazır ayarları da ekleyebilirsiniz.

Ancak, bunları Elementor'un izin verdiği gibi bir tür CSS değişkeni olarak kullanamazsınız. Yani, ön ayarınızı bir kerede güncelleyemezsiniz ve bu değişikliğin otomatik olarak sitenizin tamamına yayılmasını sağlayamazsınız:

Kaydedilen renkler

Sorumlu tasarım

Elementor ve Beaver Builder, varsayılan olarak duyarlı tasarımlar oluşturur; bu, tasarımlarınızın, kişi hangi cihazı kullanıyor olursa olsun çalışacağı anlamına gelir.

Ayrıca, duyarlı tasarımla çalışmanız için size ek araçlar sağlarlar. Burada pek çok benzerlik var, bu yüzden bu bölümde bunları yan yana karşılaştırmayacağım.

Hem Elementor hem de Beaver Builder şunları yapmanızı sağlar:

  • Tasarımınızın farklı cihazlarda nasıl göründüğünü görmek için duyarlı önizlemeleri açın
  • Bir kullanıcının cihazına göre aralığı, boyutlandırmayı ve daha fazlasını özelleştirin
  • Bir kullanıcının cihazına göre belirli satırları, sütunları veya içerik öğelerini gizleyin
  • Duyarlı kesme noktalarını özelleştirin (Beaver Builder yalnızca tablet ve mobil kesme noktalarını özelleştirmenize izin verirken, sınırsız özel kesme noktası eklemenize izin verdiği için Elementor burada biraz daha güçlüdür.)

İşte Elementor'daki duyarlı düzenleme modu:

Elementor duyarlı düzenleme modu

Ve işte Beaver Builder'daki duyarlı düzenleme modu:

Beaver Builder duyarlı düzenleme modu

şablonlar

Hem Elementor hem de Beaver Builder size sıfırdan karmaşık tasarımlar oluşturmak için ihtiyaç duyduğunuz tüm araçları sağlarken, deneyimli bir tasarımcı değilseniz tüm bu parçaları bir araya getirmek zor olabilir. Yardımcı olmak için, her iki eklenti de başlangıç ​​noktası olarak kullanabileceğiniz çeşitli şablon türleriyle birlikte gelir.

Bununla birlikte, şablonlara değer veriyorsanız, size önemli ölçüde daha fazla şablon sağladığı için Elementor kesin kazanandır ve tasarım öznel olsa da, Elementor'un şablonlarının daha iyi göründüğünü (ve ayrıca daha fazla nişi kapsadığını) düşünüyorum.

Elementor ayrıca size Beaver Builder'ın sunmadığı eksiksiz web sitesi şablon kitleri sunar.

eleman

Yüksek düzeyde, Elementor size iki tür şablon sunar:

  • Sayfalar – bunlar tam sayfa şablonlardır
  • Bloklar – bunlar bölüm şablonlarıdır (tam bir tasarım oluşturmak için bir sayfaya birden çok blok ekleyebilirsiniz)
Öğe şablonları

Elementor ayrıca eksiksiz bir web sitesi oluşturmanıza yardımcı olan birden çok sayfa şablonu koleksiyonu olan web sitesi kitleri de sunar. Örneğin, ana sayfa için bir şablon, iletişim sayfası için bir şablon, hizmetler sayfası için başka bir şablon vb. alırsınız.

Şu anda Elementor, 80'den fazla web sitesi kiti sunuyor, ancak bunlara erişmek için Elementor Pro'ya ihtiyacınız var. Onlara buradan göz atın.

Ayrıca, daha sonra hızla yeniden kullanabilmeniz için kendi tasarımlarınızı sayfa veya blok şablonları olarak kaydetme seçeneğiniz de vardır. Ayrıca, özel Elementor şablonlarınızı buluta kaydetmenize ve bunları tüm Elementor sitelerinizde yeniden kullanmanıza olanak tanıyan WunderWP adlı harika bir üçüncü taraf hizmeti de var.

Son olarak, tartışacağımız bazı Elementor özelliklerinin kendi şablonları vardır. Buna tema, WooCommerce ve açılır pencere oluşturucular dahildir. Örneğin, açılır pencere oluşturucuda çalışıyorsanız, bir sürü açılır pencere şablonu da alırsınız.

Kunduz Oluşturucu

Beaver Builder size iki tür şablon sunar:

  • Satırlar – bir sayfanın belirli bölümleri için şablonlar (tam sayfa bir tasarım oluşturmak için bunları bir araya getirebilirsiniz)
  • Sayfalar – açılış ve içerik sayfalarına bölünmüş tam sayfa şablonlar
Kunduz Oluşturucu şablonları

Ancak, daha önce de belirttiğim gibi, seçim Elementor'un sunduğu kadar geniş veya çeşitli değil.

Ayrıca kendi tasarımlarınızı şablon olarak kaydedebilir, böylece daha sonra hızla yeniden kullanabilirsiniz.

Şablonlarla ilgili harika bir şey, Beaver Builder geliştiricilerinin, Beaver Builder şablonlarını buluta kaydetmenize ve bunları birden çok sitede yeniden kullanmanıza olanak tanıyan kendi Assistant Pro eklentisini piyasaya sürmesidir. Assistant Pro, Elementor (ve diğer bazı inşaatçılar) ile de çalıştığından, Elementor'u seçseniz bile kontrol etmeye değer.

Tema Binası

Hem Elementor hem de Beaver Builder, yalnızca sayfa oluşturucu eklentileri olarak başlamış olsa da, o zamandan beri her ikisi de tam tema oluşturucu işlevi eklemiştir.

Tema oluşturma ile, aşağıdakiler dahil olmak üzere tema şablonlarınızı özelleştirmek için görsel sürükle ve bırak tasarımını kullanabilirsiniz:

  • başlık
  • altbilgi
  • Tek (bireysel gönderilerin, sayfaların ve özel gönderi türlerinin kullandığı şablon)
  • Arşiv (blog gönderilerinizi veya özel bir gönderi türünden gönderilerinizi listeleyen şablon)

İşte temel fark:

  • Sayfa oluşturma: Bireysel gönderiler veya sayfalar tasarlarsınız. Tasarımınızı yeniden kullanmak için şablon olarak kaydedebilirsiniz, ancak tasarımı kullanmak istediğiniz her yere manuel olarak uygulamanız gerekir.
  • Tema oluşturma: Gönderilerinizin ve sayfalarınızın otomatik olarak kullanacağı gerçek tema şablonu tasarımlarını oluşturursunuz. Örneğin, yeni bir blog yazısı yazarsanız, normal WordPress düzenleyicisine eklediğiniz içerik otomatik olarak tema oluşturma şablonunuzda görüntülenecektir. Ayrıca üstbilgi ve altbilgi şablonlarınızı da tasarlayabilirsiniz.

Her iki eklenti de özel alanlardan dinamik içeriği destekler; bu, şablonlarınızı Gelişmiş Özel Alanlar (ACF), Araç Seti, Bölmeler vb. gibi eklentilerle eklediğiniz özel alanlardan içerikle doldurabileceğiniz anlamına gelir.

eleman

Elementor Pro'nun tema oluşturucusu ile tema şablonu bölümlerinizi yönetmek için özel bir arayüze sahip olursunuz:

Elementor tema oluşturucu arayüzü

Bir tema şablonu oluşturduğunuzda, aynı görsel düzenleyiciyi kullanacaksınız. Tek fark, tasarımınızı oluşturmak için dinamik tema widget'ları almanızdır.

Örneğin, bir gönderi şablonu oluşturuyorsanız, gönderi başlığını, gönderi içeriğini, yazarı vb. eklemek için widget'lar alırsınız:

Tema modülleri

Sitenizden veya eklediğiniz özel bir alandan dinamik içerik eklemek için Dinamik Etiketler özelliğini de kullanabilirsiniz.

Özel içerik siteleri oluşturmak için çok fazla esneklik sağlayan metin, resim, bağlantı vb. doldurmak için dinamik içeriği kullanabilirsiniz:

Elementor dinamik içeriği

Bir şablonu yayınlamadan önce, onu sitenizin tamamı için veya yalnızca belirli bir içerik için kullanmayı seçebilirsiniz, örneğin belirli bir blog gönderisi kategorisi:

Şablon koşulları

Kunduz Oluşturucu

Beaver Builder'a tema oluşturma eklemek için resmi Beaver Themer uzantısını satın almanız gerekir. Daha sonra fiyatlandırma hakkında daha fazla bilgi .

Beaver Themer hakkında dikkat edilmesi gereken bir nokta, Elementor Pro'nun sunduğu tüm temalarla tam uyumluluk sunmamasıdır.

Herhangi bir temayla tekli ve arşiv şablonları oluşturabilirsiniz, ancak yalnızca temanız Beaver Themer ile uyumluysa üstbilgi veya altbilgi şablonları oluşturabilirsiniz.

Bunu hesaba katmak için resmi Beaver Builder Temasını veya Astra, GeneratePress ve Genesis gibi popüler temaları kullanabilirsiniz - burada tam liste.

Beaver Builder tema düzenleri

Bir şablon oluşturduğunuzda, o şablonu nerede görüntülemek istediğinizi kontrol etmek için görüntüleme koşullarını kullanabilirsiniz. Beaver Builder burada gerçekten güçlüdür — içeriği hedeflemenize ek olarak şunları da hedefleyebilirsiniz:

  • Kullanıcı oturum açma durumu, kullanıcı rolü ve daha fazlası gibi kullanıcı davranışı
  • Başlık veya özel alan gibi ayrıntıları gönderin
  • WordPress koşullu etiketleri

Bu ayrıntılı kurallar, Beaver Themer'ın Elementor Pro'dan daha iyi yaptığı bir şeydir, ancak çoğu sitenin bu kadar kesin olması gerekmez:

Tema düzeni ayarları

Buradan şablonu tasarlamak için Beaver Builder arayüzünü başlatabilirsiniz. Elementor gibi, bazı özel Themer modülleriyle birlikte normal düzenleyiciyi kullanacaksınız:

Kunduz Tema modülleri

Beaver Themer, ACF gibi eklentilerle eklediğiniz özel alanlardan bilgi eklemenize de olanak tanır:

Dinamik içerik desteği

Diğer Önemli Özellikler

Yukarıda tartıştıklarımızın ötesinde, her inşaatçının bazı benzersiz özellikleri vardır. Onları geçelim.

eleman

Elementor'un benzersiz özelliklerinden biri, açılır pencere oluşturucusudur . Açılır pencere oluşturucuyla, kalıcı açılır pencereler, bildirim çubukları, tam ekran dolgular, slaytlar ve daha fazlası dahil olmak üzere tüm farklı türlerdeki açılır pencereleri tasarlamak için aynı Elementor arayüzünü kullanabilirsiniz:

Elementor açılır pencere oluşturucu

Bir açılır pencereyi yayınlamadan önce, nerede ve ne zaman görüneceğini kontrol etmek için ayrıntılı hedefleme ve tetikleme kuralları uygulayacaksınız:

Pop-up görüntüleme kuralları

Genel olarak, Elementor açılır pencere oluşturucusunun üçüncü taraf bir açılır pencere eklentisine olan ihtiyacı tamamen ortadan kaldırdığını söyleyebilirim. Eksik olan tek özellik, yerleşik A/B testi veya analitiği içermemesidir.

Yine de bu çok değerli bir özellik ve Beaver Builder'ın sunmadığı bir özellik.

Kunduz Oluşturucu

İstemci siteleri oluşturuyorsanız, Beaver Builder'da hoşunuza gidebilecek bir özellik beyaz etiketlemesidir . Esasen bu, tüm Beaver Builder markalarını kendi markanızla değiştirmenize olanak tanır ve bu da müşterilerinize daha markalı bir web sitesi sunmanıza olanak tanır. Elementor beyaz etiketleme sunmaz.

Beaver Builder'ın Elementor'u geride bıraktığı bir başka alan da WordPress çoklu site desteğidir. Elementor , çoklu siteyi destekler, ancak her bir ağ sitesi için aktif bir lisans anahtarına ihtiyacınız vardır; bu, bütçe açısından biraz can sıkıcıdır.

Öte yandan, Beaver Builder yalnızca tek bir lisans anahtarı gerektirir; bu, tüm çok bölgeli ağınıza hiçbir ek ücret ödemeden güç sağlayabileceğiniz anlamına gelir.

Performans testleri

Ne zaman bir WordPress sayfa oluşturucu kullanırsanız kullanın, yalnızca yerel WordPress düzenleyicisini kullanmak yerine her zaman en azından biraz performanstan ödün vereceksiniz. Ancak, bazı inşaatçılar diğerlerinden daha iyidir, bu yüzden Elementor ve Beaver Builder performansını test etmenin faydalı olduğunu düşünüyorum.

Bunu test etmek için her oluşturucuyla aynı test sayfası oluşturdum. Siteler aynı temayı (hafif Sidney temamız) kullanır ve eşdeğer widget'ları/modülleri içerir.

Elementor test sitem için adalet için iki farklı test yaptım:

  1. Yeni bir sitede yapmanızı önerdiğim, gelişmiş varlık ve CSS yüklemesi için Elementor'un hız odaklı deneylerini etkinleştirdiğim bir test
  2. Varsayılan konfigürasyona sahip bir test (devre dışı bırakılmış deneyler)

Tüm sayfa için her sayfanın ağırlığı (tema dahil):

Medyan LCP Sayfa boyutu HTTP İstekleri
Kunduz Oluşturucu 0,418 sn 276 KB 17
Elementor ve deneyler 0,915 sn 321 KB 31
Öğe varsayılanı 1.009 sn 381 KB 36

Genel olarak, Beaver Builder, kullanıma hazır optimizasyon açısından üstünlüğe sahiptir. Ancak, diğer WordPress performansı en iyi uygulamalarını takip ettiğiniz sürece farkın o kadar anlamlı olduğunu düşünmüyorum.

Örneğin, Elementor test siteme WP Rocket eklediğimde sayıların nasıl düştüğüne bakın:

Medyan LCP Sayfa boyutu HTTP İstekleri
Elementor w/ WP Roketi 0,237 sn 169 KB 10

Neden bu kadar etkili olduğunu öğrenmek için WP Rocket incelememi okuyun.

Temel olarak, Beaver Builder kutudan çıktığı haliyle biraz daha hafif olsa da, en iyi performans uygulamalarını uyguluyorsanız Elementor ile yine de hızlı yüklenen siteler oluşturabilirsiniz. Bu nedenle, kararınızda performansın en büyük rolü oynaması gerektiğini bilmiyorum.

Ücretsiz Sürümler

Hem Elementor hem de Beaver Builder, WordPress.org'da ücretsiz sürümler sunar. Ancak, ücretsiz sürümler arasında bir karşılaştırma yoktur; Elementor açık bir kazanan.

Elementor'un ücretsiz sürümü, birçok şekilde kullanabileceğiniz tamamen işlevsel bir eklentidir. Sitelerimde Elementor'un ücretsiz sürümünü memnuniyetle kullandım ve aynı zamanda Sydney temamızın başlangıç ​​sitelerine güç sağlamak için de kullanıyoruz.

Beaver Builder'ın ücretsiz sürümü arayüz açısından işlevsel olsa da, çok sınırlı sayıda modüle sahiptir ve bu da onu karmaşık tasarımlar oluşturmak için kullanışsız hale getirir.

Genel olarak, özellikle ücretsiz bir araç arıyorsanız ve herhangi bir para ödemek istemiyorsanız, Elementor'un ücretsiz sürümü önemli ölçüde daha güçlüdür.

Premium Sürümler için Fiyatlandırma

Premium sürümlerin fiyatlandırması açısından, Elementor ile Beaver Builder arasında net bir kazanan yok çünkü her biri belirli durumlarda daha uygun fiyatlı olabilir.

Önce fiyatlandırmanın ne olduğundan bahsedelim ve ardından fiyatları bağlam içinde karşılaştıracağım.

Elementor Pro Fiyatlandırması

Elementor Pro, aşağıdakilere erişmenizi sağlayan temel Elementor eklentisi için bir eklentidir:

  • 50'den fazla yeni widget
  • Tema oluşturucu ve WooCommerce oluşturucu işlevi
  • açılır pencere oluşturucu
  • Daha fazla tasarım seçeneği
  • Daha fazla şablon

Elementor Pro, beş farklı plan sunar. Planlar arasındaki temel fark, Elementor Pro'yu kullanabileceğiniz sitelerin sayısıdır, ancak daha yüksek seviyeli planlar ayrıca daha fazla web sitesi kiti şablonuna ve VIP desteğine erişim sağlar:

  • Temel – bir site için 49 $
  • Pro – üç site için 99$ (Ana fiyatlandırma tablosunda gösterilmemiştir; aşağıda altını çizdiğim bağlantıya tıklamanız gerekir.)
  • Uzman – 25 site için 199$
  • Stüdyo – 100 site için 499$
  • Ajans – 1000 site için 999$
Elementor Pro fiyatlandırması

Pro modüllerini kullanmaya ve destek ve güncellemeleri almaya devam etmek için lisansınızı her yıl yenilemeniz gerekir. Lisansınız devre dışı kalırsa mevcut Elementor Pro tasarımlarınız çalışmaya devam eder. Ancak aktif bir lisans olmadan tasarımlarınıza yeni Pro modülleri ekleyemezsiniz.

Kunduz Oluşturucu Fiyatlandırması

Beaver Builder'ın premium sürümü, daha fazla şablon ve diğer bazı özellik eklemeleriyle birlikte tam modül seçimine erişmenizi sağlar.

Beaver Builder, üç farklı fiyatlandırma planı sunar, ancak çoğu kişinin yalnızca 99$'lık Standart plana ihtiyacı vardır.

Elementor'dan farklı olarak, Beaver Builder'ın tüm planları sınırsız sitelerde kullanıma izin verir.

Beaver Builder fiyatlandırması

Daha yüksek seviyeli bir plan almak için tek anlamlı nedenlerin* şunlar olduğunu düşünüyorum:

  1. Çoklu site desteğine ihtiyacınız var ( Pro plan).
  2. Beyaz etiketlemeye ihtiyacınız var ( Ajans planı).

*Artık birçok yüksek kaliteli hafif temel tema olduğu için Beaver Builder temasını artık o kadar değerli bulmuyorum.

Elementor Pro'dan farklı olarak Beaver Builder, temel eklentide tema oluşturmayı içermez . Bunun yerine, tema oluşturma eklemek için Beaver Themer uzantısını satın almanız gerekir.

Beaver Themer, sınırsız sitelerde kullanım için 147 $ tutarındadır.

Yani - işte çoğu insanın ödeyeceği şey:

  • Sınırsız sitelerde sayfa oluşturma – 99 $
  • Sınırsız sitelerde tema oluşturma – 246 dolar

İlk yıldan sonra destek ve güncelleme almaya devam etmek için lisansınızı yenilemeniz gerekir. Ancak, Beaver Builder size biraz para kazandıran %40 indirim sunuyor.

Elementor Pro ve Beaver Builder Fiyatlandırması

Başta da bahsettiğim gibi Elementor Pro ve Beaver Builder farklı durumlarda daha uygun fiyatlı olabiliyor. Bunu etkileyecek iki faktör vardır:

  • Eklentiyi kaç sitede kullanmayı planlıyorsunuz?
  • Tema oluşturmaya ihtiyacınız olup olmadığı

İşte nasıl bozulduğu:

Yalnızca sayfa oluşturmaya ihtiyacınız varsa (tema oluşturma YOK) :

  • Elementor Pro, tek bir site için daha ucuzdur (49 $).
  • Elementor Pro ve Beaver Builder, üç siteye kadar (99 $) eşittir.
  • Beaver Builder, üçten fazla site için daha ucuzdur (sınırsız için 99 $).

Tema oluşturmaya ihtiyacınız varsa :

  • Elementor Pro, 25 siteye kadar daha ucuzdur (site sayısına bağlı olarak 49 - 199 dolar).
  • “Beaver Builder + Beaver Themer” 25'ten fazla site için daha ucuzdur (sınırsız siteler için 246 $).

Diğer bir husus ise yenileme fiyatıdır. İlk yıldan sonra, her iki eklenti de destek ve güncelleme almaya devam etmek için lisansınızı yenilemenizi gerektirir. Bununla birlikte, Elementor yenileme sırasında tam fiyat alırken Beaver Builder size %40 indirim sağlar.

Üçüncü Taraf Uzantıları

Elementor ve Beaver Builder, temel eklentilerdeki özelliklerle dolu olsa da, her ikisi de canlı üçüncü taraf uzantı pazarlarına sahiptir.

Her iki eklentiyle de daha fazlasını eklemek için uzantıları kullanabilirsiniz:

  • Widget'lar/modüller
  • şablonlar
  • Tasarım seçenekleri
  • Özellikler

Genel olarak, Elementor daha popüler olduğu için daha büyük bir pazara sahiptir, ancak Beaver Builder, uzantılar söz konusu olduğunda hala en üst seviyededir.

Bazı örnekler görmek isterseniz, her biri için gönderilerimiz var:

  • En iyi Elementor eklentileri
  • En İyi Beaver Builder eklentileri

Topluluk Desteği/Öğrenim Kaynakları

Hem Elementor hem de Beaver Builder, aktif lisansa sahip müşterilere resmi destek sunar. Ancak, resmi destek, eklentinin nasıl kullanılacağını öğrenmekten çok, eklentiyle ilgili sorunlar (örn. hatalar) içindir.

Becerilerinizi ve bilginizi geliştirmek açısından temel olarak üç kanala güveneceksiniz:

  • Geliştiriciden resmi kaynaklar
  • Kullanıcı toplulukları (genellikle Facebook'ta)
  • Üçüncü taraf öğrenme kaynakları (ör. bloglar veya YouTube kanalları)

eleman

Elementor, ödeme yapan tüm müşterilere özel destek sunar. En ucuz üç plandaki ( Essential , Pro ve Expert ) müşteriler bilet yanıtlarını ortalama bir günde alırken, Stüdyo ve Ajans müşterileri 30 dakikadan kısa sürede yanıtlarla VIP desteği alır. Ayrıca ayrıntılı bir bilgi tabanı var.

Topluluk destek yoluna gitmeye istekliyseniz, Elementor'un 122.000'den fazla üyesi olan resmi Facebook grubundan çok hızlı yanıtlar alabilirsiniz. Veya resmi bir forum var.

Elementor'un ayrıca kendi YouTube kanalı ve kaynakları olan bir blogu vardır. Çok sayıda üçüncü taraf kaynağı da bulabilirsiniz.

Kunduz Oluşturucu

Beaver Builder, ödeme yapan tüm müşterilere destek sunar. İş günlerinde, çoğu soruyu birkaç saat içinde veya en fazla bir iş günü içinde yanıtlarlar. Yine de hafta sonları veya ABD tatillerinde destek sunmuyorlar.

Ayrıca üç resmi kanal aracılığıyla topluluk desteği alabilirsiniz:

  • 16.000'den fazla üyesi olan resmi Facebook grubu
  • Beaver Builder'ın Slack kanalı
  • Resmi topluluk forumu

Beaver Builder'ın ayrıca resmi bir YouTube kanalı vardır, ancak bu, Elementor'un kanalı kadar aktif değildir. Beaver Builder o kadar popüler olmadığı için Elementor kadar olmasa da çok sayıda üçüncü taraf YouTube videosu veya blogu da bulabilirsiniz.

Elementor vs Beaver Builder: Hangisini Kullanmalısınız?

Şimdi önemli soru için: Elementor veya Beaver Builder'ı mı kullanmalısınız?

Birkaç senaryo üzerinden geçelim çünkü cevabın sizin durumunuza bağlı olduğunu düşünüyorum.

“Ortalama” WordPress Kullanıcısı

Kendi site(ler)inizde kullanmak için bir araç arayan "ortalama" bir WordPress kullanıcısıysanız, muhtemelen Elementor ile başlamalısınız.

Sıradan kullanıcılar için Elementor'u daha iyi bir seçenek olarak önermemin birkaç nedeni var:

  • Ücretsiz sürüm çok işlevseldir; birçok sıradan kullanıcı ücretsiz sürümle iyi olacak.
  • Elementor Pro, yalnızca tek bir site için (veya yalnızca birkaç site için) bir araca ihtiyacınız varsa daha ucuzdur.
  • Özel CSS'ye güvenme ihtiyacını ortadan kaldıran daha fazla tasarım seçeneği sunar (teknik olmayan kişiler için iyidir).
  • Daha fazla şablona erişebilirsiniz, bu da boş bir sayfadan başlamanıza gerek olmadığı anlamına gelir.
  • Elementor Pro, açılır pencere oluşturucu gibi daha fazla özelliğe sahiptir.
  • Elementor topluluğu daha büyüktür, bu da topluluk yardımı bulmanın ve Elementor hakkında bilgi edinmenin daha kolay olduğu anlamına gelir.

Web Tasarımcıları

Müşteri web siteleri oluşturan bir web tasarımcısıysanız, size Beaver Builder'dan daha fazla tasarım seçeneği sunduğu için Elementor'u da tercih edeceğinizi düşünüyorum. Örneğin:

  • Hareket Efektleri
  • Özel konumlandırma
  • Öğelere doğrudan CSS ekleme
  • Uyumlu tasarımlar sağlamak için site çapında tasarım sistemi

Temel olarak, harika tasarımlar oluşturmak için daha fazla araç elde edersiniz.

Web geliştiricileri

İş akışlarınızı basitleştirmek için bir görsel tasarım aracı arayan bir web geliştiricisiyseniz, Beaver Builder ile muhtemelen daha mutlu olacağınızı düşünüyorum.

Deneyimlerime göre, web geliştiricileri, Beaver Builder'ın temel şeyleri gerçekten iyi yaptığı ve mümkün olduğunca çok özellik eklemek yerine kararlılığı koruduğu odaklı yaklaşımını takdir etme olasılıkları daha yüksek.

Ayrıca, bazı insanlar daha az özelliğe sahip olmayı tercih eder. Bir kişinin "özelliği", bu özelliğe ihtiyaç duymadığı takdirde başka bir kişinin "şişkinliği" olabilir.

Beaver Builder, birçok web geliştiricisinin tercih ettiğini düşündüğüm kutudan daha hafif.

Bütçe Bilinçli Üreticiler

Şimdiye kadar, fiyatı hesaba katmadan önerilerde bulundum. Ancak, birçok insan için fiyat önemli bir endişe kaynağıdır.

Öyleyse — paranız kısıtlıysa Elementor mu yoksa Beaver Builder mı kullanmalısınız?

Öncelikle bütçeniz 0 ise Elementor'u kesinlikle kullanmalısınız. Elementor'un ücretsiz sürümü, Beaver Builder'ın ücretsiz sürümünden çok daha işlevseldir - yakın bile değil.

Ancak, tema oluşturma gibi gelişmiş özelliklere ihtiyacınız varsa, Pro sürümlerini kullanmanız gerekir. Bu durumda, işte tavsiyem:

  • Kişisel siteler oluşturma: Kendi sitelerinizden yalnızca birkaçı üzerinde çalışıyorsanız, Elementor Pro muhtemelen daha ucuz olacaktır.
  • Müşteri siteleri oluşturma: Müşteri siteleri oluşturursanız, Beaver Themer satın almanız gerekse bile Beaver Builder önemli ölçüde daha ucuz olacaktır.

Beaver Builder vs Elementor Üzerine Son Düşünceler

Sonuç olarak, hem Elementor hem de Beaver Builder mükemmel sayfa oluşturucu eklentileridir, bu nedenle ikisini de kullanırken hata yapmazsınız.

Ancak, bu karşılaştırmada vurgulamaya çalıştığım özellikler ve fiyatlandırma söz konusu olduğunda bazı dikkate değer farklılıklar var. Bu farklılıklar, neye değer verdiğinize ve bütçenizin ne olduğuna bağlı olarak sizi bir yöne veya başka bir yöne itebilir.

Yukarıdaki öneri bölümleri, ihtiyaçlarınız için doğru aracı seçmenize yardımcı olabilir.

Bu eklentiler hakkında daha fazla fikir edinmek isterseniz, incelemelerimizi de okuyabilirsiniz:

  • Elementor Pro incelemesi
  • Kunduz Oluşturucu incelemesi

Oluşturucu veya Beaver Builder ile Elementor karşılaştırmamız hakkında hala sorunuz var mı? Yorumlarda bize bildirin.