Elementor ile Kolayca Açılır Pencere Nasıl Oluşturulur

Yayınlanan: 2022-09-15

Elementor, sürükle ve bırak ile kolayca güzel sayfalar ve gönderiler oluşturmanıza olanak tanıyan popüler bir WordPress eklentisidir. Elementor ile ilgili harika şeylerden biri, yerleşik bir açılır pencere oluşturucuyla birlikte gelmesidir. Bu, ayrı bir açılır pencere eklentisi kullanmak zorunda kalmadan Elementor ile kolayca açılır pencereler oluşturabileceğiniz anlamına gelir. Bu makalede, Elementor ile nasıl kolayca açılır pencere oluşturacağınızı göstereceğiz. Ayrıca, sitenizin tasarımına uyacak şekilde nasıl şekillendireceğinizi de göstereceğiz.

Elementor, bir açılır pencere oluşturmayı kolaylaştırır. Elementor'u kullanarak, sürükle ve bırak işlevine sahip bir açılır pencere oluşturabilirsiniz. Ayrıca, platformda gelişmiş kurallar mevcuttur. Bir kullanıcı bir düğmeye tıkladığında açılır pencereyi görüntülemek için Tetikleyiciler sekmesini açın ve Tıklandığında öğesini seçin. Elementor Pro, bir açılır pencere eklentisi yükleme ihtiyacını ortadan kaldırır. Elementor'daki Popup Builder'ı kullanarak herhangi bir açılır pencere türü oluşturabilirsiniz. Aşağıda, yakın zamanda oluşturduğumuz pop-up'lara sadece birkaç örnek verilmiştir: yukarıda oluşturduğumuz gibi bir harekete geçirici mesaj açılır penceresi, bir kayıt formu açılır penceresi, bir bildirim çubuğu ve bir sosyal paylaşım düğmesi.

Elementor'da Pop-up'lar Var mı?

Kredi bilgileri: powerpackelements.com

Pop-up'lar, önceden tasarlanmış çeşitli öğelerle birlikte gelen Elementor Kitaplığı'nda mevcuttur. Tam ekran, modal, içeri kaydırmalı, üst veya alt çubuk gibi hem göze hoş gelen hem de işlevsel olan veya hoşunuza giden bir düzen seçin. Açılır pencerenizi istediğiniz kadar özelleştirilmiş ve tamamen kendinize ait yapın.

Özelleştirilmiş WordPress açılır pencereleri yapmak bazen zor olabilir. Elementor'un sayfa oluşturucu eklentisi, hızlı ve kolay bir şekilde açılır pencereleri özelleştirmenize ve oluşturmanıza olanak tanır. Açılır formlar, e-posta adreslerini yakalamanıza, satışları teşvik etmenize ve başka şeyler yapmanıza olanak tanır. Bu kılavuzda özetlenen adımları izleyerek, hangi tür Elementor açılır penceresinin sizin için uygun olduğunu belirleyebilirsiniz. Daha önce, Elementor eklentisinin Kalıcı Açılır Pencere özelliği için Temel Eklentiler, kullanıcıların ücretsiz olarak açılır pencere formları oluşturmasına izin veriyordu. Bu makaledeki ücretsiz ve Elementor Pro ile bunu başarabileceksiniz. Açılır pencereler tasarlamaya başlamadan önce, Elementsor Pro'yu satın alıp etkinleştirmelisiniz.

Tetikleyicinizi etkinleştirmek için parametrelerini belirtmeniz gerekir. Örneğin, Sayfa Yüklendiğinde'yi seçtiğinizde, açılır pencereniz altı saniye kadar kısa bir sürede görünecektir. On Scroll, kullanıcının hangi yöne kaydırması gerektiğini belirlemenize olanak tanır. Kullanıcı belirli bir süre sayfanızda boşta kaldığında, açılır pencerenin Hareketsizlik özelliği onu etkinleştirmenize olanak tanır. Açılır pencerenizi açtıktan sonra Elementor düzenleyicisinde Kuralları Görüntüle'ye gidin. Kullanıcılar formunuzu gördüğünde, gelişmiş bir ayar, görünümünü değiştirmenize olanak tanır. Bu özellik, pazarlamanızı, burada hiç bulunmamış olanlar yerine web sitenizi daha önce ziyaret etmiş olanlara göre uyarlamanıza yardımcı olabilir.

