Divi vs Elementor vs Spectra – Olağanüstü Web Siteleri Tasarlamak İçin En İyi Sayfa Oluşturucu Hangisidir?

Sık sık "içerik kraldır" denir.

Ancak bu içeriğe iyi bir tasarım eşlik etmiyorsa, web sitenizin tüm potansiyelini kullanamazsınız.

Çevrimiçi bir mağaza işletiyorsanız, harika bir ürün birinci sınıf bir tasarımla neredeyse her zaman daha fazla satacaktır.

Sorun şu ki, bir solo girişimci veya küçük işletme iseniz, görsel olarak çekici içerik oluşturmanıza yardımcı olması için bir tasarımcıyı işe alamayabilirsiniz.

Ve HTML ve CSS öğrenmek, tasarım ajansınızdaki müşterileriniz için siteler tasarlamaya başlamanın en kolay veya en hızlı yolu değildir.

Yeni sekmede önizleme

İşte burada bir sayfa oluşturucu devreye giriyor. Bir servet harcamadan, çok fazla zamana veya kodlama bilgisine ihtiyaç duymadan çekici ve profesyonel içerik oluşturmaya yardımcı oluyorlar.

Divi ile Elementor arasında seçim yapmak, piyasadaki en büyük oyunculardan ikisi oldukları için klasik bir ikilemdir.

Bu kılavuzda, bunları yeni kullanıma sunulan ancak ihtiyaçlarınız için mükemmel bir çözüm olabilecek başka bir sayfa oluşturucu olan Spectra ile de karşılaştıracağız.

Başlayalım!

Web Sitesi Oluşturucuları ve Sayfa Oluşturucuları

Her şeyden önce, bir sayfa oluşturucu ile bir web sitesi oluşturucu arasındaki farkı anlamakta fayda var.

Web sitesi oluşturucu , sıfırdan eksiksiz bir web sitesi oluşturmanıza olanak tanıyan bulut tabanlı bir araçtır.

Sayfa oluşturucu, mevcut bir tasarımı özelleştirmek veya mevcut bir web sitesine yeni sayfalar eklemek için WordPress içinde kullanılan bir eklentidir.

Bir web sitesi oluşturucunun en iyi bilinen örneği Wix'tir, ancak Squarespace, Softr veya Webflow gibi başkaları da vardır.

Bu araçlar genellikle barındırma ve etki alanı yönetimini de içerir, böylece web siteleri oluşturmak ve sürdürmek için hepsi bir arada araçlar haline gelir.

Yeni başlayanlar için harikadırlar ve bir web sitesine sahip olmayı kolaylaştırırlar. Ancak, her şey için bu sağlayıcıyı kullanmaya bağımlısınız ve web siteniz üzerinde çok az kontrole sahipsiniz.

Sayfa oluşturucular, mevcut bir web sitesinin bir sayfasını kolayca tasarlamanıza izin veren araçlardır, bu nedenle ön uçta oldukça benzerdirler.

Örneğin, zaten bir WordPress web siteniz varsa ve tasarım için bir tema kullanıyorsanız, basit bir gönderi şöyle görünebilir:

Bir sayfa oluşturucu, bu tasarımı iyileştirmeye veya üstün tasarıma sahip sayfalar eklemeye yardımcı olabilir. Örneğin, daha çekici bir hizmetler sayfası oluşturmak istiyorsanız:

Başka bir deyişle:

• Web sitesi oluşturucularla, web sitenizi oluşturmak ve barındırmak için web tabanlı bir sistem kullanırsınız.
• WordPress ile kendi web sitenizi oluşturmak ve bir sayfa oluşturucu ile özelleştirmek için şablonları kullanabilirsiniz.

Web sitesi oluşturucu ile sayfa oluşturucu arasındaki sınırlar bulanıktır çünkü web sitesi oluşturucular aynı zamanda sayfa oluşturucu olarak da çalışır.

WordPress'inizin her sayfasını Elementor, Divi veya Spectra gibi araçlarla manuel olarak tasarlamak istiyorsanız, teorik olarak tüm web sitesini bir sayfa oluşturucu ile tasarlarsınız.

Bu gönderide tartıştığımız sayfa oluşturucular.

Bir Sayfa Oluşturucu Kullanmalı mıyım?

Bir geliştirici değilseniz ve sıfırdan kendi temanızı oluşturmak istemiyorsanız, bir sayfa oluşturucu sağlam bir bahistir.

Herkese veya her duruma uygun değiller ama çoğumuz için sayfa oluşturucular hayatı çok daha kolaylaştırıyor.

Kod bilmeden derleyebilir ve değişiklikleri yaparken görebilirsiniz. Yalnızca bu iki nedenden dolayı, onları öneriyoruz.

Astra gibi iyi bir şablon kullanmak önemlidir, çünkü bu, web sitenize profesyonel bir görünüm vermenizi ve temel tasarım değişikliklerini zahmetsizce yapmanızı sağlar.

Ancak bir noktada muhtemelen daha kişiselleştirilmiş tasarımlar yapmak, WordPress düzenleyicide bulunmayan öğeler eklemek veya şablonlar, tel kafesler veya desenler sayesinde daha hızlı çalışmak isteyeceksiniz.

Müşteriler için web siteleri tasarlamak isteyen bir ajanssanız, büyük olasılıkla bir sayfa oluşturucu kullanmak isteyeceksiniz.

Tasarım önemlidir, ancak içerik de öyle. Daha fazla ve daha iyi yazmanıza yardımcı olacak bir araç olan SureWriter'ın lansmanından haberdar olmak için SureCrafted Facebook grubuna katılın.

Elementor Hakkında

Elementor, aynı adlı şirketin en iyi bilinen sayfa oluşturucu eklentisidir.

Piyasadaki en ünlü ve en çok kullanılan sayfa oluşturuculardan biri olmasına rağmen (dünya çapında 5 milyon aktif kurulumla), 2016'da piyasaya sürüldüğü için nispeten genç.

Elementor, daha fazla özelliğin, widget'ın ve ekstra şablonun kilidini açan ücretsiz ve profesyonel bir sürüme sahiptir.

Elementor'un Artıları:

