➤ WordPress’te Pop-up Form Nasıl Yapılır?
WordPress’te Pop-up Form Nasıl Yapılır?

Pop-up Form Nedir?

Pop-up formlar, web sitenizde görünen ve kaybolan formlardır. E-posta pazarlama kampanyaları için e-postalar gibi bazı pop-up formlar ziyaretçilerden bilgi toplamak için kullanılır. Diğerleri, bir etkinliğe kaydolmak için bilgilerinizi girmek gibi bir harekete geçirici mesaj olabilir. Çoğu işletme, sayfadaki bir formun dağınıklığı artıracağı veya tanıtımı yapılan etkinliğin zamana duyarlı olduğu durumlarda bunları kullanır.

Pop-up’lar, web sitesi trafiğini pazarlama yollarına dönüştürmenize yardımcı olabilecek çok işlevli bir araçtır. İşte bir pop-up’ın ana işlevlerinin bir özeti:

Aboneler edinin. Web sitenize çok sayıda ziyaretçiniz olduğunu ve onları markanızla nasıl iletişim kuracağınız konusunda hiçbir fikriniz olmadığını varsayalım. E-posta adresi alanına sahip açılır bir abonelik formu, posta listenizi genişletmenize, hedef kitlenizle e-posta yoluyla ilişkiler kurmanıza ve alıcının yolculuğunu kısaltmanıza olanak tanır.

Spesifik içerik tanıtılmalıdır.Pop-up’ların birincil amacı olası satış oluşturmak olsa da, bunları ziyaretçinin bulunduğu sayfayla alakalı bir e-kitap, rehber veya vaka çalışmasını tanıtmak için kullanabilirsiniz.

Neden Pop-up form kullanmalıyım?

Web sitenizde gezen bir ziyaretçiye iyi bir kullanıcı deneyimi sunmak istiyorsak sayfa içindeki gezintiyi bölmememiz gereklidir. Örnek vermek gerekirse; Ziyaretçi web sitenizde bir makale okurken konuyla alakalı bir CTA (Call to action) butonuna bastığında ziyaretçiyi farklı bir sayfaya yönlendirmek, ziyaretçilerinizi yoracak, sunucu kaynaklarınızı gereksiz yere tüketecektir. 

Buna ek olarak sayfanın içerisinde farklı alanlara kaydırma yaparak iletişim formuna ziyaretçiyi göndermekte, ziyaretçide aynı olumsuz etkiyi bırakmaktadır. Bunun yerine CTA butonlarınıza pop-up form ekleyerek hem dönüşüm oranınızı arttırabilir hem de ziyaretçinizin içeriğinize kaldığı yerden göz atmasını sağlayabilirsiniz.

Pop-up Formun En İyi Uygulamaları:

·        Pop-up formları yalnızca çok gerekli olduğunda kullanın.

·        Müdahale etmek yerine kullanıcı deneyimini geliştirin.

·        Pop-up’larınızın hafif görünmesini sağlayın.

·        Doğru zamanda göründüğünden emin olun.

·        Teşvik edici içerikler kullanın.

·        Pop-up’larınızı mobil uyumlu hale getirin.

Pop-up’ların ayarlanması ne kadar sürer?

Pop-up’lar neredeyse anında oluşturulabilir. İçeriğiniz ve doldurulmasını istediğiniz alanlarla önceden oluşturulmuş bir form şablonunu özelleştirmeniz ve ardından sitenize yerleştirmeniz yeterlidir. Tasarım veya mühendislik kaynaklarına gerek yoktur.

WordPress’te Pop-up form kullanmak için neler gereklidir?

WordPress web sitenize pop-up form ekleyebilmek için ücretsiz faydalanabileceğiniz iki eklenti bulunmaktadır. Contact Form 7 ve Popupmaker are the plugins you need to make a Pop-up Form in WordPress.

Plugins -> Add new Sekmelerini Takip ederek Kuralım ve “Activate” butonuna basarak etkinleştirelim.

Yanlış eklenti eklememek için kurduğunuz eklentilerin logolarının aşağıdakilerle eşleştiğinden emin olun.

1. Adım Contact Form 7 ile iletişim formu oluşturma

Admin panelinin sol tarafında bulunan listeden Contact -> Add New diyerek yeni bir iletişim formu oluşturalım. Contact Form 7 kişiselleştirilebilir olması açısından birçok web sitesinde aktif olarak kullanılan iletişim formu eklentisidir.

Formumuzun Özelliklerini düzenledikten sonra save diyerek iletişim formumuzu tamamlıyoruz. Ekrana gelen kısa kodu Pop-up Maker eklentisine eklemek için kopyalıyoruz.

2. Adım Pop-up Maker’a Formumuzu entegre etme

Oluşturduğumuz formdan aldığımız kısa kodu yeni oluşturacağımız pop-up ekranına yapıştıracağız. Sağ panelimizden sırasıyla Popup-maker -> Create Popup sekmelerini tıklıyoruz.

Açılan pencerede doldurulması gereken alanları doldurduktan sonra, oluşturduğumuz formun kısa kodunu altta açılan metin editörüne yerleştiriyoruz.

Şuan Pop-up Formumuz hazır fakat ne zaman açılacağını belirlemedik. Formumuzun açılır pencere ile gelmesi için bir tetikleyici belirlememiz gerekmektedir. Sayfayı biraz daha aşağı kaydırdığımızda Pop-up Settings Alanı ile karşılaşıyoruz. 

Triggers sekmesinden Add new trigger diyerek formumuzun ne zaman çalışacağını belirliyoruz. Bir butona tıkladığımızda çalışmasını istiyorsak Click Open seçeneğini seçerek, ardından Add butonuna tıklayarak bir sonraki adıma geçiyoruz.

Hangi nesneye tıklandığında formumuzun ekranda gösterilmesini istiyorsak Css id veya class adresini belirleyerek o nesneye tıklandığında formumuzun tetiklenmesini sağlıyoruz.

İd özelliğini verdiğimiz butona tıkladığımız zaman, iletişim formumuzun pop-up şeklinde ekrana gelmesi gerekmektedir. Eğer bir hata ile karşılaşıyorsanız başa dönüp gerçekleştirdiğiniz adımları tekrardan kontrol edebilirsiniz.

Web site ziyaretçilerinizi potansiyel müşterilere dönüştürmek ve dönüşüm oranlarınızı arttırmada profesyonel destek almak istiyorsanız bizimle iletişime geçebilirsiniz

Digipeak uzmanları

size ulaşsın.

    Loading...