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 iletişim sayfanızı aramak veya bulundukları sayfadan ayrılmak zorunda kalmadan sizinle iletişime geçmesini kolaylaştırır.

Her WordPress web sitesinin, kullanıcıların soru, geri bildirim veya sorun göndermeleri için bir iletişim formu gereklidir.

Ancak, iletişim formunuz yalnızca tek bir sayfadaysa, insanların onu bulması zordur. Sonuç olarak, kullanıcılarınız sizinle iletişime geçmeden sitenizden ayrılabilir ve potansiyel müşteri ve dönüşüm kaybedebilirsiniz.

Bir iletişim formu açılır penceresi, ziyaretçilerinizin bir düğmeye tıklayarak formu hızlı bir şekilde görüntülemesine izin vererek bu sorunu çözmeye yardımcı olur. Bu şekilde, hangi sayfada olurlarsa olsunlar sizinle iletişime geçebilirler.

Bu tür bir iletişim formu ayrıca insanların web sitenizde kalmasına yardımcı olur, çünkü görüntüledikleri sayfadan çıkmaları gerekmez. Ayrıca, bir iletişim formu açılır penceresi kullanarak e-posta listenizi büyütebilirsiniz.

Bununla birlikte, öncelikle bir iletişim formu oluşturmanız ve bunu web sayfalarınızda bir açılır pencerede göstermeniz gerekecektir.

Ama endişelenmeyin. Sonraki bölümlerde, bir iletişim formu oluşturma ve bunu WordPress'te bir açılır pencereye ekleme konusunda size rehberlik edeceğ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ış:

1. Adım 1: Bir WordPress İletişim Formu Oluşturun
2. Adım 2: WordPress Sitenize Bir İletişim Formu Açılır Penceresi Ekleyin
3. Bonus İpucu: Pop-up Kayıtlarınızı Artırın
4. SSS: WordPress'e İletişim Formu Açılır Penceresi Nasıl Eklenir
5. Video Eğitim
6. WordPress Form Kılavuzlarımızı Keşfedin

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.

Aralarından seçim yapabileceğiniz birçok ücretsiz ve ücretli seçenek bulunmaktadır, ancak yeni başlayanlar için en iyi form oluşturucu olduğu için WPForms kullanmanızı öneririz.

Biz de kendi web sitemizde iletişim formlarını, yıllık kullanıcı anketlerini ve site geçiş formlarını görüntülemek için kullanıyoruz. Eklentiyle ilgili deneyimlerimiz hakkında daha fazla bilgi için kapsamlı WPForms incelememize göz atın.

WPForms, sürükle ve bırak oluşturucusu ile WordPress'te iletişim formları oluşturmayı yalnızca birkaç tıklamayla sağlayan, yeni başlayan dostu bir form eklentisidir. Ayrıca önceden oluşturulmuş form şablonları ve birçok özelleştirme seçeneği sunar.

Bu eğitimde, ücretsiz olan ve bir iletişim formu şablonu sunan WPForms Lite sürümünü kullanacağız.

Ancak, daha fazla özelliği kilidini açmak için premium sürümünü de kullanabilirsiniz. Örneğin, WPForms Pro 2.000'den fazla form şablonu, daha fazla özelleştirme seçeneği, güçlü eklentiler ve ek işlem ücreti olmadan çevrimiçi ödeme toplama olanağı sunar.

Başlamak için öncelikle WPForms Lite eklentisini yükleyip etkinleştirmeniz gerekir. Yardıma ihtiyacınız olursa, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.

Eklenti etkinleştirildikten sonra, iletişim formunuzu oluşturmaya hazırsınız. Tek yapmanız gereken WordPress kontrol panelinizden WPForms » Yeni Ekle'ye gitmektir.

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.

Soldaki menüde verilen seçeneklerden forma eklemek istediğiniz alanları sürüklemeniz yeterlidir. Formdaki her alanın konumlarını da yeniden sıralayabilirsiniz.

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 gibi farklı seçenekler elde edersiniz. Hatta bir açıklama ekleyebilir veya herhangi bir alanı gerekli olarak işaretleyebilirsiniz.

İş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, gönder düğmesi metnini değiştirebilir, spam önleme korumasını 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'ı kullanacaktır. Bir formu gönderdikten sonra bu, ziyaretçilerinize bir teşekkür mesajı gösterecektir.

Ancak, mesaj türünü değiştirebilir ve bir formu tamamladıklarında web sitenizdeki belirli bir sayfaya yönlendirebilirsiniz.

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 iletişim formunuzun kısa kodunu bağlantıya tıkladığınız anda görüntüleyecektir. Bu sekmeyi/pencereyi açık tutmanızı öneririz, çünkü bir sonraki adımda, iletişim formunuzu bir açılır pencereye nasıl ekleyeceğimizi gösterirken buna ihtiyacınız olacak.

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ğitimde, açılır pencereyi göstermek için temiz bir şablon ve gelişmiş görüntüleme kuralları içeren OptinMonster Pro sürümünü kullanacağız.

