WordPress'te Pop-up Nasıl Eklenir (2 Kolay Yol)

Yayınlanan: 2022-11-21
Facebook Cıvıldamak LinkedIn

WordPress'e nasıl açılır pencere ekleyeceğinizi bilmek ister misiniz?

Açılır pencereler, ziyaretçilerin iletişim bilgilerini toplamak, özel teklifler ve indirimler sunmak, kullanıcıları etkinliklere kaydetmek ve daha fazlası için inanılmaz derecede faydalıdır.

Bir WordPress web siteniz varsa, satış ve pazarlama stratejilerinizin bir parçası olarak açılır pencereler eklemeyi ciddi şekilde düşünmelisiniz.

Açılır Pencere Nedir?

Açılır pencere veya açılır kutu, kullanıcılara ekstra ilgiyi hak eden bir şey göstermek için web sitenizde "açılan" daha küçük bir penceredir. Muhtemelen birçok web sitesinin bir açılır kutu içinde basit bir formla e-posta adresinizi istediğini fark etmişsinizdir.

MonsterInsights, en iyi WordPress Analytics eklentisidir. Ücretsiz Al!

Açılır Pencereler Yapmak Zor mu?

Çok az teknik deneyime sahip kişiler için bile bir WordPress sitesinde pop-up'lar oluşturmak kolaydır. Açılır pencereler oluşturmak, e-posta adresleri toplamak ve hatta bu e-postaları yalnızca birkaç tıklamayla otomatik olarak e-posta listelerinize eklemek için WordPress eklentilerini kullanabilirsiniz.

Bu yazının geri kalanında, WordPress'teki en popüler iki açılır pencere oluşturucuyu kullanarak bir açılır pencere oluşturmanın iki farklı yolunu göstereceğiz.

Ek olarak, potansiyel müşteri yakalama formu oluşturmak için farklı bir eklenti kullanacağız. Bir açılır pencere kampanyası oluşturduğumuzda formu açılır penceremize yerleştireceğiz.

Başlayalım!

Yöntem 1: OptinMonster ve WPForms ile bir WordPress Açılır Penceresi Oluşturun

OptinMonster Açılır Pencere Oluşturucu Logosu

OptinMonster, bir milyondan fazla aktif kurulumla WordPress için en yaygın kullanılan açılır pencere oluşturma eklentisidir. Adından da anlayabileceğiniz gibi, katılım formları ve açılır kutular oluşturmak için tasarlanmıştır.

Kaydolma formu, bir kullanıcıdan e-postaları veya pazarlama iletişimlerini "kabul etmesini" isteyen bir formdur. Ancak, elbette pop-up'lar bundan çok daha fazlası için kullanılıyor.

Bu eklenti, hem yeni başlayanlar hem de uzmanlar için çeşitli amaçlar için güzel, son derece ilgi çekici açılır pencereler oluşturmayı kolaylaştırır.

Kullanım kolaylığının yanı sıra, OptinMonster şu güçlü özellikleri sunar:

  • Sürükle ve bırak açılır pencere oluşturucu, yeni başlayanların özel açılır pencereler tasarlamasına olanak tanır
  • Her ihtiyaca uygun 400'den fazla şablon ve 6 kampanya türü
  • Açılır pencereleri istediğiniz yerde ve istediğiniz zaman göstermek için birçok farklı tetikleme seçeneği
  • Exit-Intent, InactivitySensor ve diğer teknoloji özellikleri dönüşümleri artırır
  • Yalnızca WordPress'te değil, herhangi bir web sitesinde çalışır (eklenti gerekli değildir)

OptinMonster, basit bir katılım formu oluşturma yeteneğine sahiptir. Ancak, daha fazla tasarım seçeneğine sahip daha güçlü formlar için özel bir form oluşturucu eklentisi öneriyoruz.

Şans eseri, OptinMonster birkaç tıklamayla formları doğrudan açılır pencerelerine eklemenizi sağlar. Aşağıdaki yöntemi kullanarak bir form eklemek için herhangi bir programlama veya web geliştirme bilmenize gerek yoktur.

Bu örnekte, WordPress için alabileceğiniz en iyi form eklentisi olan WPForms'u kullanacağız.

WPForms - Açılır pencereler oluşturmak için en iyi form eklentisi

Her iki eklentiyi de yüklediğinizde WPForms, OptinMonster ile otomatik olarak bağlanır. Bu, özel formlarınızı içeren profesyonel görünümlü açılır pencereler oluşturmayı inanılmaz derecede kolaylaştırır.

