Ana İçeriğe Geç

JetPopup veya Elementor Popup Builder: Hangisini seçersiniz?

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

İlk açılır pencereler, 90 yıllarının başlarında, web sayfasını Tripod'da barındırması için Ethan Zukerman'ın hayal ettiği senaryodan yaratıldı. Kullanıcıları, web sitesine yerleştirdiği reklamların sayısından şikayet etti, bu nedenle, bir kullanıcı sayfaya eriştiğinde açılan afişleri ayrı bir sayfaya yerleştirmeye karar verdi.

Bu küçük kod parçası, şu anda tüm web sitelerinde gördüğümüz gibi hala gerçek bir pop-up değildi, ama hepsi o zaman başladı. Modern web sayfalarında, pop-up'lar sadece reklamlar için değil, farklı amaçlar için kullanılmaktadır. İletişim formları, gizlilik politikası uyarıları ve abonelik önerileri de genellikle açılır pencereler olarak sunulur.

Pop-up'lara gelince kullanıcıları rahatsız eden iki şey var: istemediğiniz zaman üzerinize atladıklarında; ve görünüşü tamamen web sitesinin tarzından farklı olduğunda. Bu iki sorun, en yüksek kalitede görünmeyen eklentileri kullandığınızda ortaya çıkar.

Acemi geliştiricilerin kullandığı çoğu eklentinin en büyük sorunu pop up oluşturma ortaya çıkan mesaj üzerinde kontrol eksikliğidir. Ancak, bir web sitesi oluşturmak için Elementor kullanıyorsanız, tüm bu sorunlardan kaçınabilirsiniz.

Elementor Page Builder için özel olarak oluşturulan iki harika eklenti, ihtiyacınız olan her tür, şekil ve stilde pop-up oluşturmanıza yardımcı olur - Elementor Popup Builder et JetPopup. İkisi de Elementor'la aynı etten yapıldığı için, sorulabilecek tek soru bu eklentilerin hangisini seçeceğidir. Bu kararı vermenize yardımcı olmak için her ikisini de ayrıntılı olarak gözden geçireceğim ve avantajlarını ve dezavantajlarını karşılaştırabilirsiniz. Öyleyse gidelim!

İndirme ve yükleme

Kullanılacak eklentiyi seçerken en önemli kriter bu değil, ama denemek için önce onu edinmelisin. Bu yüzden baştan başlayacağım ve alma sürecini tarif edeceğim - fiyatlandırma, çaba ve kurulum sürecinin basitliği.

Popup Builder

Elementor

Bu eklenti Elementor ekibi tarafından yaratıldı. Böylece ona gerçek "çocuğu" diyebiliriz. Bu, müşterilerin ihtiyaçlarını karşılamak için Ocak 2019'te piyasaya sürülen son Elementor güncellemesidir. Ancak, Elementor'ün ücretsiz sürümünün kullanıcıları tarafından kullanılamaz.

Popup Builder profesyonel abonelik planına dahil edilmiştir. Bu yüzden, pop-up'lar yaratabilmek için öncelikle Elementor Pro'ya sahip olmalısınız. Tüm Elementor özelliklerinin tamamını tek bir web sitesi için kullanmanızı sağlayan en basit ücret planı yıllık 49 $ 'dır. Böylece, ilk adımlardan (Elementor Pro'nun satın alınması), Popup Builder'ı elde etmek için gereken algoritma:

  • Pro Elementor Sayfa Oluşturucu satın alın.
  • Kişisel hesabınıza gidin ve eklentiyi indirin.
  • Web sitenizin gösterge tablosuna gidin, Eklentiler> Yeni ekle, "Eklenti yükle" düğmesini tıklayın ve uygun .zip dosyasını seçin.
  • Yükleme tamamlandığında, eklentiyi lisans anahtarınızla etkinleştirin.
  • İşte Popup Builder, Şablonlar> Popup'lar sekmesindedir.

Bu uzun bir yoldur, ancak Popup Builder ile widget'lar, şablonlar ve diğer ek araçlar gibi farklı Elementor öğeleri koleksiyonuna da sahip olursunuz.

Popup Builder

JetPopup