Kullanıcılar, X defaya kadar göster seçeneği etkinleştirilmişse açılır pencerenizi yalnızca bir kez görebilir. Elementor ve JetPopUp'ın her ikisi de sürükle ve bırak arayüzüne sahiptir ve JetPopUp'ı basit ve kullanıcı dostu bir eklenti haline getirir. Popup Box Widget'ı kullanarak videolar, resimler ve Google haritaları gibi dinamik öğeler içeren dinamik açılır pencereler tasarlayabilirsiniz. Açılır pencerelerinize 3B animasyon eklemek istiyorsanız, gazete biçimlendirmesini kullanabilir veya yakınlaştırabilirsiniz. Elementor için Temel Eklentiler aracını kullanıyorsanız Lightbox, Elementor için harika bir pencere öğesidir. Videolar, resimler ve animasyonlar gibi etkileşimli özellikleriyle açılır pencereler oluşturun. $39,97 yıllık abonelik planının bir parçası olarak 70'den fazla widget ve yedi uzantı mevcuttur. Açılır pencereler oluşturmak için hem ücretsiz hem de ücretli Elementor araçlarını kullanabilirsiniz.

Düğme Tıklandığında Elementor Açılır Penceresi

Kredi bilgileri: doyouevenblog.com

Bir düğmeye tıklandığında bir açılır mesaj veya form görüntülemek istiyorsanız, düğme tıklatıldığında Elementor açılır penceresi gerçekten yararlı olabilir. Potansiyel müşterileri yakalamak veya insanların bülteninize kaydolmasını istiyorsanız bu gerçekten yardımcı olabilir. Bunu ayarlamak için tek yapmanız gereken bir düğme öğesi oluşturmak ve ardından buna bir açılır pencere öğesi eklemek.

