WordPress'e Kayar İletişim Formu Nasıl Eklenir (Kolay Eğitim)

İnsanlar WordPress web sitenizi ziyaret ettiğinde ancak sizinle iletişime geçmediğinde sinir bozucu olabilir. Belki sayfalarınızı gezerler, hatta birkaç dakika okurlar, ancak iletişim formunuza herhangi bir gönderim gelmez.

Çoğu zaman, ziyaretçilerin bağlantı kurmak istememesi değil. Sadece bunu yapmanın kolay veya davetkar bir yolunu görmüyorlar.

İşte bu noktada kayan bir iletişim formu büyük bir fark yaratabilir. Kenardan nazikçe belirir, ziyaretçilerin ihtiyaç duyduğu anda deneyimlerini kesintiye uğratmadan yardım sunar.

Bu kılavuzda, güvenilir ve test edilmiş bir yöntem kullanarak WordPress sitenize adım adım kayan bir iletişim formu eklemeyi göstereceğiz. 🧑‍💻

WordPress'e Neden Kayar İletişim Formu Eklenir? 💭

Kayan bir iletişim formu, ziyaretçilerin bulundukları sayfadan ayrılmadan sizinle iletişime geçmesini kolaylaştırır. Kenardan nazikçe kayar, dikkat çeker ve kullanıcıların ihtiyaç duydukları anda hızlı bir mesaj göndermelerine olanak tanır.

Birçok küçük işletme sahibi, ziyaretçilerin kullanacağını ve işletmelerini büyütmelerine yardımcı olacağını umarak bir iletişim sayfası ekler.

Ancak gerçekte çoğu insan iletişime geçmeden ayrılır. Bu yüzden iletişimi kolaylaştırmak için popüler web sitelerinin iletişim açılır pencereleri, kaydırıcıları veya kayan düğmeleri kullandığını göreceksiniz.

Bu animasyonlu ve etkileşimli seçenekler, iletişim formuna dikkat çeker ve sitenizi daha etkileşimli ve ulaşılabilir hissettirir. Böylece, sıradan ziyaretçileri daha kolay gerçek potansiyel müşterilere veya müşterilere dönüştürebilirsiniz.

Bunu söyledikten sonra, WordPress'te kayan bir iletişim formu oluşturmayı paylaşacağız. İşte bu kılavuzda ele alacağımız tüm konulara hızlı bir genel bakış:

Başlayalım.

WordPress'te Kayarak Açılan Bir İletişim Formu Ekleme

Bu eğitim için WPForms'a ihtiyacınız olacak. Pazardaki en iyi WordPress iletişim formu eklentisi çünkü hem kolay hem de güçlü.

ℹ️ Not: WPForms, iletişim formumuz da dahil olmak üzere WPBeginner'daki tüm formlarımıza güç veriyor. Kullanımı kolay, son derece özelleştirilebilir ve yeni yapay zeka araçları form oluşturmayı her zamankinden daha hızlı hale getiriyor.

Nasıl çalıştığını merak mı ediyorsunuz? Yaptığı her şeyi keşfetmek için WPForms incelememize göz atın.

Bu eğitime devam etmek için, premium özelliklerine (koşullu mantık, gelişmiş entegrasyonlar ve daha fazlası) ihtiyacınız yoksa, WPForms iletişim formu eklentisinin ücretsiz sürümünü kullanabilirsiniz.

Ardından, formunuzu OptinMonster ile bağlayacaksınız. En güçlü dönüşüm optimizasyon yazılımıdır ve terk edilmiş web sitesi ziyaretçilerini müşterilere dönüştürmenize yardımcı olur.

Adım 1: WordPress'te Bir İletişim Formu Oluşturma

İlk olarak, WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekir. WordPress yönetici alanınızdan, başlamak için Eklentiler » Yeni Eklenti Ekle 'ye gidin.

Sonraki ekranda, WPForms eklentisini hızlıca bulmak için arama çubuğunu kullanabilirsiniz.

Arama sonucunda, işlemi tamamlamak için 'Şimdi Yükle' ve ardından 'Etkinleştir' düğmelerine tıklamanız yeterlidir.

Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, yeni bir iletişim formu oluşturmak için WPForms » Yeni Ekle sayfasını ziyaret etmeniz gerekir. Bu, WPForms oluşturucu arayüzünü başlatacaktır.

Sayfanın üst kısmına iletişim formunuz için bir ad girin.

Bundan sonra, fare imlecini ‘Basit İletişim Formu’ şablonunun üzerine getirmeniz ve ‘Şablonu Kullan’ düğmesine tıklamanız gerekir.

WPForms, Basit İletişim Formu şablonuna dayalı yeni bir form oluşturacaktır.