Jet eklentilerinin "ailesi" zaten 10 makalesinden daha fazlasını içeriyor ve JetPopup da onlardan biri. Elementor için özel olarak özenle yaratılmıştır ve mevcut araç sayısını arttırır. Bu eklenti tJetPopupsücretsiz ve ücretli sürümleriyle tümüyle uyumludur. Ek satın alma yapmanız gerekmez. JetPopup, 15 $ 'e mal olur ve bir kez edindiğinizde, bunu tek bir web sitesi için kullanabilirsiniz. Birden fazla proje için ihtiyacınız varsa, eklentiyi geliştiricinin lisansı altında satın alabilir (45 $ 'a mal olur) ve beş web sitesi için kullanabilirsiniz. Eklentiyi edinme algoritması biraz daha basittir:

  • Eklentiyi TemplateMonster Marketi'nden satın alın. Bilgisayarınıza indirilecektir.
  • Web sitenizin gösterge tablosuna gidin, Eklentiler> Yeni ekle, "Eklenti yükle" düğmesini tıklayın ve uygun .zip dosyasını seçin.
  • Kurulum tamamlandığında, eklentiyi etkinleştirin.
  • İşte bu kadar! Elementor özelleştirme menüsünü açtığınızda ("Elementor ile Düzenle" düğmesine tıklayarak), widget'ın sol menüsünde JetPopup bölümünü bulacaksınız.

JetPopup

Pop-up oluşturma

Şimdi, araçlar orada ve hazır olduğunda, her iki eklentiyle bir açılır pencere oluşturmayı deneyebilirim ve özelliğin ne kadar basit ve anlaşılabilir olduğunu görebilirim. Sonra, temel bir pop-up oluşturacağım ve Popup Builder ve JetPopup için özelleştirme seçeneklerine bir göz atacağım.

Popup Builder

Pro Elementor'da pop-up'lar sitenin sayfalarından ayrı olarak yapılır. Web sitesinin görünümünü değiştirmek için, kişiselleştireceğiniz sayfayı açın, "Elementor ile Düzenle" düğmesine tıklayın ve değişiklik yapın. Ancak açılır pencereler oluşturmak (ve ardından düzenlemek) için Şablonlar> Açılır Pencereler bölümüne gidip "Yeni açılır pencere ekle" düğmesine basmanız gerekir.

Popup Builder
Pop-up Builder'ı Şimdi Deneyin

Açılan pencerede, oluşturacağınız şablonu seçmeniz gerekir (evet, yalnızca açılır pencereler için değil, sayfalar ve diğer öğeler için de şablonlar oluşturabilir) ve ona bir ad verebilirsiniz.

açılır pencere oluşturma

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

"Şablon oluştur" butonuna bastıktan sonra, Elementor kişiselleştirme menüsüne yönlendirileceksiniz. Mevcut bir öğeyi sıfırdan inşa ederek özelleştirmek daha kolaydır. Bu nedenle ilk önce uygun bir model seçmeniz istenecektir.

pop-up kütüphanesi

Kütüphane listesinin başında gösterilen modellerden birini seçtim. Seçimden hemen sonra, muhtemelen alıştığınız Elementor çalışma alanına inersiniz. Özelleştirme seçenekleri, ekranın sol tarafındaki kenar çubuğuna yerleştirilir. Burada üç sekmeniz var.

"Ayarlar" sekmesi, açılır pencerenin düzenini değiştirmenizi, modelin adını ve önizlemesini değiştirmenizi sağlar. "Stil" sekmesinde, tasarımı özelleştirebilirsiniz - renkleri, yazı tiplerini, görüntüleri ve kenarlıkları değiştirin. "Gelişmiş" sekmesinde ayrıca bir dizi ek sürgü vardır; Örneğin, açılır pencerenin ESC tuşuyla kapanmasını önlerler.

açılır pencere ayarları

Görebildiğiniz gibi - beklenmeyen bir şey yok, eğer Elementor’u daha önce kullandıysanız, bu eklentiyle herhangi bir problemle karşılaşmazsınız. Popup Builder kullanarak bir pop-up penceresinin nasıl oluşturulacağını açıklayan ayrıntılı bir video:

JetPopup

Bu eklenti aynı zamanda panonuza yeni bir sekme ekler. WordPress tema ve yardımı ile, açılır pencereler de sayfalardan ayrı olarak yaratılır. Hazır pop-up'lar "Popup kütüphanesi" adlı bir sekmede de saklanır. Yeni bir pop-up oluşturmak için önceden tanımlanmış şablondaki "Ekle" düğmesine basabilir veya JetPopup> Yeni pop-up ekle’ye gidip modele bir ad verin ve "Elementor ile Düzenle" ye basın.

