Divi vs Elementor: Sizin İçin Doğru WordPress Sayfa Oluşturucu Hangisi?

Divi ve Elementor arasında seçim yapmaya mı çalışıyorsunuz?

Bunlar en popüler WordPress sayfa oluşturucu eklentilerinden ikisi olduğundan, her iki şekilde de mutlaka yanlış gideceğinizi düşünmüyorum.

Bununla birlikte, Elementor ve Divi arasında sizi şu ya da bu yöne gitmeye itebilecek kesinlikle bazı önemli özellikler ve fiyat farklılıkları vardır.

Bu yazıda keşfetmenize yardımcı olmaya çalışacağım şey bu. Elementor ve Divi arasında büyük ölçüde aynı olan özellikleri inceleyerek başlayacağım. Ardından, tam tersini vurgulayacağım ve neyin farklı olduğuna bakacağım.

İşleri bitirmek için, özellik listesinin ötesindeki diğer iki önemli husus olan performans ve fiyatlandırmayı karşılaştıracağım.

Başlamaya hazır mısınız? Karşılaştırmaya başlayalım.

Divi vs Elementor: Aynı Nedir?

Bu iki sayfa oluşturucu eklentinin her ikisi de oyunun en üstündedir, bu yüzden her ikisinin de çoğunlukla ortak noktalarını karşılaştırarak başlayalım. Açıkçası, burada ve orada hala daha küçük özellik farklılıkları var, ancak bunlar, hangi eklentiyi seçerseniz seçin alacağınız temel özelliklerdir.

Görsel, Sürükle ve Bırak Arayüzleri

En temel düzeyden başlayalım – arayüz.

Hem Divi hem de Elementor, satır içi düzenleme ile size görsel, sürükle ve bırak arayüzleri sunar.

Yani, ziyaretçilerinizin tam olarak ne göreceğini görürken sayfanızı tasarlayabileceksiniz ve sadece sayfaya tıklayıp yazarak metni düzenleyebilirsiniz.

Divi ile, altta tıklandığında bazı seçenekleri genişleten tek bir düğmenin ötesinde, Divi'den sabit arabirim öğeleri olmayan tam genişlikte bir düzenleyici elde edersiniz.

Modülleri eklemek ve yapılandırmak için tasarımınızın üzerine geldiğinizde görünen kayan düğmeleri kullanacaksınız:

Farklı renkler, farklı modül türlerini temsil eder.

Bireysel modülleri yapılandırmak için ayarlar açılır penceresini kullanacaksınız. Açılır pencereyi yeniden boyutlandırabilir ve güzel bir özellik olan sürükle ve bırak yöntemiyle hareket ettirebilirsiniz.