Elementor, bir düğmeyi tıklatırken açılır pencereler oluşturmanıza olanak tanır. Bunu gerçekleştirmek için yalnızca Elementor Pro kullanılabilir. Çeşitli şablonları özelleştirerek ve kullanarak kendi web sitenizi oluşturmak için Elementor'un profesyonel sürümünü kullanabilirsiniz. Açılır pencerenizdeki düğmeler üzerinde fareyle üzerine gelme efektlerini denemek istiyorsanız, Hover'da Elementor Altı çizili eğiticimize bakın. 2. Ekranınızın altına bir açılır pencere yerleştirin. Üzerine tıkladıktan sonra (Popup'tan hemen önce), İngiliz anahtarı simgesi görünecektir. İki alan içerecektir: Eylemler ve Tümü. Eylem alanını boş bırakarak açılır pencerenizi seçin.

Elementor Açılır Pencere Örnekleri

Elementor ile açılır pencereler oluşturmanın birçok yolu vardır. Örneğin, bindirmeler ve modlar oluşturmak için Popup Maker gibi bir eklenti kullanabilirsiniz. Başka bir seçenek de Elementor'un yerleşik Açılır Pencere Düzenleyicisini kullanmaktır. Bu, ayrı bir eklenti yüklemenize gerek kalmadan açılır pencereler oluşturmanıza olanak tanır. Açılır Pencere Düzenleyicisini kullanmak için yeni bir açılır pencere oluşturun ve 'Açılır Pencere Düzenleyicisi' sekmesini seçin. Buradan içeriğinizi ekleyebilir, düzeni değiştirebilir ve animasyonlar ekleyebilirsiniz.

Aşağıda, web siteniz için çeşitli açılır pencere katılım formları tasarlamaya yönelik adım adım bir kılavuz yer almaktadır. Elementor Pro premium sürümü, çok çeşitli açılır pencereler oluşturmak için kullanılabilen gelişmiş bir sürükle ve bırak düzenleyici içerir. Bu açılır pencereler, bir dizi başka e-posta pazarlama hizmetine de gönderilebilir. Elementor Pro, aşağıdaki e-posta pazarlama platformlarıyla doğrudan entegrasyona sahiptir: Çok fazla para harcamadan iyi e-posta pazarlama şirketlerinin listesini almanın herhangi bir yolu var mı? Zapier, tüm cihazlarınızı bağlamak için hala kullanılabilir. Açılır Pencere Ayarlarını yapılandırır yapılandırmaz, görsel, sürükle ve bırak arayüzünü kullanarak açılır pencerenizin tasarımını oluşturabilirsiniz. Herhangi bir öğeyi tercihlerinize göre tasarlamanıza olanak tanıyan çok sayıda Elementor widget türü mevcuttur.

Bir Form widget'ını kullanarak e-posta katılım formunuzu oluşturabilirsiniz. Formunuzu çeşitli e-posta pazarlama hizmetlerine bağlayabilirsiniz. Dönüşüm oranınızı artırmak için açılır pencerelerinizin tasarımını da özelleştirebilirsiniz. Elementor Pro Popup Builder , web sitenizin e-posta listesi için e-posta tercihi açılır pencereleri ve tercihleri ​​oluşturmak için mükemmel bir araçtır. Kendinizi daha profesyonel göstermek için X defaya kadar göster özelliğini etkinleştirmeniz şiddetle tavsiye edilir. Bir URL seçeneği seçildiğinde, kişiselleştirme seçenekleri daha erişilebilir hale gelir. Popüler bir blogda misafir yazısı yazarsanız, o blogu takip eden kişilerin bir listesini seçebilirsiniz.

Elementor Pro, açılır pencerelerinizin %100'ünü sıfırdan tasarlamanızı sağlar. Elementor ayrıca, normal Elementor deneyiminin parçası olan tüm widget'lara erişim sağlayarak deneyimi özel ihtiyaçlarınıza göre uyarlamanıza olanak tanır. Ücretsiz ve premium Elementor uzantılarıyla daha da fazla widget kullanabilirsiniz.

Resim Tıklandığında Elementor Açılır Penceresi

WordPress sitenizdeki bir resme açılır pencere eklemek istiyorsanız, bunu yapmanın en kolay yollarından biri Elementor eklentisidir. Eklentiyi kurup etkinleştirdikten sonra, Elementor -> Açılır Pencereler -> Yeni Ekle'ye giderek bir açılır pencere oluşturabilirsiniz. Buradan içeriğinizi ekleyebilir, açılır pencerenin ne zaman ve nerede görüntüleneceğini seçebilir ve hatta açılır pencerenin yalnızca belirli koşullar altında görünmesi için koşullar ekleyebilirsiniz.

Bir öğeye tıklarsanız açılır pencere açılır. Bu öğreticinin sonunda, bir düğme tıklandığında açılır pencereyi açmak için iki yaratıcı strateji uygulayabileceksiniz. Bonus olarak, bunu yaptığınızda DAHA FAZLA dönüşüm için bu düğmeyi tıklayan kişilerin sayısını nasıl artıracağınızı öğreneceksiniz. Adım 2: Pop-up'ınızın stili, markanızın estetiğine, sesine ve mesajlaşmasına uygun hale getirilmelidir. Elementor'da bir sayfayı düzenlemeyi tamamladığınızda, açılır pencerenizi sayfaya yapıştırmak için sol taraftaki menüdeki Yayınla düğmesini tıklayın. OptinMonster, en popüler potansiyel müşteri oluşturma yazılımı ve WordPress açılır pencereleri için en iyi eklentidir. Ek olarak, OptinMonster'ın sezgisel bir sürükle ve bırak oluşturucusu vardır, bu da kodlama veya teknik deneyim olmadan profesyonel açılır pencereler oluşturmayı kolaylaştırır.

Diğer optin kampanyalarınızı kişiselleştirmek için gelişmiş hedefleme kuralları kullanılabilir. Optin Monster'ın önceden hazırlanmış şablonları tamamen duyarlıdır, bu da onları mobil ve tablet de dahil olmak üzere herhangi bir cihazda kullanım için ideal hale getirir. Sürükle ve bırak veya satır içi metin düzenleyiciyle, yüksek dönüşüm sağlayan kampanyalar oluşturmak için herhangi bir kodlama deneyimine ihtiyacınız yoktur, çünkü her şey tek bir kod parçasında yapılabilir. OptinMonster, tıklanabilir bir açılır pencere ile Elementor sayfalarınızı kullanmayı kolaylaştırır. OptinMonster'ı ESP'nize bağlamak için ihtiyaç duyduğunuz API anahtarı, ESP hesabınızın kontrol panelinde bulunabilir. Gömülü HTML aşağıdaki gibidir: Monster kampanyaları.com'u şu şekilde açmak istiyorum Arapça tal kelimesinin bir türevidir: https://app.monstercampaigns.com/c/lxefnymh0ugfyvsxa8wu/>opener En önemli faktörlerden biri İnsanları sitenizi ziyaret etmeye ikna etmek, sosyal kanıtınızın etkinliğidir. Web sitenizin hedef kitlenizde güven oluşturan çeşitli yönlerini ifade eden bir terimdir.

Web sitenize sosyal kanıt bildirimleri eklemenin iyi bir yolu TrustPulse gibi bir araç kullanmaktır. Sosyal kanıtlarla tıklanabilir açılır pencerenizin etkileşimini artırabilirsiniz. TrustPulse'u WordPress dahil herhangi bir web sitesi oluşturucu ile kullanabilirsiniz ve kullanmak için teknik bilgiye sahip olmanız gerekmez. Toplam ziyaretçi sayısını görüntüleyerek teklifle kaç kişinin ilgilendiğini gösterebilirsiniz. Sonuç olarak bir şeyi tanıttığınızda konu hakkında daha fazla heyecanlanacaksınız.

Javascript ile Elementor Pop-up'ını Tetikleyin

JavaScript ile bir Elementor açılır penceresini tetiklemenin iki yolu vardır: 1. Elementor tetikleyici API'sini kullanmak. 2. Elementor Popup modülünü kullanma . Elementor, API'yi tetikler, JavaScript içeren bir açılır pencereyi tetiklemenin önerilen yoludur. Bunun nedeni, bir açılır pencereyi tetiklemenin en esnek yolu olması ve açılır pencerenin davranışını özelleştirmenize izin vermesidir. Elementor Popup modülü, JavaScript ile bir açılır pencereyi tetiklemenin daha basit bir yoludur. Bu yöntemin kullanımı daha kolaydır ancak Elementor tetikleyici API'sinden daha az esnektir.

Tüm özelliklerimize ve widget'larımıza premium widget erişimi sağlıyoruz. İlk 30 günlük kullanımda %100 Para İade Garantisi. SSL kullanılarak güvenli ödemeler yapılabilir. Güvenli kimlik doğrulama ve veri güvenliği, 256 bit SSL şifrelemesi ile sağlanır. Faturanızı ödediğinizde, fatura adresinize göre geçerli herhangi bir vergi tahsil edilmeyecektir. Satın alma işleminizi yapmadan önce, son fiyat ödeme sayfasında görünecektir. Gönderileri yan yana görüntülemek için gönderi ızgarası widget'ını kullanın.

Bu widget, çarpıcı sayı kutuları oluşturmanıza olanak tanır. Eklenti, arka plan değiştiriciye ek olarak, içerik kutuları ayarlamanıza olanak tanır. Elementor'da widget aramak için daha az, en iyi yaptığınız şey olan tasarım yapmak için daha fazla zaman harcayın.