WordPress Sitenizde İlgi Çekici Bir Pop-up Nasıl Oluşturulur

Yayınlanan: 2022-02-25

Pop-up deyince aklınıza ne geliyor? Can sıkıcı, değil mi? Hayır, bundan sonra bir web profesyoneli olarak farklı düşünmek zorunda kalacaksınız. Çünkü pop-up kavramı son yıllarda önemli ölçüde değişti.

Pop-up'ları kullanmak artık dönüşüm oranlarını artırmanın önemli bir yoludur. OptiMonk'un son istatistiklerine göre, pop-up'lar için ortalama dönüşüm oranı %11,1'in üzerindedir.

Peki, WordPress'te bir pop-up nasıl oluşturulur ve nasıl etkili bir şekilde uygulanır? Ve ücretsiz olarak yapılabilir mi? Merak etme. Seni koruduk.

Bu yazıda, WordPress web sitelerinizde açılır pencere oluşturmanın iki yöntemini göstereceğiz.

Yöntem 1: Genel Bir WordPress Sitesinde Ücretsiz Olarak Açılır Pencere Oluşturma

Yöntem 2: Elementor tabanlı bir WordPress Sitesine Açılır Pencere Ekleme

Ayrıca geleneksel ve kalıcı açılır pencereler arasındaki farkı, açılır pencereleri kullanmanın faydalarını ve en iyi uygulamalarını size bildireceğiz.

Başlayalım:

Geleneksel ve Modal: Hangi Açılır Pencereyi Seçmelisiniz

Pop-up'ların farklı türleri ve kullanım durumları vardır. Genellikle açılır pencere, genellikle küçük bir pencerede görüntülenen ve bir web sitesinin veya uygulamanın ön planında aniden beliren (açılan) bir grafik kullanıcı arabirimidir (GUI).

Conventional vs Modal: Which Popup to Choose

İnsanlar yıllardır mevcut pencerenin ötesinde açılan pop-up'ları kullanıyor. Pop-up'ları kullanmanın bu geleneksel yöntemi etkili değildir. Çünkü bu tür pop-up'lar çoğu durumda kullanıcıların dikkatini çekmez ve aslında can sıkıcıdır.

Öte yandan, kalıcı açılır pencereler (kipli pencereler olarak da bilinir), geçerli sayfa veya pencerenin içinde açılan modern açılır pencere biçimleridir. Modal pop-up'lar, kullanıcıların gözlerini kaçırmadıkları için çok daha etkilidir ve burada etkileşim alma şansı açıkça yüksektir.

Belki de hangisini seçeceğinize sahipsiniz - elbette kalıcı açılır pencereler.

Modern Pop-up'ları Kullanmanın Faydaları

Pop-up'lar, modern olanları (modal pop-up'lar gibi) kullanır ve akıllıca uygularsanız, kullanıcıları bilgilendirmekten dönüşüm oranlarını artırmaya kadar birçok yönden size fayda sağlayabilir.

Şimdi, modern açılır pencereleri kullanmanın faydalarını aşağıdaki noktalarda kısaca size bildireceğiz:

  • Kullanıcıların dikkatini banner reklamlardan %50 daha hızlı çekin – (Campaign Monitor)
  • Önemli mesajı veya bildirimi göstermek için kullanışlı bir yol sağlayın
  • Tıklama oranı ve dönüşüm oranı gibi kullanıcı etkileşimini artırın
  • Kullanıcıların kaçınamayacağı reklamlar veya promosyonlar göstermenize olanak tanır
  • Satışları, aboneleri, web trafiğini ve oturum süresini artırmanıza yardımcı olur
  • Kullanıcılardan geri bildirim almanıza ve verilerini toplamanıza izin verin
  • Düşük maliyetli oldukları için mükemmel yatırım getirisi (ROI) oranı elde edin

Pop-up'ları kullanmanın yararlarını ve önemini anladığınızı umuyoruz. Bunları kendi başınıza nasıl oluşturabileceğinizi gösterdikten sonra pop-up en iyi uygulamaları hakkında konuşacağız.

WordPress'te Pop-up Nasıl Oluşturulur

How to Create a Popup on WordPress

WordPress sitelerinde çeşitli şekillerde ücretsiz olarak açılır pencere oluşturabilirsiniz. En kolay yollar eklenti kurulumuyla ilişkilidir. Size özellikle iki yöntem göstereceğiz. Onlar:

  1. Genel WordPress Sitesinde Ücretsiz Pop-up Oluşturma
  2. Elementor tabanlı bir WordPress Sitesine Pop-up Ekleme

Başlamadan önce, açılır pencerenin oluşturulacağı siteye yönetici erişiminiz olduğundan emin olmalısınız. Ayrıca hazırlanan açılır pencerenin içeriğini de yapmanız gerekecektir.

Şimdi gerekli görseller eşliğinde tüm süreçleri detaylı bir şekilde ele alacağız. Öyleyse bizimle kal.

Yöntem 1: Genel Bir WordPress Sitesinde Ücretsiz Olarak Açılır Pencere Oluşturma

