WordPress'te Kayar İletişim Formu Açılır Penceresi Ekleme

Ziyaretçilerin sitenizi göz atmasını, ancak iletişime geçmeden ayrılmasını izlediniz mi? Özellikle ilgili olduklarını bildiğinizde ancak bağlantı kuramıyorsanız sinir bozucudur.

Basit, zamanında bir açılır pencere her şeyi değiştirebilir. 💡

Düşünceli bir şekilde yerleştirildiğinde, iletişim formunuzu ziyaretçilerin ihtiyaç duyduğu yere koyar. Bu, daha fazla sorguya, geri bildirime ve dönüşüme yol açabilir.

WPBeginner olarak, WPForms'un başlangıç dostu, güçlü ve her türlü formu oluşturmak için mükemmel olması nedeniyle büyük hayranıyız. Hatta daha da iyisi, bunu OptinMonster ile eşleştirerek, zorlayıcı değil, yardımcı hissettiren bir iletişim formu açılır penceresi oluşturabilirsiniz.

Bu kılavuzda, WordPress'e bir iletişim formu açılır penceresinin nasıl ekleneceğini adım adım anlatacağız. Ziyaretçileri rahatsız etmeden potansiyel müşterilere dönüştüren bir tane.

Neden Bir İletişim Formu Açılır Penceresi Kullanmalı?

Bir iletişim formu açılır penceresi, ziyaretçilerin göz atmalarını kesmeden veya iletişim sayfanızı aramadan sizinle iletişime geçmesini kolaylaştırır.

Bu önemlidir çünkü her WordPress sitesinin kullanıcıların sorular, geri bildirim veya destek istekleri göndermesi için basit bir yola ihtiyacı vardır. Ancak iletişim formunuz yalnızca tek bir sayfada bulunduğunda, birçok ziyaretçi onu asla bulamayabilir. Ve bu genellikle potansiyel müşterilerin kaybına yol açar.

Bir iletişim formu açılır penceresi, ziyaretçilerin tek bir tıklamayla, sitenizdeki herhangi bir sayfadan formu açmasına izin vererek bunu çözer. Görüntülemekte oldukları sayfadan ayrılmadan hemen iletişime geçebilirler.

Ayrıca, insanların sizi başka yerlere yönlendirmek yerine web sitenizde kalmasına yardımcı olur. Ve bonus olarak, bu açılır pencereleri e-posta adreslerini toplamak ve e-posta listenizi büyütmek için kullanabilirsiniz.

Bu kılavuzda, bir iletişim formu oluşturmayı ve bunu WordPress'te bir açılır pencereye eklemeyi göstereceğiz.

Ayrıca, dikkat çekici ancak rahatsız edici olmayan bir açılır pencere oluşturma konusundaki uzman ipuçlarımızı da paylaşacağız. Bu yaklaşım, WordPress sitenizin kullanıcı dostu kalmasını sağlarken etkileşim fırsatlarını en üst düzeye çıkarır.

Ve izleyeceğiniz tüm adımlara hızlı bir genel bakış:

Hazır mısınız? Başlayalım.

Adım 1: Bir WordPress İletişim Formu Oluşturun

Öncelikle, bir WordPress iletişim formu eklentisi seçmeniz gerekecektir.

Ücretsiz ve ücretli birçok seçenek mevcut, ancak piyasadaki en iyi WordPress form oluşturucu olduğu için WPForms kullanmanızı öneririz. Yapay zeka araçları, sürükle ve bırak oluşturucu ve önceden hazırlanmış form şablonları sayesinde aynı zamanda en kullanıcı dostu olanıdır.

WPBeginner olarak, iletişim formlarını, yıllık kullanıcı anketlerini ve site taşıma formlarını görüntülemek için kendi web sitemizde kullanıyoruz.

Eklentiyle ilgili deneyimimiz hakkında daha fazla bilgi için WPForms incelememize göz atın.

Başlamak için WPForms web sitesine gidin ve ‘Şimdi WPForms Al’ düğmesine tıklayın. Ardından, hesabınızı oluşturmak ve satın alma işlemini tamamlamak için adımları izleyin.

Ödeme tamamlandıktan sonra, eklentinin lisans anahtarını bulabileceğiniz WPForms hesap kontrol panelinize yönlendirileceksiniz.

Buradan, WordPress kontrol panelinizden WPForms » Yeni Ekle yolunu izleyin.

Bir sonraki ekranda, WPForms eklentisini hızlıca bulmak için arama çubuğunu kullanın.