Öte yandan Elementor, solda her zaman görünür olan sabit bir kenar çubuğu kullanır. Bu, bir tasarım deneyimi kadar sürükleyici yaratmıyor, ancak kişisel olarak sabit bir kenar çubuğuyla etkileşime girmeyi, her şey için ortaya çıkan ve kaybolan kayan düğmeler kullanmaktan daha uygun buluyorum (Divi'de olduğu gibi) :

Bir widget'ı veya bölümü yapılandırmak için üzerine tıklayarak ayarlarını kenar çubuğunda açabilirsiniz:

Hangisi daha iyi? Şey, bence bu gerçekten sadece kişisel tercihe bağlı.

Şahsen, Elementor'un arayüzünü tercih ediyorum ve sayfaları daha hızlı/kolay oluşturmama izin verdiğini görüyorum. Ayrıca arayüzün kendisini Divi'ye kıyasla daha hızlı ve hatasız buluyorum. Ancak, bu sadece benim fikrim ve Divi'yi kullanmayı tercih eden birçok insan tanıyorum (popülerliğinden de anlaşılacağı gibi).

Subjektif bir şey için kesin bir kazanan ilan etmem imkansız olduğundan, gerçekten ikisini de test etmeniz gerektiğini düşünüyorum.

Detaylı Stil Seçenekleri

Hem Divi hem de Elementor, erişebileceğiniz tasarım ve stil seçenekleri söz konusu olduğunda daha iyi WordPress sayfa oluşturucu eklentilerinden ikisidir.

Tabii ki, burada ve orada bazı küçük farklılıklar var. Ancak genel olarak, her ikisi de ortalama WordPress sayfa oluşturucu eklentisinden daha fazla stil ve tasarım seçeneği sunar.

Burada nasıl objektif bir karşılaştırma yapacağımdan emin değilim çünkü “stil ve tasarım”a giren çok sayıda küçük özellik var. Ancak her ikisinin de sunduğu daha dikkate değer özelliklerden bazıları şunlardır:

• Şekil bölücüler
• Özel boşluk
• Modüller için özel konumlandırma
• Paralaks kaydırma gibi animasyon efektleri

Duyarlı Tasarım Ayarları

Hem Divi hem de Elementor ile oluşturduğunuz tüm tasarımlar varsayılan olarak duyarlıdır. Yani tasarımlarınız bilgisayarlarda, tabletlerde ve akıllı telefonlarda otomatik olarak çalışacaktır.

Her ikisi de işleri bir adım daha ileri götürür ve tasarımlarınız için duyarlı ayarları özelleştirmenize izin verir.

Örneğin, hem Divi hem de Elementor, ziyaretçilerin cihazlarına göre farklı stil ayarları kullanmanıza izin verir. Mobil cihazlarda büyük bir resmi gizleme gibi, ziyaretçilerin cihazlarına bağlı olarak belirli modülleri de gizleyebilirsiniz.

Tema Oluşturucu İşlevselliği

Hem Divi hem de Elementor artık yalnızca tek seferlik sayfa içeriğiyle sınırlı değil – aynı görsel, sürükle ve bırak arayüzünü kullanarak tüm WordPress temanızı tasarlamanıza da izin veriyor.

Elementor önce tema oluşturmayı yayınladı, Divi ise yakın zamanda Divi 4.0 ile bu özelliği ekledi.

Peki tema oluşturma nedir?

Esasen, tema oluşturma, bir sürükle ve bırak sayfa oluşturucu kullanarak tüm WordPress temanızı tasarlamanıza izin vererek bir WordPress temasına olan ihtiyacı ortadan kaldırır. Örneğin, aşağıdakiler için şablonlar oluşturabileceksiniz:

• başlık
• altbilgi
• Tek gönderiler ve sayfalar (örneğin, bireysel bir blog gönderisi)
• Arşiv sayfaları (örneğin, tüm blog gönderilerinizi listeleyen sayfa)

Bir blog gönderisinin başlığı gibi yerel WordPress bilgilerini dinamik olarak dahil etmenin ötesinde, özel alanlardan bilgi eklemek için her iki eklentinin tema oluşturucularını da kullanabilirsiniz.

Divi ile, aşağıdaki gibi bir arka uç arayüzü kullanarak farklı tema şablonu bölümlerinizi düzenleyebilirsiniz:

Başlığınız gibi tema şablonu bölümlerinizi gerçekten oluşturmak için ön uç görsel oluşturucuyu kullanacaksınız. Site başlığınız ve sloganınız gibi site bilgilerini eklemek için dinamik içerik özelliğini kullanabilirsiniz:

Elementor ile tema şablonu bölümünüzü tasarlamak için doğrudan görsel oluşturucuya atlayacaksınız. Ayrıca, herhangi bir pencere aracına uygulayabileceğiniz dinamik içerik özelliğinin yanı sıra şablon bölümü için bazı özel araçlar da alacaksınız:

Tema şablonunuzu yayınladıktan sonra, örneğin yalnızca belirli bir gönderi kategorisi için kullanarak nereye uygulayacağınızı seçebilirsiniz:

Genel olarak, her iki tema oluşturucu da oldukça güçlüdür.

Sağ Tıklama Desteği

Hem Divi hem de Elementor, WordPress sayfa oluşturucuları arasında oldukça benzersiz olan sağ tıklama desteğine sahiptir.

Sağ tıklamak küçük bir şey gibi görünebilir, ancak iş akışınızı hızlandırmak için çok kullanışlıdır. Örneğin, hızlı bir şekilde şunları yapabilirsiniz:

• Widget'lar arasında stilleri kopyalayın
• Yinelenen widget'lar
• Widget'ları sil
• Şablonları kaydet
• Vb.

Divi'de sağ tıklama menüsü:

Ve işte Elementor'daki sağ tıklama menüsü:

Divi ve Elementor: Farklı Olan Ne?

Artık Elementor ve Divi arasındaki bazı benzerlikleri bildiğinize göre, bazı önemli farklılıkları inceleyelim.

Elementor'un Açılır Pencere Oluşturucusu Var

En büyük özellik farklılıklarından biri, Elementor'un kendi açılır pencere oluşturma aracını içermesine karşın Divi'nin içermemesidir.

Elementor Popup Builder ile, pop-up'lar tasarlamak ve bunları sitenizin herhangi bir yerinde görüntülemek için aynı Elementor arayüzünü kullanabilirsiniz.

Ancak yine de Elementor widget'larının tam dizisini kullanabilirsiniz, bu da şunları oluşturabileceğiniz anlamına gelir:

• E-posta katılım açılır pencereleri
• Giriş/kayıt açılır pencereleri
• Promosyon/CTA açılır pencereleri
• Vb.

Divi, Elementor ile aldığınız gibi yerleşik bir açılır pencere oluşturucu içermez, ancak Divi'yi açılır pencereler tasarlamak için kullanmanıza izin verecek Divi Yerleşimleri gibi üçüncü taraf eklentileri vardır.

Divi satın alımınızla birlikte Bloom e-posta katılım eklentisine (incelememiz) de erişebilirsiniz. E-posta katılım açılır pencereleri oluşturmanıza olanak tanır, ancak sürükle ve bırak oluşturucu olmadığı için Elementor Popup Builder kadar esnek değildir.

Divi Dahili A/B Testine Sahiptir

Bu, herkesin kullanmayacağı bir özelliktir, ancak pazarlama odaklıysanız, tasarımlarınızı optimize etmek için Divi'nin yerleşik A/B testiyle birlikte gelmesi hoşunuza gidebilir.

Herhangi bir modüle sağ tıklayarak, bir A/B/n testini hızla başlatabilir ve herhangi bir modülün farklı varyantlarının nasıl performans gösterdiğini görebilirsiniz. Örneğin, farklı deneyebilirsiniz:

• manşetler
• Düğmeler
• Görüntüler
• Vb.

Açılış sayfaları vb. oluşturmayı planlıyorsanız, muhtemelen bu özelliği oldukça faydalı bulacaksınız.

Bununla birlikte, Google Optimize gibi üçüncü taraf çözümleri kullanarak Elementor'u A/B testi yapabilirsiniz. Ayrıca Elementor için Split Test adında bir üçüncü taraf eklentisi var. Divi kadar kullanışlı değil.

Divi Hem Tema hem de Eklenti Sürümünde Gelir

Elementor sadece bir eklentidir. Elementor ekibi, Elementor Theme Builder ile kullanılmak üzere oluşturulmuş Hello adlı kendi barebone temasını sunarken, Elementor'un kendisi bağımsız bir eklentidir.

Öte yandan Divi, hem tema hem de eklenti sürümüyle gelir.

Bunun büyük bir avantaj mı yoksa dezavantaj mı olduğunu veya sizin için bir fark yaratıp yaratmadığını mutlaka bilmiyorum… ama kesinlikle bir fark var.

Divi temasıyla, temanızın ve sayfa oluşturucunuzun mükemmel bir şekilde senkronize olduğunu garanti edebilirsiniz, bu da biraz çekicidir.

Aynı zamanda, Elementor için bazı harika üçüncü taraf temaları var, yani bunu Elementor ile elde edemezsiniz.

Divi'de Düzen Paketleri ve Daha Fazla Şablon Var, Elementor'da Yalnızca Şablonlar Var (Çoğunlukla)

Hem Divi hem de Elementor, içe aktarabileceğiniz çok sayıda harika görünümlü şablon içerir, böylece bu kısım aynıdır.

Ancak, şablonları biraz farklı şekillerde ele alırlar.

Divi ile, belirli nişler için oluşturulmuş bir tür temalı şablon kitleri olan mizanpaj paketleri adı verilen bir şey elde edersiniz. Örneğin, bir spor salonu için bir web sitesi oluşturmak istiyorsanız, Divi düzen paketi aşağıdakiler için birden fazla şablon içerir:

• Ana Sayfa
• Sınıflar sayfası
• Hakkında sayfası
• İletişim sayfası
• Vb.

158 düzen paketinde Divi, kesinlikle ikisi arasındaki en büyük koleksiyon olan şaşırtıcı bir 1.167 farklı sayfa şablonuna sahiptir.

Elementor'un şablonları çoğunlukla tek seferlik şablonlardır. Örneğin, bir açılış sayfası şablonu veya hizmetler sayfası şablonu bulabilirsiniz, ancak bunların temalarının birlikte olması gerekmez.

Elementor'un site kitleri adı verilen kendi düzen paketlerini yavaş yavaş sunmaya başladığını unutmayın. Bununla birlikte, Elementor şu anda yalnızca yedi site kitine sahipken Divi'nin 150'den fazla yerleşim paketi var, bu yüzden bunu hala bir fark olarak sayıyorum. Elementor ekibi her ay yeni bir site kiti eklemeyi hedefliyor, bu nedenle zamanla bu koleksiyon büyüyecek… ama yine de bu oranda Divi'ye asla yaklaşamayacak.

Elementor'un Daha Büyük Bir Üçüncü Taraf Pazar Yeri Var

Hem Divi hem de Elementor ile ilgili harika şeylerden biri, çekirdek eklentilerdeki özellikleri daha da geliştirmek için üçüncü taraf uzantıları bulabilmenizdir.

Her iki sayfa oluşturucunun da mükemmel üçüncü taraf pazaryerleri olmasına rağmen, bu açıdan Elementor'a üstünlük sağlamam gerekir.

Elementor'un ücretsiz bir sürümü olması ve bunun sonucunda daha büyük bir pazar payı olması, daha fazla üçüncü taraf geliştiriciyi Elementor uzantıları oluşturmaya itti.

Örneğin, WordPress.org'da "Divi" araması 22 sayfa sonuç verirken, "Elementor" araması size 48 sayfa sonuç verir.

Yine, her ikisi de oldukça iyi ve ortalama sayfa oluşturucunuzdan daha iyi – Sadece Elementor'un burada önde olduğunu düşünüyorum.

Divi ve Elementor: Performans

Divi ve Elementor arasındaki göreli performansı ölçmek için eşdeğer modülleri kullanan iki temel örnek sayfa oluşturdum ve ardından işlerin nasıl gittiğini görmek için bunları performans testi araçlarından geçirdim.

Her iki site de temel tema olarak Airi'yi kullanıyor ve işte kullandığım modüller:

• Buton
• Daire sayacı
• referans
• Fiyatlandırma tablosu

Tasarımlar süper barebone, ancak size her bir eklentinin göreceli performansı hakkında iyi bir fikir vermelidir.

Açıklığa kavuşturmak için, bunu eşit bir karşılaştırma yapmak için Divi'nin (Divi Builder) eklenti sürümünü Airi temasıyla kullanıyorum. Yani Divi temasını kullanmıyorum.

Divi'nin performansı şöyle:

Elementor'un performansı şöyle:

Sayfa yükleme süreleri hakkında çok fazla endişelenmem çünkü bu sadece bir kerelik bir testtir. Ancak sayfa boyutu ve HTTP isteklerinin Divi ve Elementor arasında nasıl biriktiği aşağıda açıklanmıştır:

Böylece Elementor daha küçük bir dosya boyutuna sahipken Divi'nin daha az HTTP isteği vardı.

Bununla birlikte, Divi'nin yerleşik komut dosyası optimizasyonuna sahip olması nedeniyle Elementor'a hafif bir avantaj sağlayacağım, bu da neden kutudan daha az HTTP isteği aldığını açıklamaya yardımcı olur. Ancak, Elementor ile benzer bir şey yapabilirsiniz – Autoptimize gibi ücretsiz bir üçüncü taraf eklentisine ihtiyacınız var.

Yani, Autoptimize (veya WP Rocket gibi başka bir eklenti) kullanıyorsanız, sitenizdeki HTTP isteklerinin sayısını benzer şekilde azaltmak için Elementor'un komut dosyalarını birleştirebilirsiniz.

Autoptimize veya WP Rocket ile dosya birleştirme gibi WordPress en iyi uygulamalarını uyguladığınız sürece, testimde daha küçük bir sayfa boyutuna sahip olduğu için Elementor'un biraz önde olduğunu düşünüyorum. Divi, yine de bir sayfa oluşturucu eklentisi için sağlam bir performans sunuyor.

Divi ve Elementor: Fiyatlandırma

Elementor vs Divi kullanmanın daha ucuz olup olmadığına gelince, bu, onu kaç sitede kullanmanız gerektiğine bağlıdır.

İlk olarak, odadaki fil: Elementor cömert bir ücretsiz sürüm sunarken Divi yalnızca premium sürümde gelir.

Elementor'un yalnızca ücretsiz sürümüyle çok şey yapabilirsiniz. Bu nedenle, ücretsiz sürüm sizin için çalışıyorsa, bu durumda Divi yerine Elementor'u seçmenin akıllıca olduğunu düşünüyorum.

Premium özelliklere erişmeniz gerekiyorsa, durum o kadar net değil.

Elementor, yalnızca tek bir sitede kullanmanız gerekiyorsa daha ucuz olurken, birden fazla web sitesinde kullanmanız gerekiyorsa Divi daha ucuz olacaktır.

Elementor, üç seçenekli site tabanlı bir lisanslama yaklaşımı kullanır:

• Kişisel – bir site için 49$
• Artı – üç site için 99$
• Uzman – 1.000 site için 199 ABD doları (aslında sınırsızdır, ancak kötüye kullanımı önlemek için 1.000 ile sınırlandırılmıştır)

Tüm bu planlar bir yıllık lisans içindir. İlk yıldan sonra mevcut Elementor Pro sürümünüzü kullanmaya devam edebilirsiniz, ancak destek ve güncellemeleri almaya devam etmek için yenilemeniz gerekir.

Divi'nin yalnızca, her ikisi de Divi'yi sınırsız web sitesinde kullanmanıza izin veren iki fiyatlandırma planı vardır:

• Yıllık Erişim – Bir yıllık destek ve güncellemelerle 89 ABD doları.
• Ömür Boyu Erişim – ömür boyu destek ve güncellemelerle 249$.

Her iki planın da Divi'yi sınırsız web sitesinde kullanmanıza izin vermesinin ötesinde, burada başka bir büyük fayda daha var.

Bu fiyat, Elegant Themes'in tüm ürünlerine erişmenizi sağlar. Buna Bloom e-posta katılım eklentisi (incelememiz), Monarch sosyal medya paylaşım eklentisi ve daha fazlası dahildir.

Her şey hesaba katıldığında, Divi Builder'ı birden fazla web sitesinde kullanmak kesinlikle daha ucuzdur, bu da ihtiyacınız olan her şeyi yapabiliyorsa sizi Divi'nin yönüne itebilir.

Öte yandan, yalnızca tek bir web sitesi için bir sayfa oluşturucuya ihtiyacınız olduğunu biliyorsanız, Elementor Pro yalnızca 49 dolardan daha ucuz olacaktır.

Elementor veya Divi Kullanmalı mısınız?

Divi ve Elementor, oradaki en iyi sayfa oluşturucu eklentilerinden ikisidir, bu yüzden ikisinde de mutlaka yanlış gideceğinizi düşünmüyorum.

Bunun yerine, bence aşağı geliyor:

• İhtiyacınız olan özellikler. Örneğin, açılır pencere oluşturucuyu kullanacağınızı düşünüyor musunuz? Elementor'la gidin. Yerleşik A/B testi istiyor musunuz? Divi'ye git.
• Senin bütçen. Elementor Pro, yalnızca tek bir site için ihtiyacınız varsa daha ucuz olurken, birden fazla web sitesi için bir sayfa oluşturucuya ihtiyacınız varsa Divi daha ucuz olacaktır.
• Kişisel tercihleriniz. Örneğin, her ikisi de biraz farklı yaklaşımlar kullandığından, bir düzenleyiciyi diğerine tercih edebilirsiniz.

Kişisel olarak neyi seçip tavsiye ederim? Bütün günümü WordPress ile yazıp çalışarak geçiriyorum, bu yüzden burada biraz bilgim olduğunu düşünmek istiyorum.

Şahsen, Elementor'u seviyorum (ve kullanıyorum). Çoğu sitemde ücretsiz sürümün tek başına işe yaradığını görüyorum ve Elementor arayüzünü Divi'ye tercih ediyorum. Divi arayüzü Elementor'a kıyasla biraz yavaş geliyor ve daha hızlı arka uç arayüzü ve sabit kenar çubuğu yaklaşımı nedeniyle kişisel olarak Elementor'da tasarımlar oluşturmayı daha keyifli buluyorum.

Ancak bu, benimle aynı fikirde olacağınız anlamına gelmez, bu yüzden sizi şunları yapmaya teşvik ediyorum:

• Yukarıdaki özellik farklılıklarının sizin için anlamlı bir fark yaratıp yaratmadığını düşünün.
• Fiyatlandırmanın bütçenize nasıl uyduğunu düşünün.
• Her eklenti ile oynayın. Elementor'un ücretsiz sürümünü WordPress.org'da deneyebilirsiniz ve Divi'nin düzenleyiciyle oynayabileceğiniz genel bir demo sitesi vardır.

Her iki eklentiye de daha ayrıntılı bir bakış istiyorsanız, tam Elementor Pro incelememize ve ayrıntılı Divi incelememize de göz atabilirsiniz.

Ayrıca, bu incelemede ayrıntıları verilen tüm benzerliklerin ve farklılıkların bir karşılaştırma tablosu:

Seçiminizi yaptıktan sonra, ihtiyaçlarınıza göre Elementor Pro veya Divi Builder'ı satın alabilirsiniz.

Elementor ve Divi Builder arasında nasıl seçim yapacağınız hakkında sorularınız mı var? Bir yorum bırakın ve yardım etmeye çalışacağız.