Form önizlemesini form oluşturucunun sağ bölmesinde göreceksiniz. Düzenlemek için herhangi bir alana tıklayabilir veya sol sütundan yeni form alanları ekleyebilirsiniz.

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

Formu düzenlemeyi bitirdiğinizde, değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Ardından, formunuzun yerleştirme kodunu almak için üstteki ‘Yerleştir’ düğmesine tıklamanız gerekir.

Bu, formunuzu yerleştirmenin birkaç yolunu gösteren bir açılır pencere getirecektir. 'Kısa kod kullan' bağlantısını tıklayın ve ardından kısa kodu kopyalayın. Bir sonraki adımda buna ihtiyacınız olacak.

Adım 2: OptinMonster'da Kayar Bir Kampanya Oluşturma

Şimdi, ilk adımda oluşturduğunuz iletişim formunu gösterecek bir kayan kampanya oluşturacağız.

Ü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.

ℹ️ Not: WPBeginner'da pop-up'lar, kaydırılan pencereler ve banner'lar aracılığıyla özel fırsatları tanıtmak için OptinMonster kullanıyoruz. Etkileşimi artıran ve e-posta listemizi zahmetsizce büyüten çok yönlü bir araçtır.

Daha fazlasını mı öğrenmek istiyorsunuz? Özelliklerini keşfetmek için OptinMonster incelememize göz atın.

Başlamak için OptinMonster hesabınızı oluşturalım. Web sitelerinde, ‘Şimdi OptinMonster Al’ düğmesine tıklayın, bir plan seçin ve kayıt işlemini tamamlayın.

Bu işlem tamamlandığında, OptinMonster kontrol panelinize yönlendirileceksiniz.

Şimdi, OptinMonster eklentisini yüklemek için WordPress kontrol panelinizde Eklentiler » Yeni Eklenti Ekle bölümüne gidin.

Ardından, OptinMonster eklentisini hızlıca bulmak için arama özelliğini kullanın.

Bulduğunuzda, ‘Şimdi Yükle’ düğmesine ve ardından ‘Etkinleştir’ düğmesine tıklayın.

Ayrıntılar için WordPress eklentisi nasıl kurulur hakkındaki rehberimize başvurabilirsiniz.

Etkinleştirildiğinde, OptinMonster kurulum sihirbazı otomatik olarak başlayacaktır. Bu, yeni bir hesap oluşturmanıza veya mevcut bir hesabı bağlamanıza olanak tanır.

OptinMonster hesabınızı oluşturduktan veya bağladıktan sonra, yeni bir optin kampanyası oluşturabilirsiniz.

Yalnızca OptinMonster » Kampanyalar sayfasına gidin ve 'Yeni Ekle' düğmesine tıklayın. Henüz hiçbir kampanyanız yoksa, 'İlk Kampanyanızı Oluşturun' düğmesine de tıklayabilirsiniz.

OptinMonster farklı türde dinamik kampanyalar sunar.

Bu eğitim için 'Kaydırma' kampanyasını kullanacağız.

Devam edin ve kampanya türünüz olarak 'Kaydırma'yı seçmek için tıklayın.

Sonra, şablonu seçmeniz gerekir. OptinMonster birkaç hazır şablon sunar.

Bu eğitim için 'Tuval'i seçmeniz gerekir.

Arama özelliğini kullanarak bunu kolayca bulabilir ve ardından üzerine fareyle geldiğinizde görünen 'Şablonu Kullan' düğmesine tıklayabilirsiniz.

Şablonu seçtiğiniz anda, kampanyanız için bir ad vermeniz istenecektir. Bu, kampanyayı OptinMonster kontrol panelinizde kolayca bulmanıza yardımcı olacaktır.

Ardından, 'Oluşturmaya Başla' düğmesine tıklayın.

Şimdi, OptinMonster kampanya oluşturucu arayüzünü yükleyecektir.

Kampanyanızın canlı önizlemesini sağda ve solunuzdaki menüdeki farklı blokları göreceksiniz.

Yalnızca WPForms bloğunu bulun, ardından sürükleyip önizleme alanına bırakın.

Şimdi, WPForms bloğu şablonda görünecek ve ayarlarını solda göreceksiniz.

Sol menüdeki blok ayarlarından 'Form Seçimi' açılır menüsüne tıklamanız ve 'Kısa Kodu Manuel Olarak Ekle' seçeneğini seçmeniz gerekecektir.

Bu, WPForms iletişim formu kısa kodunuzu bloğa yapıştırmanıza olanak tanır. Bunu eğitimin başında kopyalamıştınız.

Şimdi, formdaki diğer blokları silebilir veya özelleştirebilirsiniz.

Örneğin, üzerine tıklayarak ve soldaki ayarları kullanarak resmi değiştirebilirsiniz.

