Düğmeyi tıklayarak aç açılır pencere nasıl yapılır (Elementor ile)

Popüler bir sayfa üreticisi Elementor ile mi çalışıyorsunuz ve tek bir tıklama düğmesi ile bir semulan açık yapmak istiyorsunuz? Elementor, piyasadaki en popüler sayfa üreticilerinden biri haline geldi. Kurulumu kolay, sezgisel ve kullanılacak herhangi bir kodlama becerisi gerektirmez. Ayrıca pazarlamacıların ve yeni işletme sahiplerinin e -posta listelerini geliştirmelerine yardımcı olan bir açılır üreticiyle de donatılmıştır. Ve en etkili açılır pencere türlerinden biri, tek bir tıklama düğmesine sahip açık açılır penceredir. Bu nedenle, bugünün öğreticisinde, Elementor’a tıklanabilecek açılır pencereler yapmak için 2 yöntemle size rehberlik edeceğiz.
Orijinal Elementor Popup Maker’ı kullanma
Optinmonster kullanma
Bu makalenin sonunda, Elementor’daki düğmeleri tıklayarak açık açılır pencereler yapmak için takip edilebilecek 2 stratejiniz olacaktır. Ve bir bonus olarak, daha fazla dönüşüm için düğmeye tıklamak için zaman ayıran kişi sayısını anında nasıl artırabileceğinizi paylaşacağız. İsterseniz, buraya tıklayarak hemen o kısmına atlayabilirsiniz. Başlamaya hazır? Hemen öğreticiye giriyoruz. Yöntem 1: İlk yöntem için Elementor Popup Maker’ı kullanarak, tıklanan pop -up’ları yapmak için orijinal Elementor açılır üreticisini kullanacağız.
Bunun için bir Elementor Pro eklentisine sahip olmalısınız. WordPress sitenizde etkinleştirildikten sonra, açılır pencerenizi oluşturmaya hazır olacaksınız. Adım 1) açılır pencerenizi WordPress Yönetici Gösterge Tablonuzdan Oluşturun, Bir Şablon Aç »Popup:

Popup şablon adınızı vermeniz ve şablon oluştur’u tıklamanız istenecektir:

Ardından, pop -up şablonunuzu seçeceksiniz:

Elementor, profesyonel sürümleriyle kullanabileceğiniz birçok şablonla birlikte gelir. Özel ihtiyaçlarınıza uygun bir açılır pencere seçebilirsiniz. Bugün, site ziyaretçilerimize%10 indirim sunan bir tane kullanacağız. Sizin için doğru şablonu seçtiğinizde, açılır pencerenizi yapmaya başlamak için sağ üst köşeden ekle tıklayın:
Ve pop -up’ınız şimdi Elementor Editor’unuzda olacak:

Adım 2: Bu noktada açılır pencerenizi ayarlayın, pop -up elementor’unuzda değişiklikler yapabilirsiniz. Elementor sayfası üreticisi çok sezgisel ve kullanımı kolay olsa da, yeni başlıyorsanız yapımcı daha beceriksiz olabilir. Sol tarafta, değiştirmek istediğiniz öğeleri tıklayarak çekebileceğiniz tüm düzenleme seçeneklerine sahipsiniz:

Ayrıca sürükleme ve gevşek üreticilerle yeni işlevler ekleyebilirsiniz:

Bu, Elementor sayfasına yaptığınız gibi aynı işlevi eklemenize olanak tanır, örneğin:

Başlık
Metin
Video
Top
Aracı
Ve daha fazlası…
Ayrıca, kullanıcılar e -posta adreslerini eklediğinde ne olacağını yapılandırmak için e -posta alanını tıklamak istersiniz:
Varsayılan olarak, yeni müşterilere otomatik olarak bir e -posta göndereceksiniz. E -posta sekmesinin altındaki sol menüdeki mesajı değiştirebilirsiniz:

Diğer eylemleri belirlemek veya birkaç e -posta hizmet sağlayıcısı (ESP) ile ortaya çıkışınızı senkronize etmek için gönderdikten sonra eylem sekmesini de açabilirsiniz:

Elementor, şu şekilde çeşitli pop -up ESP’lere doğal olarak bağlanmıştır:

Mektup Şempanzeler
Sendinblue
Ivır zıvır
Damlayan
Ve diğerleri…
Mülkünüzü listede görmüyorsanız, herhangi bir ESP’ye bağlanmak için bir WebHook da kullanabilirsiniz. Bununla birlikte, orijinal entegrasyonları Optinmonster (bir sonraki göreceğimiz) dahil olmak üzere diğer araçlardan daha sınırlıdır. Şimdilik, alım stilini ses, stil ve mesaj mesajınıza uyacak şekilde ayarlayabilirsiniz. Bittiğinde, sol alt menüde yayınla tıklayın: Tetikleyiciyi ve ortaya çıkışınız için hükümleri seçmeniz istenecektir. Ancak Elementor’daki düğmeyi tıklayarak açık bir açılır pencere yaptığımız için bu seçeneği geçebilirsiniz.
Şimdi açılır pencerenizi Elementor ile oluşturduğunuz sayfaya sabitlemeye hazırsınız. Adım 3) Elementor ile oluşturduğunuz sayfayı açtığınızda tıklanabilen açılır pencerenizi tenter, düzenleme aracının sol tarafta görünmesi için tetiklemek istediğiniz herhangi bir düğmeyi tıklayın. Bağlantı kutusunun yanında dinamik etiket simgesini tıklayın:

Ardından Etiketli Eylemler kategorisi altında açılır pencereyi seçin:
Açılır pencereyi tıklayın ve açılır menüden açılır menüden seçin:

Sayfayı düzenlemeyi bitirdikten sonra sol alt menüde yayınla tıklayın:

Ve hepsi bu! Kişiler web sitesi sayfanızdaki düğmeyi tıkladığında şimdi Popup Elementors’ı tıklayın:

Bir kez daha, Elementor yeni başlayanlar için iyi bir başlangıç ​​olabilecek kolay bir açılır pencere üreticisine sahiptir. Ancak sonunda, bu şablon seçenekleri ve işlevsellik açısından sınırlıdır. Listenizi hızlı bir şekilde geliştirme konusunda ciddiyseniz, ortaya çıkışınız üzerinde daha fazla kontrol sağlayan bir potansiyel müşteri üreten aracına yükseltmek isteyeceksiniz. Optinmonster ile nasıl daha etkili bir pop -up elementor yapabileceğinize bakalım. Yöntem 2: Optinmonster Optinmonster’ı kullanmak, piyasadaki Lider #1 yazılımının oluşturulmasıdır ve WordPress ile pop -up yapmak için en iyi eklenti: Optinmonster sadece en güçlü potansiyel müşteri üretim aracı değil, aynı zamanda en dostça kullanıcı -arkadaş seçeneklerinden biridir. mevcut. Çünkü Optinmonster ayrıca sezgisel bir sürükleme ve gevşek yapımcı ile donatılmıştır, bu nedenle profesyonelleri dakikalar içinde yapmak için kodlama veya “teknolojik beceriler” gerektirmez. Ayrıca, OptinMonster ile sitenizdeki açılır pencere ile sınırlı olmayacaksınız. Bunun yerine, 9 farklı kampanya türüne tam erişiminiz olacak:

Yüzer çubuk

Tam ekran tebrik mat