• Sezgisel bir arayüz ile kullanımı çok kolay.
• Ücretsiz sürümle birlikte çok sayıda yapı taşı içerir.
• Bu sayfa oluşturucu piyasada hakimdir. Süreklilik garanti edilir ve çok sayıda destek malzemesi mevcuttur.
• Pazar payı nedeniyle birçok doğrudan ve üçüncü taraf entegrasyonuna sahiptir. Örneğin, Elementor'a (ücretsiz sürüme bile) daha fazla özellik ekleyen Elementor için Ultimate Eklentiler.
• Aracı 1.000'e kadar sitede kullanmanıza izin veren bir ajans planına sahiptir.

Elementor'un Eksileri:

• Birçok kullanıcı, Elementor'un karmaşık tasarımlarda web sitenizi yavaşlatabileceğinden şikayet eder.
• Eklenti, büyük güncellemeler alırken hata üretme geçmişine sahiptir.
• Hiç sayfa oluşturucu kullanmadıysanız, WordPress Gutenberg düzenleyicisinden tamamen farklı olduğu için dik bir öğrenme eğrisine sahip olabilirsiniz.

Elementor'un temel özellikleri:

• 100'den fazla widget ve 300'den fazla şablon.
• Pro sürümü, tüm temanızın görünümünü değiştirebilmeniz için bir tema oluşturucu içerir.
• WooCommerce ile oluşturulmuşsa mağazanızın tasarımını değiştirmek için özellikler ve widget'lar.

Elementor Web Sitesi Örneği

Elementor, aracını kullanan web sitelerinin düzinelerce vitrini ve vaka incelemesini derlediği bir sayfaya sahiptir.

Belki de en ilginçlerinden biri, Elementor'un blog yazarları veya küçük şirketler için bir eklenti olmadığını gösteren bir proje yönetim aracı olan Hive'dır. Büyük şirketler bile kullanabilir.

Divi Builder Hakkında

Divi, Elegant Themes tarafından geliştirilen WordPress için tema ve eklentiye aynı anda verilen addır.

Şirket 2008'de kuruldu, ancak sayfa oluşturucu 2015'te Elementor'dan kısa bir süre önce geldi.

Daha uzun olmasına rağmen, Elementor'dan daha az yaygın. Rakamlar hala muhteşem olsa da (neredeyse 1 milyon kullanıcı), ücretsiz sürüm olmadığı düşünüldüğünde bu etkileyici.

Divi'nin Artıları:

• Öğrenmesi ve sayfaları oluşturmaya başlaması kolaydır.
• Blok eklemek ve özelleştirmek için mantıksal gezinme ve basit işlemler
• Fiyat için büyük bir değer. Lisans, sayfa oluşturucuya ek olarak iki tema, bir sosyal medya paylaşım eklentisi ve bir e-posta katılımı ve müşteri adayı oluşturma eklentisi içerir.
• Ömür boyu lisans sunar. Tüm lisanslar, sınırsız web sitesinde kullanımına izin verir, bu nedenle ajanslar için harika bir çözümdür.
• Özelleştirme seçenekleri sayesinde aklınıza gelebilecek hemen hemen her tasarımı yaratabilirsiniz. Filtreler ve efektler, animasyonlar ve kaydırma efektleri, arka plan videoları, arka plan maskeleri ve desenleri içerir.

Divi'nin Eksileri:

• Ücretsiz bir sürümü yok.
• Arayüz bazen karmaşık ve bunaltıcı olabilir.
• Sabit içerik kilitleme. Eklentiyi devre dışı bırakırsanız, yalnızca kısa kodlar kalacaktır.

Divi'nin temel özellikleri:

• Aynı öğeyi aynı anda farklı sayfalarda güncelleyebilmeniz için genel öğeler ve stiller.
• 200'den fazla web sitesi öğesi ve aralarından seçim yapabileceğiniz 2.000 önceden tasarlanmış web sitesi düzeni.
• Ürün sayfalarınızın tasarımı üzerinde tam kontrol sahibi olmanızı veya alışveriş sepetini ve ödeme sayfalarını markanıza uyacak şekilde değiştirmenizi sağlayan WooCommerce modülleri.

Divi Web Sitesi Örneği

Elegant Themes ayrıca kategorilere göre düzenlenmiş onlarca web sitesini görebileceğiniz bir bölüme sahiptir. Eklentilerini kullanırsanız, bu, web siteniz için fikir almak için kullanışlı olacaktır.

Örneğin e-Ticaret için bir tasarım arıyorsanız filtre kullanabilirsiniz.

Spectra Hakkında

Spectra, Astra temasını, Elementor için Ultimate Eklentileri, Beaver Builder için Ultimate Eklentileri ve WPBakery Sayfa Oluşturucu eklentilerini de geliştiren bir şirket olan Brainstorm Force ürün ailesinin bir parçası olan bir eklentidir.

Bu eklentiler, geliştirildikleri sayfa oluşturuculara daha fazla özellik ekler.

Spectra, 2022'de piyasaya sürülen en genç olmasına rağmen, arkasında çok fazla tarih var.

Aslında, başlangıçta bu eklenti Gutenberg için Nihai Eklentiler olarak biliniyordu. Adını WordPress'in Gutenberg sürümünden almıştır ve Gutenberg, WordPress blok düzenleyicisi olarak tanındığında yeniden adlandırılmıştır.

Spectra'nın Artıları:

• Mantıksal gezinme ve basit kontrollerle kullanım kolaylığı için tasarlanmıştır.
• WordPress web sitenizi özelleştirmek için bir dizi kullanışlı blok sunar.
• Web sitenizi görsel olarak ücretsiz olarak geliştirmeye başlayabilmeniz için ücretsiz sürüm (Pro sürümü geliştirme aşamasındadır).
• Ortalama bir WordPress kullanıcısı için ustalaşması çok kolay ve çok sezgisel.
• Sürekliliğini ve şirketin geri kalan ürünleriyle mükemmel entegrasyonunu sağlayan, geliştirmeden sorumlu çok sağlam bir şirket.

Spectra'nın Eksileri:

• Üçüncü taraf eklentiler aracılığıyla fazladan blok ekleyemezsiniz. Ancak teknik olarak diğer herhangi bir Gutenberg eklentisi Spectra ile birlikte çalışacaktır.
• Kendi arayüzünden yoksundur, bu nedenle onu WordPress editörünüzdeki diğer öğeler ve bloklarla birlikte kullanmanız gerekir.