Veya bloğun üzerine fareyle gelip ‘Çöp Kutusu’ simgesine tıklayarak basitçe silebilirsiniz.

Bu eğitim için, yalnızca WPForms bloğunu bırakarak diğer blokları optin'den sileceğiz.

İsterseniz arka plana tıklayıp sol taraftaki ayarlar panelinden seçenek için bir renk, gradyan veya resim de seçebilirsiniz.

Ardından, optin'in ne zaman ve nasıl görüntüleneceğini yapılandırmak için sayfanın üst kısmındaki ‘Görüntüleme Kuralları’ sekmesine tıklamanız gerekir.

Ekranın altındaki ‘Koşullar’ sekmesine bakmalısınız. Burada, varsayılan ayarlar optin'i 5 saniye sonra herhangi bir sayfada gösterecektir. Bu, çoğu web sitesi için işe yarayacaktır.

Ardından, sayfanın altındaki ‘Eylemler’ sekmesine tıklamalısınız.

Varsayılan olarak, optin görüntülendiğinde herhangi bir animasyon veya ses yoktur. İsterseniz, ‘MonsterEffects ile Animasyon Yap’ açılır menüsünden ‘Kaydırarak Gir (Sol)’ gibi bir seçenek belirleyebilirsiniz.

Görüntüleme Kurallarını yapılandırmayı bitirdiğinizde, ayarlarınızı saklamak için üst kısımdaki ‘Kaydet’ düğmesine ve ardından ‘Yayınla’ düğmesine tıklamanız gerekir.

Sonraki ekranda, Yayın Durumunu 'Yayınla' olarak değiştirmeniz gerekir. Bu, optinin WordPress blogunuzda veya web sitenizde kullanılabilir olmasını sağlayacaktır.

Adım 3: WordPress'te Kayarak Açılan İletişim Formunu Gösterme

İletişim formunu ve kayan pencere kampanyasını oluşturduğunuza göre, bunları web sitenizde göstermeye hazırsınız.

Yayın Durumu sayfasını sağ üstteki ‘X’ simgesine tıklayarak kapatabilirsiniz. Şimdi optin'in ‘WordPress Çıktı Ayarları’ ve ‘Görünürlük ve Durum’unu yapılandırmanıza olanak tanıyan bir sayfa görmelisiniz.

'Görünürlük ve Durum' bölümünü aşağı kaydırdığınızda, kampanyayı 'Tüm Ziyaretçiler ve Giriş Yapmış Kullanıcılar'ın görmesini istersiniz. Ancak, 'Yalnızca Ziyaretçiler' ve 'Yalnızca Giriş Yapmış Kullanıcılar' seçenekleri de mevcuttur.

Bunu yaptıktan sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamalısınız.

Kayan pencere iletişim formunun çalışırken görünmesi için artık web sitenizi ziyaret edebilirsiniz:

SSS: WordPress'e Kaydırılan İletişim Formu Ekleme

WordPress'e kayan pencere iletişim formu eklemeyi artık bildiğinize göre, kullanıcıların sık sorduğu birkaç yaygın soruyu inceleyelim.

Kayan pencere kutusu için ideal boyut nedir?

Genellikle 400-600 piksel genişlik ve 300-400 piksel yükseklik iyi çalışır. Sayfanın çok fazla bölümünü kaplamadan dikkat çekmelidir.

Kayan pencere, açılır pencere ve kaplama arasındaki fark nedir?

Bir kaydırıcı yandan kayarak girer, ortada bir açılır pencere belirir ve tüm ekranı kaplayan bir katman belirir. Kaydırıcılar genellikle daha az müdahalecidir, ancak her seçenek etkileşimi artırmanıza yardımcı olabilir – yalnızca sitenizin tarzına en uygun olanı seçin.

Açılır pencere formlarına en iyi alternatifler nelerdir?

Daha sorunsuz, daha az rahatsız edici bir kullanıcı deneyimi için yerleşik formları, kayan çubukları veya kayan formları kullanabilirsiniz.

WordPress Formlarını Kullanmak İçin Ek Kaynaklar

Bu makalenin WordPress'e kayan pencere iletişim formu eklemeyi öğrenmenize yardımcı olduğunu umuyoruz.

Ayrıca WordPress formları hakkındaki diğer rehberlerimizden bazılarını görmek isteyebilirsiniz:

• WordPress'te Kayan Bir İletişim Formu Nasıl Gösterilir
• WordPress'te Kayar İletişim Formu Açılır Penceresi Ekleme
• İletişim Formu Sayfası Tasarımı İçin En İyi Uygulamalar (Örneklerle)
• WordPress'te İletişim Formunu E-posta Listenizi Büyütmek İçin Kullanma
• WordPress'te İletişim Formu Spam'ini Engelleme

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.