Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Kaydırmalı İletişim Formu Nasıl Eklenir (Kolay Öğretici)

Web siteniz aracılığıyla yeni müşteriler edinmek birçok işletme için önemlidir. İletişim formlarının web sitelerimiz ve işletmelerimizdeki potansiyel müşterilerle bağlantı kurmanın harika bir yolu olduğunu gördük. Ancak bazen insanlar sitenizdeki bu formları fark etmiyor.

Akıllıca bir çözüm, kayarak açılan bir iletişim formu kullanmaktır. Bu, bir ziyaretçi sizinle iletişime geçmeye hazır olduğunda ekranda hareket eden bir formdur. Normal bir formdan daha dikkat çekicidir, ancak hemen beliren bir açılır pencere kadar belirgin değildir.

Bu makalede, WordPress web sitenize daha fazla dikkat çeken ve daha fazla potansiyel müşteriyle bağlantı kurmanıza yardımcı olan bir kayar iletişim formunu nasıl ekleyeceğinizi göstereceğiz.

How to Add a Slide Out Contact Form in WordPress

WordPress’e Neden Kaydırmalı İletişim Formu Eklemelisiniz?

Birçok küçük işletme sahibi, işlerini büyütmeye yardımcı olacağını umarak web sitelerini başlatır.

Bu nedenle, kullanıcıların sizinle iletişime geçebilmesi için bir iletişim formu sayfası eklersiniz.

Ancak sorun şu ki, soruları olan çoğu kullanıcı size ulaşmadan ve hatta iletişim sayfanızı ziyaret etmeden WordPress web sitenizden ayrılacaktır.

Bu nedenle birçok popüler web sitesinin iletişim formu açılır pencereleri, bir iletişim kaydırıcısı veya iletişim formlarını açan harekete geçirici mesaj düğmeleri eklediğini fark edebilirsiniz.

Bu animasyonlu ve etkileşimli seçenekler dikkati iletişim formuna çeker ve kullanıcıların başka bir sayfayı ziyaret etmeden formu hızla doldurmasına olanak tanır. Bu formlar dönüşümlerinizi önemli ölçüde artırır.

Bununla birlikte, WordPress’te kayarak açılan bir iletişim formunun nasıl oluşturulacağına bir göz atalım.

WordPress’te Kaydırmalı İletişim Formu Ekleme

Bu eğitim için WPForms‘a ihtiyacınız olacak. Hem kolay hem de güçlü olduğu için piyasadaki en iyi WordPress iletişim formu eklentisidir.

Tüm premium özelliklere ihtiyacınız yoksa WPForms iletişim formu eklentisinin ücretsiz sürümünü kullanabilirsiniz.

Ayrıca OptinMonster‘a da ihtiyacınız olacak. En güçlü dönüşüm optimizasyon yazılımıdır. Terk eden web sitesi ziyaretçilerini müşteriye dönüştürmenize yardımcı olur. Bu eğitim için OptinMonster’ın ücretsiz sürümünü kullanacağız.

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

Öncelikle WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, 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 isim girin. Bundan sonra, farenizi ‘Basit İletişim Formu’ şablonunun üzerine getirmeniz ve ‘Şablonu Kullan’ düğmesine tıklamanız gerekir.

Create a new contact form

WPForms, Basit İletişim Formu şablonunu temel alan yeni bir form oluşturacaktır.

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

WPForms Form Builder

Daha fazla ayrıntı için WordPress iletişim formu oluşturma kılavuzumuza bakabilirsiniz.

Formu düzenlemeyi tamamladığınızda, 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 çeşitli yollarını gösteren bir açılır pencere getirecektir. Basitçe ‘kısa kod kullan’ bağlantısına tıklayın ve ardından kısa kodu kopyalayın. Bir sonraki adımda buna ihtiyacınız olacak.

Click the use a shortcode link

Adım 2: OptinMonster’da Slayt Çıkışı Optini Oluşturma

Şimdi, ilk adımda oluşturduğunuz iletişim formunu görüntüleyecek bir slayt kampanyası oluşturacağız.

Ücretsiz OptinMonster eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Bu eklenti, web siteniz ile OptinMonster hesabınız arasında bir bağlayıcı görevi görür.

Etkinleştirmenin ardından OptinMonster kurulum sihirbazı otomatik olarak başlayacaktır. Bu, yeni bir hesap oluşturmanıza veya mevcut bir hesabı bağlamanıza izin verecektir.

Alternatif olarak, bir hesap oluşturabileceğiniz veya bağlayabileceğiniz OptinMonster ” Ayarlar sayfasına gidebilirsiniz.

OptinMonster Sign Up or Log In

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

OptinMonster ” Kampanyalar sayfasına gidin ve ‘Yeni Ekle’ düğmesine tıklayın. Henüz herhangi bir kampanyanız yoksa, ‘İlk Kampanyanızı Oluşturun’ düğmesine de tıklayabilirsiniz.