Spectra'nın temel özellikleri:

• WordPress blok düzenleyicisiyle birlikte çalışır, böylece ek bir düzenleyici kullanmaya gerek kalmaz.
• Sayfaları hızlı bir şekilde oluşturmak için düzinelerce önceden oluşturulmuş web sitesi şablonu.
• Süper hızlı, minimum harici komut dosyası oluşturma ve dosya bağımlılıkları, kodu temiz tutar.

Spectra Web Sitesi Örneği

Spectra henüz tam web sitelerinin bir derlemesine sahip değil. Her türlü iş veya durumda kullanılmaya hazır sayfa örnekleri görmek istiyorsanız, bu Başlangıç ​​Şablonlarına göz atın.

Başlangıç ​​Şablonları, saniyeler içinde tamamen işlevsel bir siteye sahip olmak için yalnızca birkaç tıklamayla web sitenize uygulayabileceğiniz bir dizi şablondur.

Elementor vs Divi Builder vs Spectra – Tam Özellik Karşılaştırması

Artık bu karşılaştırmanın katılımcılarını biraz daha iyi tanıdığınıza göre, şimdi her birinin temel özelliklerini tartışacağız.

Sayfa oluşturucunuzu seçerken nelere dikkat etmelisiniz?

Tüm özellikler, her durum için aynı değere sahip olmayacaktır:

Belki önceliğiniz kullanılabilirliktir ve fiyatı pek önemsemezsiniz. Veya belki de bu araçları yüzlerce müşteriyle kullanmak istiyorsunuz ve lisanslama çok önemli.

Bu karşılaştırmanın sonunda, durumunuza en uygun çözümü önereceğimiz küçük bir özet de bulacaksınız.

Buna rağmen, her bölümü veya en azından sizinle en alakalı görünen noktaları dikkatlice okumanızı öneririz.

Arayüz ve Kullanım Kolaylığı

Bir sayfa oluşturucunun kullanımı rahat olmalıdır, çünkü onu sürekli olarak kullanmanız oldukça muhtemeldir.

Özetle bu araçlar, içerik bloklarını sayfanın farklı bölümlerine sürükleyip bırakarak kodsuz çalışır.

Bu, WYSIWYG (Ne Görürsen Onu Alırsın) olarak bilinir, çünkü sayfanın editördeki görünümü sayfanın son sürümdeki görünümüyle aynıdır.

Ayrıca, her eklentinin hangi blokları sunduğunu göreceksiniz, şimdi her bir eklentinin bunlarla nasıl çalıştığına odaklanalım.

Elementor – Standart Bir Yaklaşım

Elementor'u yükledikten sonra, onu nasıl kullanmak istediğinize WordPress Yönetim Paneli > Elementor > Ayarlar'dan karar verebilirsiniz.

Örneğin, yeni bir sayfa oluşturursanız, Elementor'un oluşturucusunu başlatmak isteyip istemediğinize karar vermek için Elementor ile Düzenle düğmesini göreceksiniz.

Bunu yaptığınızda, daha önce WordPress editöründe oluşturduğunuz içerik (varsa), tek bir blok olarak yüklenecektir.

Yeni içe aktarılan içerik arasına blok ekleyemezsiniz (örneğin, metin ile fotoğraf arasına bir düğme). Yalnızca o bloğun üstüne veya altına yeni öğeler ekleyebilirsiniz.

Elementor'da yapabilecekleriniz:

1. Bölümler oluşturun.
2. Bu bölümlerin içinde sütun düzenleri olabilir.
3. Bölümler/sütunlar, kenar çubuğundan sürüklediğiniz pencere öğelerini gösterir.

Örneğin, burada aşağıdakileri içeren temel bir yapı var:

• Başlığı ve içinde simgesi olan bir bölüm.
• Her birinin içinde bir düğme bulunan, içinde 3 sütun bulunan başka bir bölüm.

Yani mekanik çok basit:

• Alt kısımdaki + düğmesini tıklayarak yeni bölümler ekleyin ve bir sütun düzeni seçin.
• Herhangi bir widget'ı, içindeki widget ile otomatik olarak yeni bir bölüm oluşturacak olan " widget'ı buraya sürükleyin" kutusuna sürükleyin.

Daha sonra bu bölümleri sayfa etrafında sürükleyerek yeniden konumlandırabilirsiniz.

Widget'lar yalnızca aynı bölüm içinde sürüklenebilir. Başka bir bölüme taşımak istiyorsanız, sağ tıklayın, kopyalayın ve yeni konumuna yapıştırın.

Elementor'da sağ tıklamanın kullanılması, çok sezgisel olduğu için işleri çok daha kolaylaştırır ve lehine harika bir nokta.

Bölümleri ve farklı widget'ları değiştirmek teknik olarak basittir, ancak mevcut değişikliklerin sayısı nedeniyle hepsini burada açıklamak imkansızdır.

Ancak prosedür her zaman aynıdır:

1. Değiştirmek istediğiniz parçacığı veya bölümü seçin.
2. Kenar çubuğundaki isme bakarak doğru seçtiğinizden emin olun.
3. İhtiyacınız olan değişiklikleri uygulamak için farklı içerik, stil ve gelişmiş seçenekler sekmelerinde gezinin.

Orada bulacağınız seçenekler, bir bölüm mü yoksa bir pencere öğesi mi seçtiğinize bağlı olarak büyük ölçüde değişecektir.

Ayrıca seçilen widget türüne bağlı olarak da değişirler.

Bir düğmeye (boyut, renk, bağlantı) uygulamak isteyebileceğiniz değişiklikler, Google Haritalar'da bir adresi gösteren bir pencere öğesiyle aynı değildir.

Kenar çubuğunun altında çalışmayı çok daha kolaylaştıracak birkaç araç bulacaksınız, örneğin:

1. Size sayfanızın yapısını görsel olarak gösteren bir gezgin.
2. Yapılan son değişiklikleri görmek ve herhangi birini geri almak için bir geçmiş.
3. İçeriğinizin farklı mobil cihazlarda nasıl görüneceğini görmek için duyarlı bir mod.
4. Revizyonları canlı olarak yayınlamadan önce yerel olarak kaydetme veya geçici bir değişiklikten sonra (örneğin, bir sayfayı Kara Cuma teklifleri için uyarladıktan sonra) önceki bir duruma geri dönme seçeneği.

