Elementor Kullanarak Düğmeye Tıklandığında Açılır Pencere Nasıl Açılır? [2022]

Düğme tıklandığında bir açılır pencere açılırsa web sitenizin ziyaretçilere ne kadar ilgi çekici görüneceğini merak ediyor musunuz? Bir açılır pencere açan böyle bir etkileşimli düğme istiyorsanız, en popüler web sitesi oluşturucu Elementor'da sayısız yol vardır. Bugün size kodlama olmadan düğme tıklamasıyla nasıl kolayca çarpıcı bir açılır pencere oluşturabileceğinizi göstereceğiz.

Elementor Modal Popup ile Düğmenin En İyi 5 Kullanım Örneği

Öğreticiye başlamadan önce, bir Elementor modal açılır penceresini düğme tıklamasıyla açarak ne gibi avantajlardan yararlanacağınıza bir göz atalım. Temelde bu tür etkileşimli kalıcı açılır pencere, web sitesi pazarlama kampanyaları için kullanılır. Bunların dışında, bir pop-up'ı düğme tıklamasıyla açmanın çok yönlü kullanım durumları da vardır. İşte modal açılır pencerenin en iyi 5 kullanım durumu.

1. İş İçin Potansiyel Müşterileri Yakalamak İçin

İşinizi sorunsuz bir şekilde yürütmek ve şirket büyümesini üst düzeye çıkarmak için potansiyel müşterilere ihtiyacınız var. Potansiyel müşterileri besleyerek onları düzenli müşterilerinize dönüştürebilirsiniz. Ve bir web sitesi, olası satışları yakalamak için en iyi araçtır. Bir düğme tıklamasıyla bir açılır pencere açarsanız, potansiyel müşterilerin adlarını, telefon numaralarını, e-postalarını ve diğer ayrıntılarını kolayca toplayabilirsiniz .

2. E-posta Aboneliği Toplama

Genellikle e-posta aboneliklerini toplamak için temel bir düğme eklerseniz, kullanıcılarınızı yeni bir web sayfasına götürür. Bunu yapmak yerine, bir düğme tıklandığında bir açılır pencerenin açılmasını sağlayabilirsiniz, böylece kullanıcılarınızın mevcut web sayfasından ayrılmaları gerekmez. Bu uygulama , e-posta aboneliğinizi şaşırtıcı bir şekilde artırıyor sorunsuz sayın.

3. Pazarlama Promosyonları ve Satışları

Web siteniz üzerinden pazarlama promosyonları yürütürken, bir düğmeye tıklandığında açılır pencere sitenize etkileşimli bir görünüm kazandırabilir ve satışları artırabilir . Elementor'un tek bir açılır penceresine resimler, formlar, özel indirim kuponları vb. ekleyebilirsiniz. Promosyon bölümleriyle birlikte web sitenizi istenmeyen hale getirmeden, bunu bir düğme tıklamasıyla açılan bir açılır pencereyle değiştirebilirsiniz.

4. Heyecan Verici Duyuruların Paylaşılması

Büyük bir sürümü veya diğer heyecan verici duyuruları ve promosyonları duyurmayı planlıyorsanız, bir düğme tıklamasıyla açılır pencere en iyi yol olabilir. Web sitenize çarpıcı bir görünüm kazandıracak ve web sitesini sanal konfeti ve diğer şenlikli süslemelerle süsleyebilirsiniz. Ayrıca, herhangi bir büyük 'yakında' haberi duyurmayı planlıyorsanız, bir düğmeye tıklandığında açılan pop-up , vızıltı oluşturmanıza yardımcı olabilir.

5. İçerik Kilidi Olarak Kullan

Çok amaçlı bir web siteniz olduğunda, yaş, üyelik, abonelik ve daha pek çok şeye dayalı olarak içerikle ilgili kısıtlamalar sağlamanız gerekebilir. Kısıtlanmış içerikleri doğrudan bir web sitesi bölümünde sağlarsanız, işlem başına tıklama sayınızı kesinlikle azaltacaktır. Bunun yerine, düğmeye tıklayarak anında açılan çekici bir açılır pencere oluşturabilirsiniz.

Elementor Neden Bir Düğme Üzerinde Açılır Pencere Oluşturmak İçin En İyi Platform?