WPForms'u yükleyerek başlayalım.

WPForms'u WordPress'e yükleyin

WPForms'u sitenize yüklemek için WPForms'a gidin ve bir lisans satın alın. 500'den fazla şablona, ​​ödeme işlemeye, anketlere ve diğer gelişmiş özelliklere erişim elde etmek için WPForms Pro'yu edinin.

Yine de, sunulan planlardan herhangi biriyle açılır pencereniz için bir form oluşturabilirsiniz.

Lisansınızı aldıktan sonra, WPForms'u İndir'e tıklayarak hesabınızdan WPForms eklentisini indirin . Bu ekrandayken Lisans Anahtarı'nın yanındaki pano simgesine tıklayarak da lisans anahtarınızı kopyalayabilirsiniz.

WPForms Hesap İndirme Eklentisi

Şimdi, WordPress sitenize giriş yapın ve eklentiyi yükleyin. Önce Eklentiler » Yeni Ekle'yi tıklayacaksınız. Ardından, Eklenti Yükle düğmesini tıklayın ve indirdiğiniz WPForms dosyasını seçin.

WPForms Yükle Eklentiyi Yükle

Bu noktada, WPForms'u yüklemeyi ve etkinleştirmeyi tamamlamak için Yükle'ye tıklayabilirsiniz. Eklenti aktif hale geldiğinde, WPForms »Ayarlar» Genel bölümüne gidin ve daha önce kopyaladığınız lisans anahtarınızı girin. Anahtarı Doğrula düğmesini tıklayın ve artık hazırsınız!

WPForms Lisans Anahtarını Doğrulayın

WPForms'ta Müşteri Adayı Yakalama Formu Oluşturun

WPForms'ta yeni bir form oluşturmaya başlamak için WordPress kontrol panelinde WPForms » Yeni Ekle'ye tıklayın. Başlangıç ​​noktası olarak bir şablon seçmeniz istenecektir.

Ancak önce, ekranın üst kısmındaki Formunuzu Adlandırın kutusuna uygun bir form adı yazın. Örnek formumuzu E-posta Potansiyel Müşteri Yakalama – Bülten Kaydı olarak adlandıracağız.

WPForms Yeni Form Başlığı ve Şablonu

Yeni başlıyorsanız, bir şablon kullanmanızı öneririz. Use Template seçeneğine tıklayarak Bülten Kayıt Formu şablonunu seçelim.

Pekala, işte kayıt formu şablonumuz. Gördüğünüz gibi, bu sadece bir isim ve e-posta adresi isteyen basit bir form.

WPForms Düzenleyici Kayıt Formu

Varsayılan ayarlardan memnunsanız, Şimdi kaydet'i tıklayabilirsiniz. Ancak, ziyaretçilerin formumuzu doldurma şansını artırmak için bir değişiklik yapalım.

Ad alanı alanına tıklayın ve Alan Seçenekleri kutusu görüntülenir. Şimdi Ad alanını isteğe bağlı yapalım, böylece kullanıcılar formu göndermek için o kısmı doldurmak zorunda kalmasın. Varsayılan olarak gereklidir, bu nedenle bu alanı isteğe bağlı yapmak için Gerekli anahtarını "kapalı" olarak tıklamanız yeterlidir.

WPForms Alan Kayıt Formunu Özelleştirin

Artık bu formu daha sonra kullanmak üzere kaydetmek için Kaydet'e tıklayabilirsiniz.

Bu noktada, yeni bir açılır pencere oluşturacak ve ardından kayıtlı formunuzu açılır pencereye ekleyeceksiniz. Bu nedenle, bir sonraki adım bir WordPress açılır eklentisi kurmaktır.

OptinMonster'ı WordPress'e yükleyin

Bu adımda, açılır penceremizi WordPress'te oluşturmak için OptinMonster eklentisinin ücretsiz bir sürümünü yükleyeceğiz.

Daha fazla yardıma ihtiyacınız varsa, OptinMonster'ın Temel planı bir Sizin İçin Tamamlandı Kurulumu ile birlikte gelir. Bu, bir OptinMonster dönüştürme uzmanının lansmanınızın başarılı olmasını sağlamak için ilk açılır kampanyanızı oluşturmanıza yardımcı olacağı anlamına gelir!