Arama sonucunda göründüğünde, ‘Şimdi Yükle’ ve ardından ‘Aktifleştir’e tıklayın.

Yardıma ihtiyacınız olursa, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.

WPForms Pro'yu satın alırsanız, lisans anahtarınızı etkinleştirmeniz gerekir. WPForms » Ayarlar'a gidin, anahtarınızı ilgili alana girin ve ‘Anahtarı Doğrula’ya basın.

Buradan iletişim formunuzu oluşturmaya hazırsınız.

WordPress kontrol panelinizden WPForms » Yeni Ekle'ye gidin.

Bir sonraki ekranda bir form adı girebilirsiniz.

Ardından, formunuzu nasıl oluşturacağınızı seçeceksiniz – WPForms AI, önceden hazırlanmış bir şablon veya boş bir tuval kullanarak.

Yapay zeka form oluşturucusunu kullanmak istiyorsanız, bir komut istemi girmeniz yeterlidir. Saniyeler içinde formunuz oluşturulacaktır.

Bununla birlikte, bu eğitim için 'Basit İletişim Formu' şablonunu kullanacağız çünkü ihtiyacımız olan her şeye sahip.

Ardından, sürükle ve bırak oluşturucuyu kullanarak forma alanlar ekleyebilirsiniz.

Solunuzdaki menüde verilen seçeneklerden forma eklemek istediğiniz alanları sürükleyip bırakın. Alanları formda yeniden sıralayabilirsiniz de.

WPForms ayrıca iletişim formundaki her alanı özelleştirmenize olanak tanır.

Örneğin, ‘Ad’ alanına tıklarsanız, etiketini ve biçimini değiştirme seçeneklerini göreceksiniz. Bir açıklama ekleyebilir veya herhangi bir alanı gerekli olarak işaretleyebilirsiniz.

Adım adım talimatlar için, bir iletişim formu oluşturma kılavuzumuza bakın.

İşiniz bittiğinde, form bildirimini ve onayını yapılandırmak için ‘Ayarlar’ seçeneğine tıklayın.

‘Genel’ bölümünde formu yeniden adlandırabilir, bir form açıklaması ekleyebilir, gönder düğmesi metnini değiştirebilir, spam önleme koruması etkinleştirebilir ve daha fazlasını yapabilirsiniz.

Ardından, 'Bildirimler' ayarları seçeneğine gidebilirsiniz. Varsayılan olarak, bildirimler WordPress web sitenizde ayarlanan yönetici e-postasına gönderilir.

Ancak, iletişim formu bildirimlerinizi istediğiniz herhangi bir e-posta adresine gönderebilirsiniz. Form bildirimlerini birden fazla e-postaya göndermek istiyorsanız, her e-postayı virgülle ayırın.

E-posta konu satırı için WPForms, daha önce girdiğiniz formun adını kullanır. Ancak, konu satırının metnini istediğiniz gibi düzenleyebilirsiniz.

Şimdi, ‘Onaylar’ seçeneğine gidelim.

WPForms, varsayılan onay türü olarak ‘Mesaj’ı kullanır. Bu, form gönderildikten hemen sonra bir teşekkür mesajı gösterir. Bunun dışında, ‘Sayfa Göster’ ve ‘URL’ye Git (Yönlendir)’ seçeneklerini göreceksiniz.

Ancak açılır pencereler için bu ‘Mesaj’ ayarını tutmanızı öneririz. Kullanıcıları farklı bir sayfaya yönlendirmek, bir açılır pencereyle etkileşim halindeyken bazen ani bir his verebilir.

Bir iletişim formu oluşturmayı bitirdikten sonra, değişikliklerinizi kaydetmek için sağ üst köşedeki ‘Kaydet’ düğmesine tıkladığınızdan emin olun.

Daha sonra, formun kısa kodunu almak için ‘Kaydet’ düğmesinin yanındaki üst köşedeki ‘Yerleştir’ seçeneğine tıklayabilirsiniz. Formunuzu bir açılır pencerede görüntülemek için bu bilgiye ihtiyacınız olacak.

Yeni bir açılır pencere göründüğünde, ‘Kısa kod kullan’ seçeneğini seçebilirsiniz.

WPForms daha sonra bağlantıya tıkladığınız anda iletişim formunuzun kısa kodunu gösterecektir. Bu sekmeyi veya pencereyi açık tutmanızı öneririz çünkü kısa kodu bir sonraki adımda, iletişim formunuzu bir açılır pencereye nasıl ekleyeceğinizi göstereceğimiz yerde kullanacaksınız.