Web sitelerinde, WordPress'te bir düğme tıklandığında açılır pencere oluşturmanın birden çok yolu vardır. Bunu yapmanın bir yolu, özel kodlama veya uzmanları işe almaktır. Teknoloji konusunda bilgili değilseniz, kod yazmak veya uzmanları işe almak size bir servete mal olabilir. Ancak, WordPress'in en popüler web sitesi oluşturucusu olan Elementor'u kullandığınızda, bunu kodlamadan yapabilirsiniz.

Bir düğme tıklamasıyla açılır bir açılır pencere oluşturmak için, kodlamaya gerek kalmadan sürükle ve bırak yöntemiyle bunu yapabilirsiniz. Üstelik, Elementor Popup oluşturucunun yardımıyla, bir düğme tıklamasıyla açılır bir açılır pencere oluşturmak o kadar basittir ki, hepsini kendiniz oluşturabilirsiniz. Elementor, sınırsız kişiselleştirme ve kişiselleştirme seçenekleri sunar. Bunu web sitenizin marka değeriyle uyumlu hale getirerek, anında bir düğme tıklamasıyla açılan herhangi bir açılır pencere oluşturabilirsiniz.

Kodsuz Eğitim: Düğme Tıklandığında Bir Elementor Modal Açılır Penceresi Nasıl Açılır?

Şimdi öğreticiye geçelim ve düğme tıklandığında bir açılır pencere açmaya başlayalım. Bir Elementor açılır penceresi oluşturmaya başlamadan önce, tek ihtiyacınız olan 5 dakikalık konsantrasyon ve bu kolay öğreticiyi adım adım izleyin.

1. Adım: Elementor PRO'yu Kullanmaya Başlayın

Elementor kullanarak bir düğme tıklamasıyla kalıcı bir açılır pencere oluşturmayı planlıyorsanız, Elementor PRO'yu edinmeniz gerekir. Elementor PRO'nun özel özelliği olan Elementor Popup Builder ile, bir düğmeye tıklandığında açılan pop-up'ları anında oluşturabilirsiniz. Elementor, 49 dolardan başlayan çok yönlü fiyatlandırma planları ile birlikte gelir. Elementor PRO eklentisini aldıktan sonra WordPress web sitenize kurun ve etkinleştirin.

2. Adım: Elementor Popup Builder'ı Kullanarak Bir Şablon Oluşturun

Şimdi bir düğme tıklamasıyla açılır pencere için bir şablon oluşturma zamanı. Bunu yapmak için WordPress kontrol panelinize gidin, Şablonlar → Açılır Pencere'ye gidin. Sekmeyi tıkladığınızda, sizi anında Elementor açılır pencere oluşturucusuna götürecektir. Ardından 'Yeni Popup Ekle' düğmesini tıklayın. Bir açılır pencere görünecektir. Orada Şablon Türü açılır pencere olarak otomatik olarak seçilir. İsterseniz bir şablon adı verebilir ve ardından 'Şablon Oluştur' düğmesine tıklayabilirsiniz.

Ardından Elementor Şablon Kitaplığına yönlendirileceksiniz. Çok yönlü kategorilerde 100'den fazla açılır pencere koleksiyonu mevcuttur. WordPress web sitesi gereksinimlerinize göre uygun bir Elementor açılır şablonu seçin. Kısa bir önizleme almak için şablona tıklayın. Ardından, bir düğme tıklandığında kalıcı açılır pencerenin açılmasını sağlamak için 'Ekle' düğmesine tıklayın.

3. Adım: Açılır Pencere Şablonunu Yapılandırın ve Kişiselleştirin

Bundan sonra, sol taraftaki tüm yapılandırma seçenekleriyle Elementor düzenleyici paneli açılacaktır. Buradan, bir düğme tıklamasıyla açılır pencereyi kolayca özelleştirebilirsiniz. Kalıcı açılır pencereyi Boxed veya Full Width ile tutabilirsiniz. Benzer şekilde, kalıcı açılır pencere yüksekliğini, sütun boşluğunu, sütun konumunu, dikey hizalamayı, taşmayı, HTML etiketlerini ve daha fazlasını yapılandırabilirsiniz. Farklı genişlik türleri, farklı konfigürasyon türleri sunar.

Kalıcı açılır içeriği özelleştirmek için metne, resme veya düğmelere tıklamanız yeterlidir. Anında düzenleme paneli solda açılacaktır. Açılır pencere içeriğini, yazı tipi ailesini vb. kolayca değiştirebilirsiniz. Ayrıca birden çok e-posta çıktı bölümü, düğme yüksekliği, genişliği, rengi, metni ve daha fazlasını ekleyin. Gönderdikten sonra eylemleri ayarlamak, gönderileri yönetmek, özel e-posta içeriği, alıcı e-postası, gönderen e-posta kimliği vb. eklemek için bir seçenek mevcuttur. Tüm değişiklikleri yaptıktan sonra 'Yayınla' düğmesini tıklayın.