Bu sayfa oluşturucu ile çalışırken hayatınızı çok daha kolaylaştıracak çok pratik özellikler.

Divi – Biraz Karmaşık ve Sezgisel Değil

Divi ayrıca WordPress Yönetim Paneli > Eklenti Seçenekleri > Yazı Tipi Entegrasyonu'ndan sayfa oluşturucunun hangi yazı tiplerini kullanacağını tanımlamanıza olanak tanır.

Yeni bir sayfa oluştururken, yerel WordPress editörünü mü yoksa Divi'yi mi kullanmak istediğinize karar vermeniz gerekecek.

Halihazırda içeriğiniz varsa, Elementor ile daha önce olduğu gibi aynı şey olur.

İçerik bir bölümün içine yüklenir ve içine blok ekleyemezsiniz, yalnızca üstüne veya altına blok ekleyebilirsiniz.

Ayrıca özel bir şablon kullanmayı veya mevcut bir sayfayı klonlamayı da seçebilirsiniz.

Divi ayrıca sayfaların tasarımını hiyerarşik bir şekilde ele alıyor, ancak bu durumda isimler biraz farklı.

• Mavi + butonu ile bölümler oluşturabilirsiniz.
• Yeşil + düğmeli satırlar (satırlar, sütun içerebilen satırlardır).
• Ve gri + butonu ile modüller ekleyebilirsiniz.

Bu şekilde çalışmak daha karmaşık. Örneğin, bir tane eklemek için tıklayana kadar mevcut tüm modülleri içeren bir liste göremezsiniz.

Dolayısıyla, bu eklentiyle çalışmaya yeni başlıyorsanız, onunla tam olarak neler yapabileceğinizi görmekte zorlanacaksınız.

Ayrıca, her bir modülün seçilmesi, seçenekler kenar çubuğunu otomatik olarak getirmez.

Özelleştirme seçeneklerini görmek için dişli çarka tıklamanız (veya çift tıklamanız) gerekecek.

Bu özelleştirme seçenekleri, Elementor'da gördüğünüz seçeneklere çok benzer. Benzer içerik, düzen ve gelişmiş seçenekler sekmeleri de bulacaksınız.

Seçenekler kalıcı penceresi, dışına tıkladığınızda otomatik olarak kapanmaz, bu da iş akışını biraz daha beceriksiz hale getirir.

Genel olarak Divi ile çalışmak, Elementor ile çalışmaktan daha külfetlidir.

Buna karşılık, içeriğinizin yapısını çok erişilebilir bir şekilde görmenize yardımcı olacak çeşitli araçlara sahiptir.

Örneğin, tel kafes görünümü, ortadaki mor düğmeyle dağıtmanız gereken araç çubuğundan etkinleştirilir.

Sayfanın yapısını şematik bir şekilde görmenizi sağlar.

Izgara görünümü ise benzer bir şey gösterir, ancak tüm öğeler görünür durumdadır.

İki görünüm de çok pratiktir, ancak çok sayıda görünür öğeyle çalışmaya alışkın değilseniz veya çok ayrıntılı bir sayfa oluşturuyorsanız bunaltıcıdır.

Elementor'da az önce gördüğünüz seçeneklere benzer seçenekleri burada da bulacaksınız:

1. Farklı cihazlar için duyarlı mod düzeni.
2. Değişikliklerin geçmişi.
3. Sayfanın yapısını daha iyi anlamanıza yardımcı olacak katmanlı görünüm.

Spectra – WordPress ile Doğal ve Sezgisel Entegrasyon

Spectra, önceki iki alternatiften biraz farklı çalışır.

Resmi WordPress deposundan indirip yükledikten sonra, Elementor veya Divi'de olduğu gibi harici bir düzen düzenleyiciden yüklemeniz gerekmez.