Adım 2: WordPress Sitenize Bir İletişim Formu Açılır Penceresi Ekleyin

Bir iletişim formu açılır penceresi oluşturmak için bir WordPress açılır pencere eklentisine ihtiyacınız olacaktır.

WordPress için en iyi potansiyel müşteri oluşturma ve dönüşüm optimizasyon eklentisi olduğu için OptinMonster kullanmanızı öneririz. Ayrıca, 1,2 milyondan fazla web sitesinin bu güçlü aracı kullanmasıyla en popüler olanlardan biridir.

WPBeginner'da, açılır pencereler, kaydırılanlar ve başlık banner'larındaki özel teklifleri ve fırsatları tanıtmak dahil olmak üzere çeşitli görevler için OptinMonster kullanıyoruz. Daha fazla bilgi isterseniz, tam OptinMonster incelememizi okumaktan çekinmeyin.

Bu eğitim için, dağınıklıktan uzak bir şablon ve açılır pencereyi göstermek için gelişmiş görüntüleme kuralları içeren OptinMonster Pro sürümünü kullanacağız.

Öyleyse, OptinMonster web sitesine giderek bir hesap için kaydolalım. Sadece web sitesini ziyaret edin ve ‘Şimdi OptinMonster Al’ düğmesine tıklayın.

Kaydolduktan sonra OptinMonster hesap kontrol panelinize yönlendirileceksiniz. Hesabınızı WordPress'e bağlayacağımız için bu sekmeyi açık tutun.

Ardından, web sitenize ücretsiz OptinMonster eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bu eklenti, web siteniz ile OptinMonster hesabınız arasında bir bağlayıcı görevi görür.

WordPress kontrol panelinizde Eklentiler » Yeni Ekle bölümüne gidin.

Bir sonraki ekranda, ‘OptinMonster’ı bulmak için arama çubuğunu kullanın.

Ardından, düzgün bir şekilde etkinleştirmek için ‘Şimdi Yükle’ ve ‘Etkinleştir’ düğmelerine tıklayın.

Ayrıntılar için, bir WordPress eklentisinin nasıl kurulacağına dair rehberimizi takip edebilirsiniz.

Eklenti etkinleştirildikten sonra kurulum sihirbazını göreceksiniz.

'Mevcut Hesabınızı Bağlayın' düğmesine tıklayın.

Şimdi bir açılır pencere görünecek ve OptinMonster hesabınıza bağlanmanızı isteyecektir.

Sadece 'WordPress'e Bağlan' düğmesine tıklayın.

Hesabınız bağlandıktan sonra yapmanız gereken bir sonraki şey, iletişim formu açılır pencereniz için yeni bir kampanya oluşturmaktır.

OptinMonster » Kampanyalar bölümüne giderek ve ardından ‘İlk Kampanyanızı Oluşturun’ düğmesine tıklayarak başlayabilirsiniz.

Sonraki ekranda bir kampanya türü seçmeniz gerekecek.

Bir iletişim formu açılır penceresi oluşturacağımız için, kampanya türünüz olarak 'Açılır Pencere'yi seçin.

Bundan sonra, bir şablon seçmek için sayfanın aşağısına kaydırmak isteyeceksiniz.

OptinMonster, açılır pencereleriniz için 75'ten fazla çekici ve yüksek dönüşüm sağlayan tasarım sunar. Beğendiğiniz herhangi bir şablonu seçebilirsiniz.

Şablonu seçtikten sonra, kampanyanız için bir ad girin ve 'Oluşturmaya Başla' düğmesine tıklayın.

Şimdi, OptinMonster'daki sürükle ve bırak oluşturucuyu kullanarak açılır pencere şablonunuzu düzenleyebilirsiniz.

Sol menünüzde farklı bloklar görünecektir. ‘WPForms’ bloğunu bulun, ardından şablonunuza sürükleyip bırakın.

Bundan sonra, soldaki blok ayarlarında ‘Form Seçimi’ açılır menüsüne tıklayın.

Listeden daha önce oluşturduğunuz iletişim formunu seçin. Formunuz listede görünmüyorsa, ‘Kısa Kodu Manuel Ekle’ seçeneğini seçebilir ve Adım 1'de kopyaladığınız kısa kodu yapıştırabilirsiniz.

Devam edin ve WPForms iletişim formu kısa kodunu bloğa girin. Kısa kodunuzu kaybettiyseniz, WPForms yerleştirme ayarları sayfasına geri dönüp kısa kodu kopyalayabilirsiniz.