Bir eklenti yardımıyla WordPress sitelerinizde ücretsiz olarak güzel ve kullanışlı açılır pencereler oluşturabilirsiniz. İşinizi yapmak için birkaç ücretsiz eklenti bulacaksınız. Hızlı bir karar vermenize yardımcı olmak için aşağıdaki en iyi eklentilerin kısa bir listesini hazırladık. Hadi kontrol edelim:

  1. Pop-up Oluşturucu
  2. OptinMonster
  3. HubSpot
  4. Açılır Pencere Oluşturucu
  5. Acele

Eklentilerin her biri iyidir ve farklı kullanım durumlarında mükemmeldirler. Bu yöntemi, çok yönlü, kullanımı kolay ve çok popüler olduğu için “ Popup Maker ” kullanarak göstereceğiz.

Eklentiyi Kurun: İlk olarak, WordPress sitenize “Popup Maker” eklentisini yüklemelisiniz. Büyük olasılıkla, bir eklentinin nasıl kurulacağını biliyorsunuzdur. Yapmazsan sorun yok. Sadece bu makaleyi okuyun ve talimatları izleyin: Bir WordPress Eklentisi Nasıl Kurulur.

Açılır Pencereyi Oluşturun: Eklentiyi kurup etkinleştirdikten sonra, eklenti menüsünden açılır pencereyi oluşturmanız, ayarlamanız ve tasarlamanız gerekir. WordPress'te bir gönderi oluşturmak kadar basit. Aşağıdaki adımları takip ediniz:

  1. Kontrol panelinizden “ Açılır Pencere Oluşturucu ” menüsüne gidin
  2. Yeni Pop-up Oluştur ” düğmesine tıklayın
Create a Popup on WordPress Sites

Açılır Pencereye Giriş Verin: Şimdi, açılır pencere düzenleme paneliniz açılacaktır (aşağıdaki resim gibi görünecektir). Burada farklı girdiler vererek açılır pencerenizi kurup tasarlayacaksınız. Bu adımları takip et:

  1. Bir Pop-up Adı verin (bu yalnızca görünmeyecek bir kimliktir)
  2. Açılır Pencere Başlığını yazın (açılır pencerenizin başlık kısmıdır)
  3. Açılır pencerede göstermek istediğiniz mesajı yazın ve tasarlayın
Create and design a popup with the Popup Maker plugin

Açılır Pencere Ayarlarını Keşfedin: Neredeyse bitirdiniz. Şimdi tek yapmanız gereken açılır pencerenin bazı temel ayarlarını bitirmek ve ardından “ Yayınla ” düğmesine basmak. Şu anda bu eklenti için aşağıdaki ayarlar mevcuttur:

  • Tetikleyiciler (açılır pencerelerin neden ve ne zaman açılacağını ayarlayın)
  • Hedefleme (belirli bir kullanıcı grubunu hedeflemenizi sağlar)
  • Görüntüle (açılır pencerelerin görünümlerini tanımlar)
  • Kapat (açılır pencerelerin nasıl ve ne zaman kapanacağını belirler)
  • Gelişmiş (uzman kullanıcılar için birkaç gelişmiş ayar)
Customize your popups with the settings menu

Öncelikle, tüm ayar seçenekleriyle uğraşmanıza gerek kalmayacak. Bir tetikleyici ayarlamanız ve “ Ekran ” menüsünde biraz ince ayar yapmanız yeterli olacaktır. “ Kapat ” menüsü ile çalışmak isteğe bağlıdır.

Tetikleyicileri Ayarlayın: Tetikleyicileri ayarlamak çok önemlidir. Çünkü pop-up'larınız, onlara tetikleyici eklemediğiniz sürece açılmayacaktır. Tetikleyicileri eklemek için aşağıdaki adımları izleyin:

  1. "Tetikleyiciler" ayarlar menüsüne gidin
  2. “Yeni Tetik Ekle” düğmesine tıklayın, ardından küçük bir panel açılacaktır (aşağıdaki resimdeki gibi)
  3. Burada, açılır pencereleri açmak için koşulları vermeniz gerekecek.
How to set triggers on a popup

Ekran Ayarlarıyla Oynayın: Bu bölümde, açılır pencerenizin boyut, animasyon ve cunds dahil olmak üzere görüntüleme seçeneklerini değiştirebileceksiniz. Sadece şu adımları izleyin:

  1. Görüntü ” ayarları menüsüne gidin, sağ tarafta birkaç sekme açılacaktır.
  2. Değişiklikleri yapmak istediğiniz tercih ettiğiniz sekmelere tıklayın
Tweak display settings to make your popups compelling

Hepiniz bittiniz. Şimdi, daha önce bahsettiğimiz “ Yayınla ” düğmesine basın. Bu adımları izleyerek bir açılır pencere (aşağıdaki resim) oluşturduk. Ayrıca böyle bir şey yaratabileceksiniz, eğer denerseniz daha da iyi olacak.

Popup Sample

Açılır pencerenizi çalışırken görmek için sitenizi yayınladıktan sonra ön uçtan açmanız gerekir. Pop-up'larınızı istediğiniz zaman arka uçtan düzenleyebilir veya değiştirebilirsiniz.