Spectra, bloklarını (diğer eklentilerde widget'lar ve modüller olarak bilinir) yerel WordPress düzenleyicisine yükler.

Bu, başlamayı son derece kolaylaştırır.

WordPress blok düzenleyicisini nasıl kullanacağınızı zaten biliyorsanız, Spectra düzenleyiciyi de zaten biliyorsunuzdur.

1. İstediğiniz blokları düzenleyiciye sürükleyin.
2. Bunları sağ kenar çubuğundan özelleştirin.

​​Burada her türlü seçeneği bulabilirsiniz, örneğin:

• Genel sekmesinden yeni eklediğiniz bloğun ön ayarlarını yükleyebilirsiniz.
• Stil sekmesinden, bloğun "normal" ve "hover" durumu için renkleri değiştirin.
• Gelişmiş sekmesinden, belirli cihazlarda veya diğer koşullara bağlı olarak engellemeyi gizleyin.

Spectra ayrıca, daha gelişmiş tasarımlar oluşturmanıza olanak tanıyan temel bir özellik olan bir sütun yapısı oluşturmanıza olanak tanır.

Bunu yapmak için, yalnızca bu seçeneği seçmenize izin veren konteyner bloğunu eklemeniz gerekir.

İşiniz bittiğinde, ihtiyacınız olan blokları basitçe sürükleyip bırakarak ekleyebilirsiniz.

Yani, Spectra'da hiyerarşik bir yapı da kullanacaksınız: Container > Column > Block .

Spectra, WordPress editörünü temel alır, böylece önceki eklentilerde olduğu gibi harici bir araç yüklemek zorunda kalmadan gördüğünüz her şeyi yapabilirsiniz.

1. Üzerinde çalıştığınız sayfanın yapısını daha iyi anlamak için liste modunu etkinleştirin.
2. Tasarımınızın farklı cihazlarda nasıl görüneceğini görmek için farklı görünümler arasında geçiş yapın.
3. Önceki bir sürüme geri dönmek için düzeltmelere erişin.

Karşılaştırmanın geri kalanını daha iyi anlamak için Spectra'ya genel bir bakış görmek isterseniz, aşağıdaki videoya göz atın!

Widget'lar, Modüller ve Bloklar

Sayfa oluşturucu eklentilerinin gerçek gücü genellikle kullanabilecekleri bloklarla tanımlanır. Bu bölümde analiz edeceğimiz şey budur.

Her sayfa oluşturucu, son sayfayı tasarlamak için kullanılan parçaları farklı şekilde adlandırır:

• Elementor – Widget'lar
• Divi – Modüller
• Spectra – Bloklar

Ancak hepsi aynı şeyi, nihai tasarıma uymak için farklı bölümlere veya kaplara yerleştirdiğiniz temel öğeyi ifade eder.

Elementor – 30+ Temel, 60+ Pro Widget ve İsteğe Bağlı Eklentiler

Elementor'un ücretsiz sürümü, 30'dan fazla temel widget kullanmanıza izin verecektir.

Karşılaştırma çok kapsamlı olacağı için hepsini açıklayamayız.

Neyse ki, büyük çoğunluğu kendi kendini açıklıyor ve WordPress'in varsayılan olarak içermediği, geçiş bloğu gibi özellikler eklemenize izin veriyor.

Elementor pro planı için ödeme yaparsanız, referans döngüleri, geri sayımlar, fiyatlandırma tabloları ve PayPal veya Stripe ödeme düğmeleri dahil olmak üzere daha fazla widget'a da erişebilirsiniz.

Yukarıdakilere ek olarak, temanızla ilgili widget'larınız da var. Örneğin, bir arama kutusu, yazar kutusu veya öne çıkan bir resim ekleyebilirsiniz.

E-Ticaret için en ilginç bloklar, WooCommerce için widget'lar olacaktır. Herhangi bir nedenle sayfanızın herhangi bir yerine bir düğme koymanıza izin verirler.

Bu şekilde, standart WooCommerce tasarımıyla sınırlı kalmayacaksınız.

Bu son üç widget grubu yalnızca Elementor Pro planında mevcuttur.

Ancak herhangi bir öğeyi kaçırırsanız, 3. taraf Elementor eklenti pazarını deneyebilirsiniz.

Bu eklentiler, Elementor'un ücretsiz sürümüyle bile çalışır, ancak bunları bağımsız olarak satın almanız gerekir.

Örneğin Elementor için Ultimate Eklentiler, party propz uzantılarını, parçacık arka planını ve hatta bir müzik widget'ını içerir. Bunlar, web sitenizi Cadılar Bayramı'na uyarlamak veya web sitenizi Noel için yeniden tasarlamak için kullanışlı olacaktır.

Divi – Devasa 200+ Öğe ve Pazar Yeri

Divi kitaplığı, kurulacak 200'den fazla öğeye sahip olduğu için gerçekten çok büyük.

Çoğu standart eklenti lisansına dahildir.

WooCommerce için özel modüller de vardır.

Topluluk tarafından geliştirilen ücretsiz modüller de vardır.

Bu da yetmezmiş gibi, Divi pazarında daha fazla modül bulacaksınız.

Spectra – Ücretsiz 28 Blok ve 3 Uzantı. Spectra Pro'da Ekstra Bloklar ve Özellikler

Spectra, 28 temel blok ve 3 uzantı sunar.

Bu alternatifi Elementor'un ücretsiz sürümüyle eşit hale getiren toplam 31 öğe.

Merak ediyorsanız, 3 uzantı şunlardır:

• Duvar galerisi, basit galeri bloğunu dönüştürmenize olanak tanır.
• Görüntüleme koşulları, kullanıcı durumuna (giriş yapmış veya yapmamış), kullanıcı rolüne, tarayıcıya ve işletim sistemine göre blokları göstermenize veya gizlemenize olanak tanır.
• Duyarlı koşullar: belirli cihazlarda blokları gizlemek için (örneğin, bir akıllı telefonda basitlik için bir fotoğrafın görüntülenmemesi).

Spectra, ücretsiz bir şeyden bahsettiğimizi dikkate alarak büyük bir değer sunar.

WordPress editöründen 30 yeni blokla daha iyi içerik oluşturmak, yeni bir aracın nasıl kullanılacağını öğrenmek için para veya zaman harcamadan sitenizin kalitesini artırmak istiyorsanız Spectra'yı değerli kılar.

Pro sürümü daha fazla blok ve özellik getirecek:

• Google ve Facebook için sosyal formlar da dahil olmak üzere oturum açın ve form bloklarına kaydolun.
• En son Instagram gönderilerini doğrudan web sitenizde göstermek için Instagram bloğu.
• Kaydırıcılar.
• Resim galerisi bloğu için filtreler.
• Geçiş efektleri.
• Zamanlayıcılar oluşturabilmeniz için geri sayım blokları, her zaman yeşil kalanlar bile.

Ve Spectra Pro'yu Elementor ve Divi'nin ücretli planına zorlu bir rakip yapacak birçok başka özellik.

Şablonlar ve Tel Kafesler

Artık her aracın sunduğu farklı araçları ve malzemeleri biliyorsunuz.

Ancak bir sayfa oluşturucu kullanıyorsanız, bunun nedeni tasarım becerilerinizin en iyi olmaması ve harika bir web sitesi oluşturmak için fazladan yardıma ihtiyacınız olması olabilir.

Önceden tanımlanmış blokların devreye girdiği yer burasıdır.

Önceden tanımlanmış bloklar, daha iyi tasarlamanıza ve daha hızlı çalışmanıza yardımcı olur.

Bir uzman tarafından tasarlanmış bir şablonu kullanmak ve onu değiştirmek, sıfırdan oluşturmaktan daha kolaydır.

Elementor – 30+ Temel ve 300+ Pro Şablonu

Elementor'da + düğmesine basarak yeni widget'lar ekleyebilirsiniz. Ancak klasör simgesine tıklayarak şablon eklemek de mümkündür.

Bu, kategorilere göre düzgün bir şekilde düzenlenmiş önceden tanımlanmış geniş bir blok yelpazesine göz atabileceğiniz kalıcı bir pencere açacaktır.

Harekete geçirici mesaj oluşturmak istiyorsanız kutu, metin, başlık veya düğme eklemenize gerek yoktur.

Halihazırda bu öğelere sahip bir harekete geçirici mesaj bloğu ekleyebilir ve tasarımınıza uyacak şekilde uyarlayabilirsiniz.

Önceden tanımlanmış bloklara ek olarak, eksiksiz bir web sayfası şablonu kullanma seçeneğiniz de vardır.

Bu, yalnızca bir makaleyi daha güzel hale getirmekle kalmayıp bir sayfa oluşturuyorsanız işinizi hızlandıracaktır.

Elementor yüzlerce blok ve sayfa şablonu sunsa da, çoğunun yalnızca Pro planla kullanılabileceğini unutmayın.

Divi – Neredeyse 300 Düzen Paketi, Ancak Tel Kafes veya Stil Yok

Divi ile yeni bir sayfa veya makale oluşturup düzenlerken, hazır bir düzen seçme seçeneğiniz vardır.

Bu düzenler yaklaşık 300 paket halinde düzenlenmiştir. Her paketin içinde birkaç düzen vardır (örneğin, bir ana sayfa, bir iletişim sayfası ve bir blog sayfası ile birlikte).

Yani toplamda kullanabileceğiniz 2.000'den fazla önceden tanımlanmış sayfa var.

Ancak, Divi'nin tel kafesleri yoktur. 200'den fazla blok için farklı stiller sunmuyor. Basit sürümü (örneğin, harekete geçirici mesaj bloğu) eklemeniz ve manuel olarak değiştirmeniz gerekecek.

Spectra – Hazır Ayarlar ve Yüzlerce Şablon Kiti

Spectra ile bir blok eklediğinizde, kenar çubuğunda bir hazır ayarlar bölümü bulacaksınız (kullanılan bloğa bağlı olarak).

Bu, stili manuel olarak değiştirmek zorunda kalmadan hızlı bir şekilde değiştirmenize olanak tanır. Çalışmanın çok daha verimli bir yolu.

Düzenleyicinin üst kısmında şablon kitlerini başlatmak için bir düğme de bulacaksınız.

Orada , Şablon Kitleri sekmesinde birkaç tıklamayla kullanıma hazır düzinelerce eksiksiz web sitesi tasarımı bulacaksınız.

Sayfanıza hızlı bir şekilde daha profesyonel bloklar eklemek için yaklaşık 300 önceden oluşturulmuş blok kalıbı kategorilere göre düzenlenmiştir (bunları çok daha gelişmiş hazır ayarlar olarak düşünün).

Ayrıca, hızlı çalışmanıza ve daha profesyonel sonuçlar almanıza yardımcı olacak kategorilere göre düzenlenmiş 60'a yakın tel kafes.

• Profesyonel ipucu : Spectra, stili bir bloktan kopyalayıp diğerine yapıştırmanıza da olanak tanır. İşlerinizi hızlandıracak harika bir özellik!

Entegrasyonlar

Çoğu zaman sadece daha güzel bir site oluşturmak istemezsiniz, sitenin günlük yaşamınızda zaten kullandığınız üçüncü taraf araçlarla çalışmasını istersiniz.

İşte entegrasyonların önemli bir rol oynadığı yer burasıdır.

Elementor – Temel ve En Çok Kullanılan Entegrasyonlar

Elementor çok çeşitli entegrasyonlar sunar.

• E-posta pazarlama platformlarını formlarınıza bağlayabilmeniz için Mailchimp, ActiveCampaign, Zapier veya ConvertKit gibi pazarlama araçları.
• Elementor ile eklediğiniz içeriği korumak için WooCommerce, LearnDash, TutorLMS veya MemberPress gibi WordPress eklentileri.
• Bu ağlardan içerik eklemek için Facebook, Discord veya YouTube gibi Sosyal Ağlar.
• Ve Font Awesome veya ReCaptcha gibi diğer entegrasyonlar.

Divi – Daha Gelişmiş Araçlarla Entegrasyon

Divi ayrıca çeşitli yerel entegrasyonlara sahiptir.

• CartFlows, WooFunnels veya WPFunnels gibi dönüşüm hunileri oluşturmak için vurgulama araçları.
• Aweber, Hubspot, Infusionsoft, Ontraport ve SalesForce gibi e-posta pazarlama araçları.
• Birçok sosyal paylaşım düğmesi, bunlar Monarch eklentisi (Divi lisansına dahildir) aracılığıyla entegre edilmiştir. Örneğin, kullanıcılar içeriği Evernote'a kaydedebilir ve Hacker News'te paylaşabilir.

Gördüğünüz gibi, bunlar ortalama bir girişimcinin kullanacağından biraz daha gelişmiş seçenekler çünkü herkesin Hacker News gibi paylaşılabilir bir web sitesi yok.

Ayrıca pazarda bazı ekstra entegrasyonlar bulacaksınız. Bunlar, yükleyebileceğiniz ekstra modüllerle aynıdır.

Spectra – WordPress'in Size Sunabileceği Her Şey

Spectra'nın WordPress editörü tabanlı bir sayfa oluşturucu olması büyük avantaj sağlıyor.

WordPress blok düzenleyicisiyle bütünleşen herhangi bir eklenti, her ikisi de aynı temel üzerinde çalışacağından, Spectra ile uyumluluğu garanti eder.

SureCart'ın müşteri panelinin daha hoş bir arka planla daha iyi görünmesini mi istiyorsunuz? Yalnızca belirli bir SureMembers kursuna kayıtlı olmayan kişilere gösterilen gizli bir teklif gibi daha fazla unsur eklemek ister misiniz?

Bunu kolayca yapabilirsiniz.

Bu, WordPress'e yüklediğiniz her eklentide olacaktır.

Çoğu eklenti, blok düzenleyici için ek bloklar sunduğundan, bunları Spectra ile sorunsuz bir şekilde kullanabilirsiniz.

SEO ve Performans

Sayfa oluşturucular hakkında okuduysanız, kullanıldıkları sayfalara ekleyebilecekleri hız cezasının muhtemelen zaten farkındasınızdır.

Güzel bir yüksek dönüşüm mağazasına sahip olmak istiyorsunuz, ancak aynı zamanda Google'da üst sıralarda yer alacak ve kullanıcıların yüksek beklentilerini karşılayacak kadar hızlı olmasını da istiyorsunuz.

Öyleyse bir sayfa oluşturucu kullanmaktan kaçınmalısınız?

Burada analiz edilen 3 eklenti arasında Spectra, Divi için 50 MB ve Elementor için 25 MB (ücretsiz sürümün ağırlığı) ile karşılaştırıldığında yalnızca yaklaşık 15 MB ağırlığıyla en hafif olanıdır.

Performansla eşanlamlı olmasa da ağırlık, bir eklenti veya temanın arkasındaki teknik karmaşıklığın harika bir göstergesi olabilir.

Örneğin Astra, yine Spectra gibi Brainstorm Force tarafından geliştirilen tema 50 KB'den daha hafiftir.

Sonuçları etkileyebilecek dikkate alınması gereken birçok faktör olduğundan, performans testleri gerçekleştirmek gerçekten karmaşıktır.

Metodolojimiz, sayfa oluşturucuların kendileri tarafından sağlanan örnek şablonlar üzerinde hız testleri gerçekleştirmek olmuştur.

Elementor – Temel Web Verileri Mobilde Başarısız Oldu (%45), Masaüstünde Başarılı Oldu (%80)

Bu yemek blogu web sitesi kitini Google Pagespeed aracılığıyla çalıştırmak bize aşağıdaki sonucu gösterdi.

Divi – Temel Web Verileri Mobilde Başarısız Oldu (%60), Masaüstünde Geçti (%89)

Bu restoran sayfası demosunu Google Pagespeed aracılığıyla çalıştırmak bize aşağıdaki sonucu gösterdi.

Spectra – Temel Web Verilerini Mobilde Geçti (%79), Masaüstünde Geçti (%95)

Bu fırıncılık web sitesi örneğini Google Pagespeed aracılığıyla çalıştırmak, bize aşağıdaki sonuçları gösterdi.

Yine, bu verileri biraz kuşkuyla almanızı rica ediyoruz.

Elementor, Divi ve Spectra kitaplık şablonlarını ziyaret etmenizi, kendi testlerinizi yapmanızı ve kendi sonuçlarınızı çıkarmanızı öneririz.

Ekosistem ve Diğer Özellikler

Bu sayfa oluşturucular hakkında bahsedilmesi gereken bazı ekstra noktalar var.

Belki yukarıdakilerden daha az alakalılar, ancak iki seçenek arasında kalırsanız, belki bu karar vermenize yardımcı olur.

Elementor – Yalnızca Sayfa Oluşturucu

Elementor bir sayfa oluşturucu olarak doğdu ve öyle kaldı.

Şirketin bulutta web sitesi oluşturucu gibi başka ürünler sunduğu doğrudur, ancak şirketin ürünlerinin tüm ortamı aynı konsept etrafında döner.

Elementor ayrıca, temanızın sayfaların yanı sıra diğer bölümlerini de değiştirmenize olanak tanıyan bir tema oluşturucuya sahiptir.

Ücretli planlar ayrıca e-postaları yakalamak için açılır pencereler oluşturmanıza veya sayfalara canlı notlar ekleyerek bir tasarımın oluşturulmasında işbirliği yapmanıza olanak tanır.

Divi – Birkaç Ekstra Araç

Divi Builder'ı geliştiren ana şirket olan Elegant Themes, bazı ekstra araçlar da sunar. Hepsi benzersiz lisansına dahildir.

Birkaç ekstra temaya (Divi ve Hello da denir) ek olarak şunları kullanabilirsiniz:

• Bloom, daha iyi e-posta yakalama formları oluşturmak için.
• Monarch, sosyal ağlarda paylaşmak için daha iyi düğmeler oluşturmak için.

Divi ayrıca, mizanpajlarınızı kaydedebileceğiniz ve onlara her yerden erişebileceğiniz Divi Cloud adlı bir bulut depolama özelliğine de sahiptir.

Lisansın satın alınmasıyla 50 adede kadar öğeyi saklayabilirsiniz. Sınırsız öğe tasarrufu yapmak istiyorsanız, aylık 9 ABD Doları olan ücretli bir abonelik için kaydolmanız gerekir.

Spectra – Çok Eksiksiz Bir Ekosistem

Bir eklenti olarak Spectra gerçekten ekstra bir şey sunmuyor.

Ancak unutmayın, bu Brainstorm Force'un bağımsız ürünüdür. Şirket %100 kullanımı basit, uygun fiyatlı ve güvenilir WordPress çözümleri oluşturmaya odaklanmıştır.

Divi Builder'ın bir tema içermesi gibi, Spectra da Astra temasını içerir (aslında, fiyatlandırma bölümünde göreceğiniz gibi, her iki ürünü de bir paket halinde alabilirsiniz).

Brainstorm Force'un etkisi her yöne uzanıyor:

• Daha profesyonel şablonlar mı istiyorsunuz? Bunları Başlangıç ​​Şablonları olarak bulacaksınız.
• Blogunuzun SEO'sunu artırmak mı istiyorsunuz? WP Schema'yı kullanın.
• Çalışmalarınızı profesyonel bir şekilde gösterin. WPPortfolio hizmetinizde.
• Ziyaretçileri potansiyel müşterilere dönüştürmek mi istiyorsunuz? ConvertPro ile yapabilirsin.
• Tasarımlarında ince ayar yapmak için ajansınızın müşterileriyle daha iyi iletişim kuruyor musunuz? Yardıma proje Huddle.
• Gelirinizi artırmak için profesyonel bir satış hunisi mi oluşturuyorsunuz? CartFlows sizin çözümünüz.

SureCart (ücretsiz bir eklenti) ile kendi çevrimiçi mağazanızı bile oluşturabilirsiniz, böylece WooCommerce'e güvenmek zorunda kalmazsınız. Veya SureMembers ile bir çevrimiçi üyelik web sitesi oluşturun.

Gördüğünüz gibi, aynı şirket tarafından geliştirilen bir sürü araç var.

Hepsi aynı basitlik felsefesine dayandığından, yeni araçları dijital stratejinize dahil etmeniz gerektiğinde kullanmaya başlamanız çok kolay olacaktır.

Fiyatlandırma

Genellikle aşırı yüksek bir maliyetleri olmadığından, bir sayfa oluşturucu seçerken fiyat kritik bir nokta değildir.

• * Spectra Pro, çok daha düşük bir fiyatla sonuçlanacak olan bağımsız bir ürün olarak satın alınabilecektir.
• * Astra Growth Bundle ömür boyu planı, Astra Pro temasını, diğer birçok eklentiyi, Skilljet akademisine erişimi ve gelecekteki tüm ürün sürümlerini içerir. Bu yüzden Divi'ye göre daha pahalı görünüyor.

Elementor – Freemium Modeli

Elementor, istediğiniz kadar web sitesinde kullanabileceğiniz %100 ücretsiz bir plana sahiptir.

Yine de, bu planın yalnızca 30 widget içerdiğini unutmayın.

Daha fazlasına ihtiyacınız varsa, tek bir web sitesi için yılda 59 ABD doları olan profesyonel plan için ödeme yapmanız gerekir.

Tüm ücretli planlar aynı özellikleri paylaşır. Tek fark, olası kurulumların sayısıdır:

• Yılda 99 ABD dolarına kadar 3 sitede kullanmanıza izin verecek biraz gizli bir plan var.
• Yılda 199 ABD doları karşılığında 25 adede kadar site.
• Yılda 399 ABD Doları karşılığında 1.000'e kadar site.

Divi – Yalnızca Ücretli Bir Plan

Divi'nin ücretsiz planı yoktur ve yalnızca tek bir lisansı vardır:

• $89/yıllık.
• Tek seferlik 249$'lık bir ödeme karşılığında (Divi'yi 3 yıldan fazla kullanmayı planlıyorsanız, buna değer).