Slayt kaydırma kutusu
Digamified Spin-to-Win Wheels
Satır kampanyası
Ve daha fazlası…
Bu, müşterileri “açılır yorgunluk” adı verilen bir şeyden kaçınmak için yeni bir yolla yaklaşmanıza yardımcı olur. Bu, ziyaretçiler aynı halka açık pop -up’ın sitenizde tekrar tekrar göründüğünü görür.
Zamanla, ziyaretçilerinizi Optin site formunuzla ilgilenmek için eğitirsiniz ve dönüşümünü kaybedersiniz. Tıklanan açılır pencere elementleri çok etkilenmeyecek olsa da (kullanıcı davranışı açılır pencereyi görünmesini tetikleyeceğinden), diğer beklentilerinizi yapma çabaları hala bir tür kampanya kullanılarak rahatsız edilebilir. Ve OptinMonster ile, diğer Optin kampanyalarınızı ileri hedefleme kurallarıyla daha da kişiselleştirebilirsiniz. En popüler kurallardan bazıları şunlardır: Çıkış-Zengin Teknolojisi: Kullanıcılar sitenizden aktif olarak ayrıldığı için görmezden gelen ziyaretçileri geri yükleme.
Yerinde yeniden hedefleme: İade kullanıcısına yeni bir teklif göstererek “açılır yorgunluk” dan kaçının.
Jeolizasyon: İnsanlara fiziksel konumlarına göre kampanyalar göstererek kullanıcı kullanıcılarının kişiselleştirilmesi.
MonsterLinks: Bugünün öğreticisinde yaptığımız gibi tıklanan pop -up’larla etkileşimleri artırın.
Bunlar, bir liste geliştirmek ve dönüşümü artırmak için kullanabileceğiniz hedefleme kurallarının sadece birkaç örneğidir, ancak diğerleri olmasına rağmen.
Ve bu aynı zamanda sizin gibi şirketler tarafından büyük bir başarı ile kullanılan stratejidir. Örneğin, onları basit bir açılır pencereyle bırakan ziyaretçilerin% 53’ünü kurtarıyor. Veya Kinoby, MonsterLinks kullanılarak tıklanabilen pop -up ile site ziyaretçilerinin% 73’ünü nasıl dönüştürdüğünü. Onu kendi hareketinde görmek ister misin? Bugün% 100 OptinMonster hesabınızla başlayın Riski bugün! Kaydolduktan sonra öğreticiyi takip etmeye hazır olacaksınız. Adım 1) Optinmonster’ı indirin ve yükleyin Yapmak istediğiniz ilk şey Optinmonster eklentisini indirmektir. WordPress kontrol panelinizdeki bir eklenti listesi aracılığıyla arayarak bulabilirsiniz. Bir eklenti bulduğunuzda şimdi yükleyin: ardından Etkinleştir:
OptinMonster’a kaydolduysanız, başka bir sekmede açık olduğundan emin olun. Ardından, OptinMonster eklentisini etkinleştirdiğinizde, hesabınızı bağlamanız istenecektir. WordPress’e Bağlan’ı tıklayın:
Ve bunun gibi, OptinMonster hesabınız WordPress sitenize bağlanacaktır. Biraz daha yardıma mı ihtiyacınız var? Optinmonster’ın WordPress’e nasıl entegre edileceğine dair bu ayrıntılı kılavuza bakın. Şimdi açılır pencerenizi yaratmaya ve tasarlamaya hazırsınız. Adım 2) Pop -up’ınızı WordPress’teki OptinMonster Gösterge Tablonuzdan Oluşturun, yapabileceğiniz kampanyaların bir listesini göreceksiniz. Bugünün öğreticisi için açılır pencereyi tıklayın:
O zaman başlamak için 50+ hazır şablondan birini seçmelisiniz:
Bu şablon tamamen duyarlıdır ve hücresel, tablet ve masaüstü dahil tüm cihazlarda iyi görünür. Artı, göreceğiniz gibi, değiştirilmesi çok kolaydır. Özel pazarlama amaçlarınız için bir şablon seçin. Ardından, kampanyanızı adlandırın ve Binaya Başlat: Bu, kampanyayı hızlı bir şekilde ayarlayabileceğiniz düzenleyiciye bir şablon getirecektir. Optinmonster bir kez daha bu adımı çok kolaylaştırıyor. Bugünün öğreticisinde OptinMonster editöründe değiştirebileceğiniz her şey hakkında ayrıntıları tartışmayacağız. Ancak kampanyanızın görünümü, söyledikleri ve sitenizde nerede göründüğünü tam olarak kontrol ettiğinizi bilin. Optinmonster kullanımı çok kolaydır, çünkü mesajınızı saniyeler içinde kişiselleştirmenizi sağlayan bir metin düzenleyicisi satır ile donatılmıştır:

Ayrıca, aşağıdakiler gibi yeni işlevler eklemenizi sağlayan bir sürükleme ve gevşek düzenleyiciye sahiptir:

Video

Görüntüler

Metin

Chatbots

Özel HTML