yeni açılır pencere ekle

Çalışma alanı normdan biraz farklı çünkü şimdi daha küçük bir pencere yaratıyorsunuz. Soldaki menüde, açılır pencerenize istediğiniz türde bir öğe ekleyebilirsiniz.

açılır öğeler

JetPopup eklentisi, widget menüsüne tek bir öğe ekler - bir açılır eylem düğmesi. Bu, kullanıcı düğmeye bastığında gerçekleşecek eylemin türünü belirler.

açılan eylem düğmesi

pop-up eylem düğmesini düzenle düğmesi

Açılır pencerenin ayarlarını açmak gerçekten kolay değil. Menünün altındaki bakım düğmesine tıklamanız gerekir. Ayarlar menüsü Popup Builder'a oldukça benzer, ancak kişiselleştirme için sadece iki sekme var. "Genel Ayarlar", bir animasyon efekti tanımlamanıza, modeli yeniden adlandırmanıza veya koşulları ayarlamanıza olanak sağlar. "Stil" sekmesinde düzenleri, renkleri, görüntüleri, yazı tiplerini ve kenarlıkları değiştirebilirsiniz.

açılır pencerede genel ayarlar

JetPopup biraz daha az belirgin bir işleve sahiptir, ancak ayrıntılı ve kullanışlı video dersleriyle telafi eder.

tetikleyiciler

Faydalı olmak ve ziyaretçileri rahatsız etmemek için açılır pencerelerin doğru zamanda görünmesi gerekir. Açılır pencerenin görüntülendiği koşullara "tetikleyiciler" denir. Mevcut koşullar ne kadar ayrıntılı olursa, açılır pencere eklentisi o kadar esnek olur. Abonelik formu açılır penceresi göründükten sonra kullanıcının siteden ayrılmasını istemiyorsanız, hassasiyet çok önemlidir.

Popup Builder

popup oluşturucu düzenleme

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

pop-up yayınla

Bu eklenti, açılır pencereyi özelleştirdikten hemen sonra gerekli koşulları tanımlamanıza yardımcı olur. "Yayınla" düğmesine bastığınızda, koşulları (bu açılır pencerenin hangi sayfalarda görüntüleneceğini) tanımlayabileceğiniz pencereyi, tetikleyicileri (açılır pencere görüntülendiğinde) ve gelişmiş kuralları görürsünüz.

Popup Builder, kaydırma ve tıklatma gibi altı tetikleyiciye ve belirli sayıda oturumdan sonra görüntüleme veya bazı aygıtlarda görüntüleme gibi yedi gelişmiş kurala sahiptir. Tetikleyiciler ve gelişmiş kurallar basit kaydırma düğmelerine sahiptir ve istenen tüm parametreleri ayarlamak çok hızlı olacaktır.

JetPopup

açılır pencere ayarları

açılır pencerenin ön sayfası

Tüm tetikleyiciler, koşullar ve açılış olayları parametrelerde gruplandırılmıştır. Bakım düğmesine tıkladıktan sonra, parametre sekmelerini açar ve tetikleyicileri hemen ayarlayabilirsiniz. Kaydırma işleminden sonra sayfanın yüzdesini, görüntülenecek açılır menüyü veya kullanıcının mesajı göreceği saniye sayısını ayarlayabilirsiniz.

Pencere yalnızca bir kez veya kullanıcı belirli eylemleri gerçekleştirdiğinde görüntülenebilir (bunu kesinlikle önermiyorum - bu durum kullanıcıları mutlu etmeyecektir). Ayrıca, bu somut pop-up'ın görüntüleneceği yayınları veya sayfaları da çok hassas bir şekilde seçebilirsiniz. Genel olarak, bu eklenti, pop-up'ları büyük bir doğrulukla gösterecek kadar esnektir.

konumlandırma

Kullanıcılar doğrudan ekranın ortasına atlayan pencerelerden kesinlikle kaçınamayacaklar, ancak ziyaretçileri web sitesinden rahatsız edecekler ve gerçekten sıkıcı olabilirler. Tüm açılan pencereler merkeze yerleştirilmemelidir, üst kısımdaki dar bir şerit daha az görünür olacaktır, ancak çok daha etkili olabilir. Bu, pencerenin konumunu kontrol etmeniz ve ekranda hareket edebilmeniz gerektiği anlamına gelir.