4. Adım: Koşulları ve Tetikleyicileri Ayarlayın

Tüm WordPress web sitesi veya seçici sayfalar için bir düğme tıklamasıyla açılır pencereden yararlanabilirsiniz. Elementor açılır penceresini seçili sayfalardan da dahil edebilir veya hariç tutabilirsiniz. Tüm bu konfigürasyonlar 'Durum' sekmesinde mevcuttur.

'Tetikleyiciler' sekmesinden, bir düğmeye tıklandığında açılır pencerenin ne zaman açılmasını istediğinizi ayarlamanız gerekir. Düğme tıklamasını kullanarak açılır pencereyi önizlemek istediğimizden, 'Tıklandığında' etkinleştirin. 'Gelişmiş Kurallar'dan , kime açılır pencere gösterileceği, form geldiğinde gösterileceği ve daha fazlası gibi koşulları yapılandırabilirsiniz. Ardından 'Kaydet ve Kapat' düğmesine tıklayın. Elementor açılır şablonunu bu kadar kolay oluşturabilirsiniz. Ardından WordPress kontrol paneline geri dönün.

Adım 4: İhtiyaç Duyduğunuz Yere Bir Elementor Düğmesi Ekleyin

Şimdi, bir düğme tıklamasıyla açılır bir açılır pencere ayarlamak istediğiniz bir sayfa açın. Yeni bir sayfa oluşturmak istiyorsanız, Sayfalar → Yeni Ekle seçeneğine gidin. Bu eğitim için, Elementor düğmesiyle açılır modu bağlayacağız. Sayfanızdaki Elementor düğmesini sürükleyip bırakın.

Web sitenizin marka rengine göre ayarlamak için düğme görünümünü, metni vb. kişiselleştirin. Sonraki adım, düğmeyi açılır modla bağlamaktır. Bunu yapmak için, 'Bağlantı' alanından 'Dinamik Tür'e tıklayın, Eylemler'den Açılır Pencere'yi seçin. Ardından, açılır pencerenin yanındaki 'Ayarlar' simgesine tıklayın ve önceden oluşturulmuş açılır pencere şablonunu seçin. Bu kadar!

Elementor Düğmesi Tıklandığında Açılır Pencerenin Son Bakışı

Bu, bir düğme tıklamasıyla bir açılır pencereyi ne kadar kolay açabileceğinizdir. Diğer özelleştirmeleri yaptıktan sonra sayfayı yayınlayın. Şimdi, bir düğmeye tıklandığında bir açılır pencerenin nasıl açıldığını kontrol etmek için önizlemeye.

Aynı düğmeyi farklı sayfalar için kullanmak istiyorsanız, bu düğmeyi yeni bir web sayfasına Kopyala ve Yapıştır . Ayrıca, Elementor açılır şablon kısa kodunu kopyalayabilir ve bir düğme tıklamasıyla açılan bir açılır pencere eklemek istediğiniz her yerde kullanabilirsiniz.

Elementor Kullanıcıları İçin Temel Eklentiler İçin Bonus

Essential Addons For Elementor , 1 milyondan fazla aktif kullanıcıya ve 85'den fazla benzersiz widget'a sahip en güçlü Elementor kitaplığıdır. Ve Yaratıcı Düğme widget'ı, müşterileri için daha çok yönlü tasarım ve çok amaçlı kullanılabilirlik ile birlikte gelir. Essential Addons düğmesi widget'ını kullanıyorsanız, Elementor düğmesine benzer şekilde, bir düğme tıklamasıyla kolayca açılır bir pencere açabilirsiniz.

Elementor , web sitesi geliştirmeyi kolaylaştırdı. Bir düğme tıklamasıyla açılır pencere gibi, WordPress web sitenize daha çarpıcı ve çok yönlü işlevler oluşturabilirsiniz. İşte bu eğitimin sonu. Bu öğreticiyi yararlı bulduysanız, başkalarıyla paylaşmayı unutmayın.

Facebook topluluğumuzda Elementor'u kullanarak bir düğme tıklandığında nasıl açılır pencere oluşturduğunuzu bize bildirin. Ayrıca, abone olun Bu tür öğreticiler, ipuçları ve püf noktaları hakkında güncel kalmak için blogumuz .