Aracı
Ve dahası…
Bu ayarlama seçeneği, açılır pencereyi hedef kitlenizle daha iyi bağlantı kuracak şekilde kişiselleştirmenizi sağlar. Ve her şey bir çizgi düzenleyicisi veya sürükleme ve gevşek yapımcı ile yapılabileceğinden, dakikalar içinde yüksek dönüşümle bir kampanya yapmak için herhangi bir kodlama deneyimine ihtiyacınız yoktur. Teklifiniz için mükemmel bir açılır pencere yaptığınızda, OptinMonster’ı e -posta servis sağlayıcınızla (ESP) entegre etmek istersiniz. Adım 3) ESP’nizi entegre Optinmonster’ın en iyi kısımlarından biri, pazarda 30’dan fazla popüler ESP ile yerel olarak entegre edilmesidir. Bu, e -posta pazarlama stratejinizi otomatikleştirmenizi sağlar. ESP’nizde organize bir iletişim listesi oluşturabilir ve yeni müşterileri satış kanalınıza yönlendirmek için otomatik bir sipariş oluşturabilirsiniz. Ve OptinMonster ile müşteri seyahatini kişiselleştirmek için doğru listeye yeni beklentiler ekleyebilirsiniz. Optinmonster’ı ESP’nize bağlamak için, editörün üst kısmındaki Entegrasyon sekmesini tıklayın: Ardından sol menüye yeni bir entegrasyon ekleyin:
Ve ESP’nizi açılır listeden seçin:
Entegrasyon hazırlamak için ekrandaki talimatları izleyin. Çoğu durumda, bu yalnızca ESP hesap panounuzdan bir yangın anahtarı almanızı gerektirir. Ve bununla birlikte, yeni potansiyel müşteriniz doğrudan e -posta sağlayıcınıza gidecek. Şimdi MonsterLink’inizi kampanyanızı Elementor sayfanıza sabitlemenin zamanı geldi. Adım 4) Pop -up’ı ilk MonsterLink ile doldurun, Optinmonster editörünüzün üst kısmındaki Ekran Kuralları sekmesine gitmelisiniz:
Görünüm kuralları seçeneğinizi açmak için varsayılan olarak ayarlanan ilk kuralı (sayfadaki zaman) tıklayın. Arama çubuğuna “MonsterLink” yazın ve seçeneğin MonsterLink’i seçin: MonsterLink kodunu kopyalayın:
Bu size şu şekilde gömülebilen html verir: ancak bir pop -up oluşturmak için Tıklanabilir, bir HTML öğesine ihtiyacınız yoktur. Bunun yerine, yalnızca “bir href =” dan sonra bulabileceğiniz bir bağlantıya ihtiyacınız var. Yukarıdaki örnekten, Sembulan bağlantınız şudur: https://app.monstercampaigns.com/c/lxefnymh0ugfyvsxa8wu/ salin url’si canavar ucu kodunuzdan. Devam etmeden önce kampanyanızı yayınladığınızdan ve kaydettiğinizden emin olun. İstediğiniz gibi kesin görünümü sağlamak için yayın ekranının kampanya önizlemesini de görebilirsiniz:
MonsterLink’inizden URL eklemek için düğme öğesini tıklayın:

Ardından, doğrudan sitenizde değişiklik yapmak için sol alt menüdeki güncellemeyi tıklayın:

Ve kampanyanız şimdi Elementor sayfanızda yayınlanacak:

Kampanyanızı görmüyor musunuz? Kampanya durumunuzun WordPress’teki OptinMonster eklentisi kontrol panelinizde yayınlanacağından emin olun:

Gördüğünüz gibi, Optinmonster Elementor sayfanız için tıklanabilecek açılır pencereleri yapmayı kolaylaştırır. Buna ek olarak, kullanıcı deneyimini (UX) kişiselleştirmek, dönüşümü artırmak ve satışları artırmak için daha fazla kampanya ve tetikleyiciye sahip olacaksınız. Ama neden kendin denemiyorsunuz? Bugün% 100 risksiz OptinMonster aboneliği ile başlayın! Ancak bu öğreticiyi tamamlamadan önce, daha fazla kişinin CTA açılır pencerenize tıklaması için sayfanızı anında nasıl optimize edeceğinizi öğretmek istiyoruz. Sosyal Kanıtla Dönüşümü Hemen Artırın Sitenizle ilgilenen en büyük faktörlerden biri, sosyal kanıtları ne kadar iyi kullandığınıza yol açar. “Sosyal Kanıt”, sitenizin hedef kitlenizle güven oluşturan çeşitli yönlerini ifade eden genel bir terimdir. Bu şöyle olabilir: referans

Gözden geçirmek

Yıldız Sıralaması 5

Güvenli Ödeme Rozeti

Ve dahası…

Ancak en etkili tür, sosyal kanıtların bildirimi şeklinde gelir. Bu, sitenizdeki gerçek zamanlı etkinlik gösterir. Birisi istediğiniz eylemi gerçekleştirdiğinde, web sitenize ziyaretçilere görüntüleyebilirsiniz. Aşağıdakiler, e -ticaret mağazaları için sosyal kanıt bildiriminin gösterilmesine bir örnektir:

Bu işe yarıyor çünkü “fomo” (geride kalma korkusu) olarak bilinen etkiye neden oluyor. FOMO, çevrimiçi tüketiciler başkalarının faydaları hissettiğini gördüklerinde ortaya çıkar. Daha sonra bu olumlu faydaları doğrudan elde etmek için markanızla ilgilenme isteğini alırlar. Ve web sitenizdeki diğer faktörlerden daha fazla, FOMO’nun dönüşüm üzerinde büyük bir etkisi var. Web sitenize sosyal kanıt bildirimi eklemenin en iyi yolu, TrustPulse: TrustPulse gibi araçlarla ilgili araçlardır. Ayrıca, sadece e -ticaret için bir bildirim değil. Aslında, bugün hangi aşamaya bakılmaksızın birçok sosyal kanıt bildirimi yapabilirsiniz. TrustPulse, aşağıdaki sosyal kanıt kampanyaları sunmaktadır:

Son etkinlikler: Satın alma, kayıt, kayıt ve diğerleri gibi doğrudan web sitesi etkinliklerinin akışını görüntüleme.

FIRE: Belirli bir dönemde web sitenizde hareket eden kişi sayısını gösterin.
Ziyaretçi Analizi: Zaman zaman gerçek sayfa ziyaretini göstererek sitenizdeki aktif ilgiyi vurgulayın.
Mesaj Eylemi: Ziyaretçileri harekete geçmeye veya bilgileri vurgulamaya teşvik etmeye yardımcı olacak statik bir bildirim görüntüler.
Ama merak ediyor olabilirsiniz, “Bu, daha fazla insanın pop -up elementorımı tıklamasına nasıl yardımcı olacak?” Bunu bir ziyaretçi analiz kampanyasıyla kolayca yapabilirsiniz. Sitenizin yayınlarından veya sayfalarından birini ziyaret eden kişi sayısını hesaplar ve gösterir. Diyelim ki, örneğin, çevrimiçi bir yarışma yürütüyorsunuz. Kayıt için, insanların müşteri açılır pencerenizin görünmesi için düğmeyi tıklamaları gerekir. Elementor Netleme sayfası yarışmasında, şöyle görünen bir bildirim görüntüleyebilirsiniz: Sayfadaki toplam ziyaretçi sayısını göstererek teklifin ne kadar popüler olduğunu göstereceksiniz. Bu, tanıttığınız her şey hakkındaki heyecanı artıracak ve daha fazla insanın oyunculuk davet düğmenizle etkileşime girmesini sağlayacaktır. Bu, tıkanabilecek açılır pencereden daha fazla katılım elde etmek için sosyal kanıtları kullanmanın birçok yolundan sadece biridir. Ancak en iyi yanı, TrustPulse’nin başlamak için herhangi bir teknik beceri gerektirmemesidir. Aslında, sıfır kodlamaya ihtiyaç vardır. Ve burada TrustPulse’yi seveceğini bildiğimiz diğer bazı özellikler:
Kampanyanızın görünümü ve mesajı üzerinden% 100 kontrol edin
Kendi özel bağlantınızla tıklanabilecek bildirimler
Daha kişiselleştirilmiş müşteri seyahati için hedefleme kuralları

İşletmenin herhangi bir aşaması için sosyal kanıtlar

Doğru ve güvenilir analitik izleme
Ve daha fazlası…
Son olarak, TrustPulse WordPress dahil herhangi bir web sitesi üreticisiyle çalışır.Bu, bunu piyasadaki en güçlü, esnek ve uygun fiyatlı araçlardan biri haline getirir.% 100 TrustPulse hesabınızla bugün riskinizden arındırın!Ve hepsi bugün için!Umarız bu öğreticiden hoşlanırsınız.Bunu yaparsanız, kesinlikle aşağıdaki kaynakları kontrol etmek istersiniz: Web sitenize sosyal kanıt bildirimi nasıl eklenir
11 Potansiyel müşterileri daha hızlı dönüştürmek için dönüşüm seviyeleri için optimizasyon aracı
2021’deki en iyi dijital pazarlama eklentisi (aslında işlev gören)

Bu makalede, WordPress sitenizdeki dönüşümü ve satışları artırmak için daha fazla araç ve püf noktası olacaktır.