konumlandırma

Popup Builder et JetPopup ekranı dokuz alana ayırın ve açılır pencerenizi bunlardan herhangi birine yerleştirmenize izin verin. Konumlandırma, sol-sağ ve yukarı ölçekler boyunca tanımlanır. Çok esnek değil, ama bir açılır pencere için yeterli.

Animasyon efektleri

Pencerenin sayfadaki kayması (veya yuvarlanması veya atlanması) çok önemlidir. Cam çok hızlı veya çok yavaş hareket ederse etkili olmayacaktır. Sıçrama, gıdıklama ve titreme de büyük bir hassasiyetle kullanılmalıdır. Animasyon efektleri siteyi daha dinamik hale getirir, ancak tüm izlenimi mahvedebilir.

Animasyon efektleri

Popup Builder 36, farklı yönlerde farklı sürükle, yerleştirme, yakınlaştırma, hemen çıkma ve döndürme gibi giriş animasyonu türlerine sahiptir. Tüm bunlar, animasyonun süresiyle birlikte, Ayarlar sekmesinin "Düzen" bölümünde bulunabilir.

jet açılır ayarları

Eklentide 13 animasyon türü var JetPopup, kaybolma, dikey çevirme, farklı slaytlar, zıplama ve yakınlaştırma dahil. Bunları Ayarlar sekmesinin "Ayarlar" bölümünde bulacaksınız.

modeller

Bazı durumlarda, belirli bir yapıya sahip bir açılır pencere oluşturmak ve nasıl görünmesi gerektiğini tam olarak bilmek istiyorsunuz. Ancak bu nadir bir fırsattır; çok daha sık, açılır pencerenizin hangi unsurlarını içermesi gerektiği hakkında hiçbir fikriniz yoktur. Burası modellerin faydalı olduğu yer. Önceden yapılandırılmış örneklerin hiçbirini kullanmasanız bile, bunların işlenmesi size iyi bir genel bakış sağlayabilir. Ve elbette, hazır bir öğeyi özelleştirmek, sıfırdan oluşturmaktan çok daha hızlı ve kolaydır.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

Elementor model kütüphanesi

Popup Builder Elementor model kütüphanesine bir kategori ekledi. Daha önce de söylediğim gibi, bunu bir açılır pencere oluşturma işleminin başından itibaren görebilirsiniz. Pop-up şablonlarının çeşitleri yeterince büyüktür; 100'ten daha fazla makale var. Sol üst köşede, aşağı açılır bir sıralama aracı aramanızı hızlandırmanızı sağlar. Kategoriler anlaşılabilir ve ihtiyacınız olan pop-up'ı bulmak fazla zaman almayacak.

jet açılır hazır ayar kitaplığı

JetPopup Aynı zamanda devasa bir model kütüphanesi var. Hepsi İçerik Kitaplığı sekmesinde saklanır ve önizleme düğmesi ve kullanım sayacı gibi kullanışlı özelliklere sahiptir. Daha fazla sıralama seçeneği vardır, liste belirli bir şablon türünü gösterecek şekilde yapılandırılabilir ve ardından herhangi bir sıraya göre yerleştirilebilir; örneğin, oluşturma tarihine bağlı olarak. Size tam olarak mevcut model sayısını söyleyemem, ancak kesinlikle 100'tan daha fazlası var.

Karşılaştırma tablosu

Elementor Popup BuilderJetPopup
Fiyat45 $15 $
modeller100 +100 +
tetikleyiciler6 tetikleyiciler, 7 gelişmiş kurallarEk parametrelerle 5 açık olaylar
Animatio36 türleri13 türleri
Öğreticilerbelgelemedokümantasyon, 9 video eğiticileri

JetPopup vs Popup Builder

Sonuç

Bu iki eklentiden hangisinin en iyisi olduğunu söyleyemem; onları yargılamak çok karmaşık. Her vaka ve her kişi eklenti seçimi için kendi gereksinimlerine sahiptir. Sanırım bunu kendiniz tanımlamalısınız - bu ikisinden hangisi sizin için en iyisidir? Web sitenize etkileyici bir pop-up eklemek için iyi şanslar diliyorum!

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
1 hisseleri
hisse1
cıvıltı
Enregistrer