Kısa kodu eklediğinizde şablonda iletişim formunun önizlemesini görmeyeceğinizi belirtmek önemlidir. Bu normaldir, çünkü iletişim formunuz kampanya yayınlandığında görünecektir.

Ardından, açılır pencerenin web sitenizde ne zaman görüneceğini seçmek için üstteki 'Görüntülenme Kuralları' sekmesine gidebilirsiniz.

Varsayılan olarak OptinMonster, sayfadaki süre 5 saniye olduğunda bunu ayarlayacak ve açılır pencere herhangi bir sayfada görünecektir. Ancak, görüntüleme kuralı ayarlarını değiştirebilir ve farklı tetikleyiciler ile hedefleme seçenekleri seçebilirsiniz.

Bu, açılır pencereyi yalnızca bir kullanıcı belirli bir bağlantıya veya düğmeye tıkladığında tetikler. Ziyaretçiyi kontrol altına alır ve otomatik olarak açılan bir açılır pencereden çok daha az rahatsız edicidir.

Ardından, ‘MonsterLink Kodunu Kopyala’ düğmesine tıklayabilir ve bunu web sitenizdeki herhangi bir metne, resme veya düğmeye ekleyebilirsiniz.

Daha fazla ayrıntı için, WordPress'e nasıl bağlantı ekleyeceğinize dair yeni başlayanlar kılavuzumuzu takip edebilirsiniz.

MonsterLink kodunuz HTML'de şöyle görünecektir:

<a href="https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

Tam HTML koduna ihtiyacınız yok – yalnızca URL'ye ihtiyacınız var. Bu nedenle https:// ile başlayan bağlantı metnini kopyalayabilirsiniz.

URL'nin şuna benzemesi gerekir:

https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/

Örneğin, sitenize bir 'Bize Ulaşın' düğmesi eklemek istediğinizi varsayalım.

Bu durumda, herhangi bir sayfayı veya gönderiyi düzenleyerek ve WordPress düzenleyicinize giderek başlayabilirsiniz. Ardından, üstteki (+) artı işaretine tıklamak ve bir 'Düğmeler' bloğu eklemek isteyeceksiniz.

Bundan sonra, düğmeniz için metin girebilir ve bağlantı simgesine tıklayabilirsiniz. Örneğin, düğme metni olarak ‘Bize Ulaşın’ kullanıyoruz.

Şimdi MonsterLink URL'sini ekleyelim. Seçmek için düğme bloğuna tıklayın, ardından araç çubuğundaki Bağlantı simgesine tıklayın. Daha önce kopyaladığınız URL'yi yapıştırın ve ‘Enter’ tuşuna basın.

Bunu yaptıktan sonra, WordPress yazınızı veya sayfanızı yayınlayın. MonsterLink artık ‘Bize Ulaşın’ düğmenize eklenecektir.

Şimdi, yapılandırmayı tamamlamak için OptinMonster kampanyanıza geri dönelim.

Hedefiniz olarak MonsterLink'i seçip herhangi bir sayfada gösterdikten sonra, alttaki 'İleri' düğmesine tıklayabilirsiniz.

Bir sonraki ekranda, kampanya görünüm türünü değiştirme, bir CanavarEtkisi animasyonu ekleme ve açılır pencere göründüğünde bir ses çalma seçeneklerini göreceksiniz.

Farklı animasyon ve ses ayarlarıyla denemekten çekinmeyin. İşiniz bittiğinde ‘Sonraki Adım’ düğmesine tıklayın.

OptinMonster daha sonra ‘Görüntüleme Kuralı’ ayarlarınızın bir özetini gösterecektir.

Bu, kampanyalarınızın web sitenizde ne zaman görüneceğini doğru bir şekilde ayarladığınızdan emin olmanıza yardımcı olur.

Şimdi, kampanyanızın yayına girmesine ve iletişim formu açılır pencerenizi yayınlamaya hazırsınız.

Bunu yapmak için üstteki 'Yayınla' sekmesine gitmek isteyeceksiniz. Ardından, açılır pencerenizin yayına geçmeden önce nasıl göründüğünü görmek için 'Önizleme' düğmesine tıklayın.

Kampanyanızın görünümünden memnun kaldığınızda, 'Yayın Durumu'nu 'Taslak'tan 'Yayınla' olarak değiştirin.

Tamamlandığında, OptinMonster kampanya oluşturucusundan çıkabilir ve WordPress kontrol panelinizden kampanyanızın durumunu kontrol edebilirsiniz.

OptinMonster » Kampanyalar bölümüne gidin ve 'Durum' açılır menüsüne tıklayın. Ardından, bunu 'Beklemede'den 'Yayınla'ya değiştirebilirsiniz.