Ücretsiz OptinMonster eklentisini edinmek için WordPress'te oturum açın ve pano menüsünde Eklentiler » Yeni Ekle'yi tıklayın.

WordPress Eklenti Menüsü Ekle

Şimdi, arama alanına optinmonster yazın ve girin. Arama sonuçlarında OptinMonster'ı bulun ve Şimdi Yükle düğmesine tıklayın.

OptinMonster'ı etkinleştirin

Kurulduktan sonra, Etkinleştir'e tıklayın ve işiniz bitti!

OptinMonster ile Yeni Bir Açılır Kampanya Oluşturun

Artık OptinMonster'ı kurup etkinleştirdiğinize göre, bir açılır pencere oluşturmanın zamanı geldi.

Öncelikle, kaydolma kampanyalarınızla ilgili istatistikleri görüntüleyen bir genel bakış ekranı görmek için OptinMonster » Gösterge Tablosu'nu tıklayın. Burada ayrıca yeni bir açılır pencere oluşturmaya başlayabilirsiniz. Açılır kutucukta Yeni Oluştur'u tıklamanız yeterlidir.

OptinMonster Yeni Açılır Pencere Oluştur

Bundan sonra, açılır kutu için bir şablon seçmeniz gereken yeni bir ekran göreceksiniz.

Bu örnek için Entice şablonunu seçeceğiz. İhtiyaçlarınıza uygun olduğundan emin olmak için önce şablonu önizleyebilirsiniz. Açılır bir şablona karar verdiğinizde, Şablonu Kullan'ı tıklayın.

OptinMonster Seç Şablonu

Şimdi, açılan kampanyayı adlandırmanız istenecek. Bu örneği Bülten Kaydı olarak adlandıracağız. Kampanyanızın adını kutuya yazın ve Oluşturmaya Başla 'yı tıklayın.

OptinMonster Açılır Kampanya Adı

Düğmeye tıkladığınızda, düzenlemeye hazır şablonunuzla birlikte OptinMonster'ın sürükle ve bırak düzenleyicisini açacaksınız. Artık, WPForms bloğunu sol taraftan açılır pencerenize, yeni potansiyel müşteri yakalama formunuzu yerleştirmek istediğiniz yere sürükleyebilirsiniz.

OptinMonster Add Form to Popup

WPForms bloğunu yerleştirdikten sonra, açılır pencerede görünmesini istediğiniz formu seçebileceğiniz bir açılır liste otomatik olarak açılır. Bu nedenle, burada WPForms'ta oluşturduğunuz formun adını seçeceksiniz: Email Lead Capture – Newsletter Signup .

Ekstra Düğmeleri Kaldır

Şimdi, açılır pencerenizi kaydetmeden önce son bir adım. WPForms formunda bir Gönder düğmesi bulunduğundan, düğmeleri OptinMonster şablonundan silmelisiniz. Bunu yapmak için, imlecinizi bloğun içine getirin ve ardından silmek için çöp kutusu simgesine tıklayın.

OptinMonster Bloğu Sil

Açılır pencereyi ve formu kaydetmek için Kaydet düğmesine tıklayın, ardından OptinMonster düzenleyicisini kapatmak için X düğmesine tıklayın. WordPress panosuna ve OptinMonster Kampanya Çıktı Ayarları ekranına geri döneceksiniz.

Burası, açılır pencerenizi WordPress sitenizde nerede ve ne zaman görüntüleyeceğinize karar verdiğiniz yerdir. Varsayılan olarak, pop-up kampanyalar her sayfada her ziyaretçiye gösterilir.

Ancak, yalnızca birkaç örnek için bir açılır pencereyi yalnızca tek bir sayfada gösterilecek, yalnızca gönderilere yüklenecek veya yalnızca oturum açmış kullanıcılara gösterilecek şekilde ayarlayabilirsiniz.

Bu örnek için çıktı ayarlarını olduğu gibi bırakabilirsiniz. Ancak açılır pencerenizin görüntülenmesini etkinleştirmek için Durum açılır menüsüne gidin ve durumu Yayınlandı olarak değiştirin. Ardından Değişiklikleri Kaydet'i tıklayın .

OptinMonster WordPress'e Pop-up Ekleyin

Tamam, işte bu! Yeni açılır pencereniz ve potansiyel müşteri yakalama formunuz artık yeni aboneler toplamaya başlamak için web sitenizdeki her sayfada görünecek.

İşte yayınladıktan sonraki örneğimiz:

OptinMonster Önizleme Yayınlanan Açılır Pencere

Açılır kampanyanız bir site ziyaretçisini bir aboneye dönüştürdükten sonra, iletişim bilgilerini WordPress kontrol panelindeki WPForms » Girişler bölümüne giderek bulabilirsiniz.

WPForms Optin Açılır Girişleri

WPForms, Sendinblue, Constant Contact ve diğer popüler e-posta sağlayıcılarındaki bir e-posta listesine otomatik olarak yeni aboneler eklemenizi sağlayan eklentilere sahiptir. Bu, abonelerle iletişimi süper verimli hale getirmek için pazarlama iş akışınızı otomatikleştirir.

İlk açılır pencere oluşturma yöntemimiz için hepsi bu kadar. WordPress'e açılır pencere eklemenin ikinci yoluna geçelim….

Yöntem 2: Popup Maker ve WPForms ile WordPress'e Popup Ekleyin

Popup Oluşturucu WordPress Eklentisi

700.000'den fazla aktif kullanıcısı olan Popup Maker, WordPress.org'daki en popüler 2. WordPress açılır eklentisidir.

Popup Maker'ı WordPress'e yükleyin

Öncelikle, WordPress sitenize giriş yapın ve Eklentiler » Yeni Ekle 'yi tıklayın. Arama çubuğuna açılır pencere oluşturucu yazın ve girin.

WordPress Eklenti Arama Popup Oluşturucu

Arama sonuçlarında Popup Maker'ı bulun ve Şimdi Yükle düğmesini tıklayın.

Popup Maker WordPress Eklenti Kurulumu

Eklenti yüklendikten sonra, Etkinleştir'e tıklayın ve kullanıma hazır! WordPress panonuz artık Popup Maker menüsünü içermelidir. Yeni bir açılır pencere oluşturmaya başlamak için Açılır Pencere Oluşturucu » Açılır Pencere Oluştur'a tıklayın.

Yeni Bir Açılır Pencere Oluştur

Popup Maker düzenleyici ekranı, WordPress sayfa düzenleyicisine çok benziyor. Üst alana açılır pencereniz için bir ad girin. İsterseniz ikinci alana açılır pencerenizin içinde görünecek bir başlık da yazabilirsiniz.

Popup Oluşturucu Düzenleyici

Şimdi tek yapmanız gereken Form Ekle düğmesine tıklamak. Daha önce WPForms'ta oluşturduğunuz formu seçebileceğiniz bir açılır liste ile bir açılır kutu görünecektir.

Popup Maker WPForms Formu Ekle

Devam edin ve o formu seçin, ardından Form Ekle'yi tıklayın. Bu, seçtiğiniz formun WPForms kısa kodunu açılır pencereye ekler.

Popup Oluşturucu WPForms Kısa Kodu

Tamam, şimdi yayınlamadan önce, açılır pencerenin sitenizde ne zaman ve nerede görüntüleneceğini tanımlamak için tetikleyiciler ayarlamanız gerekecek.

Açılır Pencere Ayarları kutusuna ilerleyin ve Yeni Tetikleyici Ekle düğmesini tıklayın.

Popup Oluşturucu Tetikleyici Ekle

Burada, açılır pencerenizin belirli bir gecikme süresinden sonra mı, tıklamayla mı yoksa bir form gönderiminden sonra mı gösterileceğini seçebilirsiniz. Zaman Gecikmesi'ni seçelim.

Popup Oluşturucu Zaman Gecikmesi Tetikleyici

Ekle düğmesine tıklayın ve Popup Maker gecikmenin ne kadar süreceğini milisaniye cinsinden soracaktır. Varsayılan, saniyenin yarısı olan 500'dür. Bunu olduğu gibi bırakabilir veya isterseniz değiştirebilirsiniz. Ardından tekrar Ekle'yi tıklayın.

Milisaniye Cinsinden WordPress Zaman Gecikmesi Üzerine Açılır Pencere

Açılır pencerenizi ayarlamanın bir sonraki adımı, sitenizde nerede, kime gösterileceğini vb. seçmektir. Hedefleme sekmesini tıklayın.

Popup Oluşturucu Hedefleme

Bu ayardaki açılır liste, açılır pencerenin görüntüleneceği belirli bir sayfayı seçmenizi sağlar. Popup Maker ayrıca bir dizi filtreye sahiptir, böylece onu sayfalarda kategorilere, etiketlere, hiyerarşilere ve daha fazlasına göre gösterebilirsiniz.