Her iki lisans da sınırsız sitede kullanılabilir ve ayrıca eklentileri ve temaları içerir.

Spectra – Ücretsiz, Pro Sürüm Çok Yakında

Temel Spectra eklentisi ve 30'dan fazla bloğu tamamen ücretsizdir.

Geliştirme aşamasında olan bir Pro sürümü var, ancak şu anda ne kadara mal olacağını veya neleri içereceğini bilmiyoruz.

Bildiğimiz şey, en azından, bir avuç ek araç ve sınırsız site kullanımı sunan Astra'nın Büyüme Paketine dahil edileceği.

Spectra Pro bağımsız olarak da satın alınabilecek.

Karar: Hangi Sayfa Oluşturucu Sizin İçin En İyisidir?

Tüm bu karşılaştırmalardan sonra, hangi eklentinin sizin için en iyisi olduğunu hala bilmiyorsanız, işte hızlı bir özet.

Elementor, WooCommerce Kullanıcıları ve Pazarlamacılar için Harika Olabilir

Elementor, daha iyi tasarlamanıza yardımcı olacak ve dönüşümlere çok odaklanmış bir araçtır.

WooCommerce için geri sayımlar, referans döngüleri, Stripe ve PayPal düğmeleri ve birçok blok içerir.

Açılır pencere oluşturucuya, açılış sayfası oluşturucuya ve eksiksiz bir tema oluşturucuya sahip olması gerçeğiyle birleştiğinde, onu her şeyi ayrıntılı olarak kontrol edebilecekleri bir web sitesi arayanlar için ideal çözüm haline getiriyor.