Adding a New Campaign in OptinMonster

OptinMonster farklı dinamik kampanya türleri sunar.

Bu eğitim için ‘Slide-in’ kampanyasını kullanacağız. Devam edin ve kampanya türünüz olarak ‘Slide-in’i seçmek için tıklayın.

Select a Campaign Type and Template in OptinMonster

Ardından, şablonu seçmeniz gerekir. OptinMonster çeşitli hazır şablonlar sunar.

Bu eğitim için ‘Canvas’ı seçmeniz gerekiyor. Arama özelliğini kullanarak bunu kolayca bulabilir ve ardından farenizi üzerine getirdiğinizde görünen ‘Şablonu Kullan’ düğmesine tıklayabilirsiniz.

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

Name Your OptinMonster Campaign

Ardından, ‘Oluşturmaya Başla’ düğmesine tıklayın. Şimdi, OptinMonster kampanya oluşturucu arayüzünü yükleyecektir. Sağ tarafta kampanyanızın canlı bir önizlemesini göreceksiniz.

Sol taraftaki menüde farklı blokları göreceksiniz. WPForms bloğunu bulmalı ve şablonunuza sürükleyip bırakmalısınız.

Dragging the WPForms Block in OptinMonster

Ş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 ‘Manuel Olarak Kısa Kod Ekle’ seçeneğini seçmeniz gerekir.

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

Paste the Shortcode for Your WPCode Form Into OptinMonster

Artık formdaki diğer blokları silebilir veya özelleştirebilirsiniz.

Örneğin, üzerine tıklayarak ve soldaki ayarları kullanarak görüntüyü değiştirebilirsiniz. Ya da sadece farenizi bloğun üzerine getirip Çöp Kutusu simgesine tıklayarak silebilirsiniz.

Deleting Blocks in OptinMonster

Bu eğitimde, diğer blokları optin’den sileceğiz ve sadece WPForms bloğunu bırakacağız.

İsterseniz arka plana tıklayabilir ve soldaki ayarlar panelinden seçenek için bir renk, gradyan veya resim seçebilirsiniz.

Changing the Background Color in OptinMonster

Ardından, optiğ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 bakıyor olmalısınız. Burada, varsayılan ayarlar 5 saniye sonra herhangi bir sayfada optin gösterecektir. Bu, çoğu web sitesi için işe yarayacaktır.

OptinMonster Display Settings Conditions

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

Varsayılan olarak, optin görüntülendiğinde animasyon veya ses yoktur. İsterseniz, ‘MonsterEffects ile Canlandır’ açılır menüsünden ‘Slide In (Left)’ gibi bir seçenek belirleyebilirsiniz.

OptinMonster Display Rules Actions

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

Bir sonraki ekranda, Yayınlama Durumunu ‘Yayınla’ olarak değiştirmeniz gerekir. Bu, optiği WordPress blogunuzda veya web sitenizde kullanılabilir hale getirecektir.

Changing the Publish Status in OptinMonster

Adım 3: WordPress’te Kaydırmalı İletişim Formunu Gösterme

Artık hem iletişim formunu hem de slayt kampanyasını oluşturduğunuza göre, bunları web sitenizde görüntülemeye hazırsınız.

Sağ üstteki ‘X’ simgesine tıklayarak Yayınlama Durumu sayfasını kapatabilirsiniz. Şimdi optiğin ‘WordPress Çıktı Ayarları’ ve ‘Görünürlük ve Durum’unu yapılandırmanızı sağlayan bir sayfa görmelisiniz.

‘Görünürlük ve Durum’ bölümünü aşağı kaydırdığınızda, normalde ‘Tüm Ziyaretçiler ve Oturum Açmış Kullanıcılar’ın kampanyayı görmesini istersiniz. Ancak, ‘Yalnızca Ziyaretçiler’ ve ‘Yalnızca Oturum AçmışKullanıcılar‘ seçenekleri de vardır.

Visibility and Status Settings in OptinMonster

Ardından, Durum açılır menüsünden ‘Yayınlandı’ seçeneğini seçmeniz gerekir. Bunu yaptıktan sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamalısınız.

Artık web sitenizi ziyaret ederek kayarak açılan iletişim formunu iş başında görebilirsiniz.

Slide Out Contact Form Preview

WordPress Formlarını Kullanmak için Uzman Kılavuzları

Umarız bu makale WordPress’te kayarak açılan bir iletişim formunun nasıl ekleneceğini öğrenmenize yardımcı olmuştur. WordPress formları hakkındaki diğer kılavuzlarımızdan bazılarını da görmek isteyebilirsiniz:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

2 yorumBir Cevap Bırakın

  1. Soumik Sadman Anwar

    Does Optinmonster also have a lite free version? It would be great if there was!!!

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.