OptinMonster değişiklikleri otomatik olarak güncelleyecektir.

Ardından, MonsterLink entegrasyonu ile 'Bize Ulaşın' düğmesini nerede görüntülediğinize gitmek ve iletişim formu açılır penceresini çalışırken görmek isteyeceksiniz.

İşte bu kadar!

WordPress'te başarıyla bir iletişim formu açılır penceresi oluşturdunuz. Hatta daha da iyisi, iletişim formunuzu müdahaleci olmadan kolayca erişilebilir tutacak bir şekilde yaptınız.

Açılır Pencere Kayıtlarınızı Artırmak İçin Bonus İpuçları

Artık bir iletişim formu açılır penceresini nasıl oluşturacağınızı bildiğinize göre, bir sonraki adım, ziyaretçilerin sitenizden hemen ayrılmalarına neden olmak yerine kullanıcı deneyimini iyileştirdiğinden emin olmaktır.

Kaydolmaları en üst düzeye çıkarmak için, müdahaleci olanlar yerine yardımcı ve ilgili açılır pencereler oluşturmaya odaklanmalısınız:

Bu stratejileri birleştirerek, dikkat çeken, hedef kitlenizle bağlantı kuran ve zorlayıcı hissettirmeden harekete geçiren açılır pencereler oluşturabilirsiniz.

Daha fazla ayrıntı ve örnek için, açılır pencerelerin psikolojisini kullanarak kayıtları %250 oranında artırma kılavuzumuza göz atabilirsiniz: açılır pencerelerin psikolojisini kullanarak kayıtları %250 oranında artırma.

SSS: WordPress'e İletişim Formu Açılır Penceresi Nasıl Eklenir

İletişim formu açılır pencereleri hakkında sorularınız mı var? Doğru şekilde kurmanıza yardımcı olacak hızlı cevaplar.

İletişim formu açılır penceremin rahatsız edici olmamasını nasıl sağlarım?

Hepsi zamanlama ve bağlamla ilgilidir. Ziyaretçileri hayal kırıklığına uğratmaktan kaçınmak için, davranışlara dayalı açılır pencereler gösterin, örneğin sayfada birkaç saniye kaldıktan sonra veya biri aşağı kaydırdığında. OptinMonster gibi araçlar, açılır pencerenizin davetsiz değil, yardımcı hissettirmesi için bu ayarları ince ayarlamanıza olanak tanır.

Mobil ziyaretçiler için bir iletişim formu açılır penceresi kullanabilir miyim?

Evet, ancak ekran alanını göz önünde bulundurun. WPForms ve OptinMonster mobil uyumludur, bu da açılır pencerelerinizin daha küçük ekranlara uyum sağlayacağı anlamına gelir. Mobil cihazlarda tasarımın temiz ve kapatılmasının kolay olduğundan emin olun.

İletişim formu açılır pencerelerimin performansını nasıl takip edebilirim?

MonsterInsights'ı kullanarak, WordPress kontrol panelinizden görüntülemeler, tıklamalar ve dönüşümler gibi önemli form metriklerini takip edebilirsiniz. Bu, neyin işe yaradığını ve nerede iyileştirme yapabileceğinizi anlamanıza yardımcı olur.

Bir iletişim formu açılır penceresi sitemi yavaşlatır mı?

Düzgün bir şekilde oluşturulmuş ve yapılandırılmışsa hayır. WPForms ve OptinMonster gibi hafif araçlar performans için optimize edilmiştir, bu nedenle doğru kullanıldıklarında sitenizi fark edilir derecede yavaşlatmazlar.

Video Eğitim

Gitmeden önce, WordPress sitenize bir iletişim formu açılır penceresi ekleme konusunda bir video eğitim hazırladık. Mutlaka göz atın!

WordPress Form Kılavuzlarımızı Keşfedin

Umarım bu makale, WordPress'e bir iletişim formu açılır penceresi eklemeyi öğrenmenize yardımcı olmuştur.

Son olarak, aşağıdaki kılavuzlarımıza da göz atmak isteyebilirsiniz:

• WordPress'te İletişim Formunu E-posta Listenizi Büyütmek İçin Kullanma
• WordPress Form Gönderimlerinden Sonra Onay E-postaları Nasıl Gönderilir
• Form Terkini İzleme ve Azaltma Yolları
• WordPress Form Çalışmıyor: Sorun Giderme İpuçları
• WordPress Formlarını Kullanmaya İlişkin Nihai Kılavuz

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.