Büyük bir WooCommerce mağazanız varsa veya bu platformda çevrimiçi mağazalar tasarlamak istiyorsanız, Elementor en iyi seçiminiz olabilir.

Divi Tasarım Ajansları İçin İyidir

Divi, küçük veya büyük bir tasarım ajansı için mükemmel bir araç olması için gereken tüm bileşenlere sahiptir.

• Tek lisansı, hizmetlerinizin yatırım getirisini artıracak sınırsız sitede kullanmanıza izin verir.
• İhtiyacınız olan herhangi bir tasarımı oluşturmak için birçok seçenek sunar.
• Divi Cloud (kendi tasarımlarınızı depolamak ve her yerden erişmek için) veya "müşteri teslim etme" özellikleri gibi araçlara sahiptir.

Spectra Blog Yazarları, Küçük İşletmeler ve E-Ticaret İçin Yararlıdır

Spectra tamamen basitlik ve hız ile ilgilidir. Kullanımı en kolay sayfa oluşturucu olmasının yanı sıra, daha hızlı çalışmak için stilleri kopyalayıp yapıştırmanıza olanak tanır.

Bu, içeriğine hızlı ve kolay bir şekilde daha profesyonel bir görünüm vermek isteyen blog yazarları için ideal bir çözümdür.

Ancak tek amacı bu değil.