İlk olarak, OptinMonster web sitesine giderek bir hesap için kaydolalım. Sadece web sitesini ziyaret edin ve 'Şimdi OptinMonster Al' düğmesine tıklayın.

Ardından, ücretsiz OptinMonster eklentisini web sitenize kurmanız ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuzu takip edebilirsiniz.

Eklenti etkinleştirildikten sonra kurulum sihirbazını göreceksiniz. Devam edin ve ‘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, sol menüdeki blok ayarlarından 'Form Seçimi' açılır menüsüne tıklamanız gerekecek.

Ardından, 'Kısa Kodu Manuel Olarak Ekle' seçeneğini seçin.

Buradan, WPForms iletişim formu kısa kodunuzu blok içine girebilirsiniz. Kodu bulmak için WPForms yerleştirme ayarlarına geri dönüp kısa kodu kopyalamak isteyeceksiniz.

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.

Bir ziyaretçi bir bağlantıya veya düğmeye tıkladığında açılır pencerenizin görünmesi için MonsterLink (Tıklandığında) hedeflemesini kullanmanızı öneririz.

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>

Ancak, bağlantıyı WordPress blog gönderinize veya sayfanıza yerleştirmek için koddaki URL'ye ihtiyacınız var.

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 bir metin girebilir ve bağlantı simgesine tıklayabilirsiniz. Örneğin, düğme metni olarak 'Bize Ulaşın' kullanıyoruz.

Şimdi, MonsterLink URL'sini düğmenize ekleme zamanı. Düğmeye, ardından bağlantı ekleyici düğmesine tıklayın ve URL'yi yapıştırı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.

Yaratıcı olabilir ve farklı ayarları deneyebilirsiniz. Yapılandırmadan memnun kaldığınızda, 'İleri' 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.

Artık kampanyalarınızı canlı hale getirmeye 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, kampanyayı yayınlamadan önce 'Önizleme' düğmesine tıklayabilirsiniz. Bu, açılır pencerenizin web sitenizde nasıl görüneceğinin canlı bir önizlemesini gösterecektir.

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.

Bunu yapmak için OptinMonster » Kampanyalar'a gitmek isteyeceksiniz. Buradan, ‘Durum’ açılır menüsüne tıklamanız ve ‘Beklemede’den ‘Yayınla’ olarak değiştirmeniz yeterlidir.

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 eklentisi oluşturdunuz. Dahası, formu rahatsız edici olmayacak şekilde ayarlayarak bunu başardınız.

Bonus İpucu: Pop-up Kayıtlarınızı Artırın

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.

Kayıtları en üst düzeye çıkarmak için, rahatsız edici açılır pencereler yerine yardımcı ve ilgili açılır pencereler oluşturmaya odaklanmalısınız.

İlk olarak, zamanlama anahtardır. Çok erken görünen açılır pencereler kullanıcıları hayal kırıklığına uğratabilir, bu yüzden ziyaretçi kaydırdıktan veya sitenizde biraz zaman geçirdikten sonra göstermeyi deneyin.

Kişiselleştirme de başka bir oyun değiştirici. Açılır pencerelerinizi daha alakalı hissettirmek için, kullanıcıların ne yaptıklarına göre uyarlamalısınız, örneğin göz attıkları bir ürün için indirim sunmak gibi.

Hızlı harekete geçmeyi teşvik etmek için "Sınırlı süreli teklif" gibi ifadelerle aciliyet yaratın veya şimdi harekete geçerek ne kazanabileceklerini vurgulayarak kaçırma korkusundan (FOMO) yararlanın.

İncelemeler veya istatistikler gibi sosyal kanıt eklemek, güven oluşturabilir ve açılır pencerelerinizi daha ikna edici hale getirebilir. Renklerin rolünü unutmayın: cesur renkler dikkat çekebilirken, daha yumuşak tonlar güven ve uyum oluşturur.

Bu stratejileri birleştirerek, dikkat çeken, hedef kitlenizle bağlantı kuran ve zorlayıcı hissettirmeden harekete geçiren açılır pencereler oluşturabilirsiniz. Bu konu hakkında daha fazla bilgi için, açılır pencerelerin psikolojisini kullanarak kaydolmaları %250 artırma hakkındaki rehberimize göz atabilirsiniz.

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'te bir iletişim formu açılır penceresinin nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Sonra, ayrıca şu konulardaki kılavuzlarımıza da göz atmak isteyebilirsiniz:

• WordPress'te İletişim Formunu E-posta Listenizi Büyütmek İçin Kullanma
• Birden Fazla Alıcıyla İletişim Formu Oluşturma
• 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.