Yöntem 2: Elementor tabanlı bir WordPress Sitesine Açılır Pencere Ekleme

WordPress siteniz Elementor üzerine kuruluysa, etkili bir Elementor eklentisi olan HappyAddons eklentisinin yardımıyla bazı güzel ve sezgisel açılır pencereler oluşturabileceksiniz. İşinizi çok kolay bir şekilde yapacak olan “Modal Popup” adlı kullanışlı bir widget'ı var.

HappyAddons'u yükleyin: Siteniz Elementor'a dayalı olduğundan, web sitenizde açıkça Elementor eklentisi yüklüdür. Şimdi, Happy Addons eklentisini ve Pro sürümünü yüklemeniz gerekiyor.

Modal Açılır Pencereyi Ekleyin: Eklentiyi yükledikten sonra, Elementor ile mevcut veya yeni bir sayfaya kalıcı bir açılır pencere ekleyebilirsiniz.

Elementor'u Nasıl Kullanacağınızı bilmiyorsanız bu öğreticiyi okuyun.

Şimdi, web sitenize kalıcı bir açılır pencereyi nasıl ekleyebileceğinizi göstereceğiz. Bu adımları takip et:

  1. Elementro düzenleyiciden “Modal Popup” widget'ını arayın ve bulun
  2. Sadece “Modal Popup”ı sürükleyip bırakın ve işiniz bitti!
Add a Popup on an Elementor-based WordPress Site

Açılır Pencereyi Özelleştirin: Elementor tabanlı WordPress sitenizde zaten bir açılır pencere oluşturdunuz. Şimdi, onu özelleştirmenin zamanı geldi. Aşağıdaki adımları takip ediniz:

  1. Yeni oluşturduğunuz açılır pencereye tıklayın
  2. Şimdi, editör panelinde birkaç özelleştirme seçeneği açılacak
  3. Bu seçeneklerle açılır pencerenizi istediğiniz gibi özelleştirin
Create a popup on Elementor with HappyAddons

Bu adımları izleyerek Elementor sitemize aşağıdaki ekran görüntüsü gibi kalıcı bir açılır pencere ekledik. Hadi kontrol edelim.

HappyAddons Modal Popup

Açılır pencerenizi görme süreci aynıdır. Sitenizi yayınladıktan sonra ön uçtan açmanız yeterlidir. Evet, Elementor açılır pencerelerini istediğiniz zaman arka uçtan düzenleyebilir veya değiştirebilirsiniz.

Ayrıca Happy Addons' Modal Popup widget'ının belgelerini de kontrol edebilirsiniz.

İlgili Makale Okunacak: Elementor'da Kalıcı Popup Nasıl Eklenir

Açılır Pencere En İyi Uygulamaları: En İyi Sonuç İçin Ne Yapmalı

Bir açılır pencereden en iyi şekilde yararlanmak istiyorsanız, onu akıllıca ve dikkatli bir şekilde kullanmanız gerekir, çünkü açılır pencereler bazen kullanıcı deneyimini mahvedebilir. Bir açılır pencere için izlemeniz gereken en iyi uygulamalar şunlardır:

  • Açılır pencereleri yalnızca gerekli olan yerlere ekleyin
  • Sayfanızla ilgili popus'u kullanın
  • Açılır pencerelerin ilgi çekici ve kullanışlı olduğundan emin olun
  • Bunları doğru zamanda ve doğru yerde kullanın
  • Doğru formatı ve tasarımı seçin
  • Açılır pencereden ne istediğinizi belirleyin
  • Farklı açılır pencere türleriyle farklı kullanıcıları hedefleyin
  • Herhangi bir açılır pencereyi sonlandırmadan önce A/B testi
  • Kullanıcıların etkileşim kurmak için fazla zaman harcamak zorunda kalmadığından emin olun

Bunlar, izlemeniz gereken çok gerekli ve zorunlu uygulamalardır. Korumanız gereken başka şeyler var. Açılır pencerelerinizi çalıştırmadan önce biraz araştırma yapmanızı tavsiye ederiz.

Şimdi senin sıran

Unutmayın, pop-up'lar her geçen gün kullanışlı hale geliyor. Ancak bundan en iyi şekilde yararlanmak için akıllı ve yenilikçi olmalısınız. Aksi takdirde, pop-up'larınız, dikkatsiz insanlar gibi sinir bozucu olabilir.

Bu blogda size hem genel hem de Elementor tabanlı WordPress sitelerinin yöntemlerini gösterdik. Şimdi, pop-up'ınızı oluştururken bu yöntemleri uygulama sırası sizde.

Kapsamlı eğitimimizin yardımıyla bazı güzel ve etkili açılır pencereler oluşturabileceğinizi umuyoruz. Bu süreçte herhangi bir sorunla karşılaşırsanız lütfen yorum bölümünde bize bildirmekten çekinmeyin.

Ayrıca Okuyun: Elementor ve Mutlu Eklentilerle Profesyonel Bir Web Sitesi Oluşturun