WooCommerce blokları ve önceden tanımlanmış şablonları sayesinde işletmenizin veya çevrimiçi mağazanızın görsel görünümünü iyileştirmek için de kullanabilirsiniz.

Yüzlerce şablon, tel kafes ve desen sayesinde üçüncü taraf işletmeler için sayfaları bile çok verimli bir şekilde tasarlayabilirsiniz.

Sarma

Gördüğünüz gibi Elementor, Divi ve Spectra çok benzer şeyleri farklı şekillerde yapıyor. Her birinin artıları ve eksileri ve kesin güçlü ve zayıf alanları vardır.

Dürüst olmak gerekirse, bu sayfa oluşturuculardan herhangi birini seçerseniz pişman olmayacaksınız.

Ancak her şeyi göz önünde bulundurarak kendi Spectra'mızın en fazla potansiyeli sunduğunu düşünüyoruz.

Bir sayfa oluşturucu seçerken en önemli şey, onunla rahat hissetmenizdir. Aksi takdirde kullanmaktan kaçınırsınız.

Ve WordPress blok düzenleyicisiyle tamamen entegre olduğu için harici bir düzenleyici kullanmanız gerekmeyeceğinden, Spectra'nın gerçekten parladığı yer burasıdır.

Hızlı ve kullanımı kolay olmasının yanı sıra:

• Onunla ücretsiz, sıfır riskle çalışmaya başlayabilirsiniz.
• Ekstra bloklara veya özelliklere ihtiyacınız varsa, daha zengin özelliklere sahip bir sürüm yolda.
• İşinizi büyütmenize yardımcı olacak büyük bir ekosistemin parçasıdır.

Hangi sayfa oluşturucuyu kullanacağınıza zaten karar verdiniz mi? Bundan sonra başka hangi karşılaştırmaları görmek istersiniz?

Aşağıdaki yorumlarda bize bildirin!