Bir sonraki ayar birkaç Ekran seçeneği sunar. Döşemelerdeki 4 görüntüleme seçeneğinden birini seçin, ardından Görünüm , Boyut , Animasyon , Sesler , Konum ve Gelişmiş ayarlar için yukarıdaki bağlantılara tıklayarak ayarlayın.

Popup Oluşturucu Görüntü Ayarları

Pekala, neredeyse bitirdik! Ayarlar kutusundaki Kapat sekmesini tıklayın. Şimdi, birisi kayıt formunu gönderdikten sonra açılır pencerenize kapanmasını söylemeniz gerekiyor. En üstteki Form Gönderimi'ne tıklayın, ardından Form Gönderiminde Kapat onay kutusunu işaretleyin.

Popup Maker Form Gönderildiğinde Kapatılır

Tamam, şimdilik diğer her şeyi varsayılan ayarlarda bırakabilirsiniz. Sağ kenar çubuğundaki Yayınla düğmesine tıklayarak kaydedelim.

Şimdi, canlı açılır pencerenizi görmek için web sitenizi ziyaret edin!

Popup Maker WordPress Örneğine Popup Ekle

İlk yöntemimizde olduğu gibi, yeni aboneleri görmek için, kaydolan kişilerin iletişim bilgilerini görüntülemek üzere WPForms »Girişler bölümüne gitmelisiniz.

OptinMonster, daha fazla seçenek, yerleşik şablonlar ve uzantılarla genel olarak daha güçlü bir araç olsa da, WP Popup Maker, temel kampanyalar için iyi çalışan basit bir alternatiftir.

WordPress web sitesine açılır pencere eklemenin 2 kolay yolu hakkındaki eğitimimiz için hepsi bu kadar. Ayrıca, WPForms kullanarak e-posta potansiyel müşterilerini toplamak için bir kayıt formu oluşturmayı da öğrendiniz.

MonsterInsights ile Form Dönüşümlerini İzleyin

WPForms Girişleri ekranında form girişlerini nasıl görüntüleyebileceğinize baktık. Ancak bu, formlarınızın nasıl performans gösterdiği hakkında size fazla bilgi vermez.

Form performansı hakkında daha fazla ayrıntı almak için, Google Analytics için en iyi WordPress eklentisi olan MonsterInsights gibi bir araca ihtiyacınız var.

MonsterInsights Raporlar Ekranı

MonsterInsights, gösterimler, dönüşümler ve form başına dönüşüm oranı dahil olmak üzere kullanıcıların sitenizdeki formlarla nasıl etkileşim kurduğunu görmenizi sağlayan bir Formlar eklentisi sunar. Sitenizde izlenecek birden çok form veya açılır pencere varsa bu harikadır.

Form izleme etkinken MonsterInsights'ı yükledikten sonra, Formlar raporunu Insights »Raporlar'a gidip Formlar sekmesine tıklayarak bulabilirsiniz.

Form Dönüşümlerini İzlemek İçin MonsterInsights Eklentisi

Artık tüm formlarınızı, izlenimlerinizi ve dönüşümlerinizi WordPress'te tek bir sayfada hızlı ve verimli bir şekilde görüntüleyebilirsiniz. Formlarınızın ve açılır pencerelerinizin doğru şekilde görüntülenip görüntülenmediğini ve iyi dönüştürülüp dönüştürülmediğini veya iyileştirilmesi gerekip gerekmediğini anlayın.

MonsterInsights'ın takibi, WPForms, Gravity Forms, Formidable Forms, Ninja Forms ve daha fazlası dahil olmak üzere hemen hemen tüm WordPress form eklentileriyle otomatik olarak çalışır.

MonsterInsights'ı kullanmaya başlamak hakkında daha fazla bilgiye mi ihtiyacınız var? MonsterInsights'ın nasıl kurulacağı ve ayarlanacağı hakkında ayrıntılı bir eğitim için bu gönderiye göz atın.

Web sitenize nasıl pop-up ekleyeceğinizi öğrenmekten hoşlanıyorsanız, nasıl e-posta bülteni oluşturacağınızla ilgili bu makaleyi okumak isteyebilirsiniz.

Daha faydalı incelemeler, eğitimler ve Google Analytics ipuçları için bizi Twitter, Facebook ve YouTube'da takip etmeyi unutmayın.