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 İletişim Formu Açılır Penceresi Nasıl Eklenir

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress web sitenizde bir iletişim formu açılır penceresi göstermenin kolay bir yolunu mu arıyorsunuz?

İletişim formları ziyaretçilerinizle iletişim kurmak için harikadır. Bunları bir açılır pencere içine yerleştirmek, müşterilerinizin ürün ve hizmetleriniz hakkında sizinle iletişime geçmesini daha da kolaylaştırır.

Bu makalede, WordPress’te bir iletişim formu açılır penceresinin nasıl ekleneceğini göstereceğiz.

How to add a contact form popup in WordPress

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

Her WordPress web sitesi veya blogu, kullanıcıların soruları, geri bildirimleri veya sorunları ile ulaşabilmeleri için bir iletişim formuna ihtiyaç duyar.

Ancak, iletişim formunuz yalnızca tek bir sayfadaysa, insanların onu bulması zor olur.

Sonuç olarak, kullanıcılarınız sizinle iletişime geçmeden önce sitenizden ayrılabilir ve potansiyel müşteri adaylarını ve dönüşümleri kaybedebilirsiniz.

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

Görüntüledikleri sayfadan çıkmak zorunda kalmadıkları için insanların web sitenizde kalmasına yardımcı olur. 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 ardından bunu web sayfalarınızda görüntülemek için bir açılır pencereye yerleştirmeniz gerekecektir. Merak etmeyin, WordPress’te bir iletişim formu oluşturma ve bunu bir açılır pencereye ekleme konusunda size rehberlik edeceğiz.

Video Eğitimi

Subscribe to WPBeginner

Eğer yazılı talimatları tercih ediyorsanız, okumaya devam edin.

WordPress İletişim Formu Nasıl Oluşturulur

İlk olarak, bir WordPress iletişim formu eklentisi seçmeniz gerekecektir.

Aralarından seçim yapabileceğiniz birçok ücretsiz ve ücretli seçenek vardır, ancak en iyi seçenek olduğu için WPForms ‘u kullanmanızı öneririz.

WPForms yeni başlayan dostu bir form eklentisidir ve WordPress ‘te sadece birkaç tıklamayla bir iletişim formu oluşturmanıza olanak tanıyan bir sürükle ve bırak oluşturucu sunar. Ayrıca önceden oluşturulmuş form şablonları ve çok sayıda özelleştirme seçeneği sunar.

Bu eğitimde, ücretsiz olduğu ve bir iletişim formu şablonu sunduğu için WPForms Lite sürümünü kullanacağız.

Bununla birlikte, daha fazla özelliğin kilidini açmak için premium sürümünü de kullanabilirsiniz. Örneğin, WPForms Pro 1.800’den fazla form şablonu, daha fazla özelleştirme seçeneği, güçlü eklentiler sunar ve ek işlem ücreti olmadan çevrimiçi ödemeleri toplamanıza olanak tanır.

Başlamak için öncelikle WPForms Lite eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Yardıma ihtiyacınız varsa, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklenti etkin olduğunda, artık iletişim formunuzu oluşturmaya hazırsınız demektir. Tek yapmanız gereken WordPress kontrol panelinizden WPForms ” Yeni Ekle ‘ye gitmek.

Add a new form

Bundan sonra, WPForms sizden formunuz için bir ad girmenizi ve bir şablon seçmenizi isteyecektir.

Devam edin ve ‘Basit İletişim Formu’ şablonunu seçin.

The WPForms Simple Contact template

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

Sol tarafınızdaki menüde verilen seçeneklerden forma eklemek istediğiniz alanları sürüklemeniz yeterlidir. Ayrıca her alanın formdaki konumlarını yeniden sıralayabilirsiniz.

A contact form template

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

Örneğin, Ad alanına tıklarsanız, etiketini ve biçimini değiştirmek gibi farklı seçenekler elde edersiniz. Hatta bir açıklama ekleyebilir veya herhangi bir alanı gerekli olarak işaretleyebilirsiniz.

Edit each field in the contact form

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

Genel ayarlarda formu yeniden adlandırabilir, gönder düğmesi metnini değiştirebilir, anti-spam korumasını etkinleştirebilir ve daha fazlasını yapabilirsiniz.

Editing the WPForms settings

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

Ancak, iletişim formu bildiriminizi istediğiniz herhangi bir e-posta adresine gönderebilirsiniz. Birden fazla e-postaya bildirim almak istiyorsanız, her e-postayı virgülle ayırın.

E-posta konu satırı için WPForms daha önce girdiğiniz form adını kullanır. Ancak, konu satırının metnini dilediğiniz şekilde düzenleyebilirsiniz.

Edit notification settings

Bundan sonra, devam edin ve Onaylar seçeneğine tıklayın.

WPForms, ziyaretçilerinizin bir form gönderdikten sonra bir teşekkür mesajı göreceği varsayılan onay türü olarak ‘Mesaj’ı kullanacaktır.

Edit form confirmation settings

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

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

Embed your form

Ardından, Kaydet düğmesinin yanındaki üst köşede bulunan ‘Yerleştir’ seçeneğine tıklayın.

Yeni bir pencere göründüğünde, ‘kısa kod kullan’ seçeneğini seçin.

Click the use a shortcode link

WPForms, bağlantıya tıkladığınız anda iletişim formunuz için bir kısa kod görüntüleyecektir. İletişim formunuzu bir açılır pencereye nasıl ekleyeceğinizi göstereceğimiz bir sonraki adımda ihtiyacınız olacağı için bu sekmeyi/pencereyi açık tutmanızı öneririz.

WordPress Sitenize İ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 müşteri adayı oluşturma ve dönüşüm optimizasyon eklentisi olduğundan OptinMonster ‘ı kullanmanızı öneririz. Bu güçlü aracı 1,2 milyondan fazla web sitesi kullanmaktadır.

Bu eğitimde, pop-up’ı göstermek için dağınık olmayan bir şablon ve gelişmiş görüntüleme kuralları içeren OptinMonster Pro sürümünü kullanacağız.

Öncelikle OptinMonster web sitesine giderek bir hesap açmanız gerekecektir. Web sitesini ziyaret edin ve ‘OptinMonster’ı Şimdi Alın’ düğmesine tıklayın.

OptinMonster

Ardından, web sitenize ücretsiz OptinMonster eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için WordPress eklentisi yükleme kılavuzumuzu takip edin.

Eklenti aktif olduktan sonra kurulum sihirbazını göreceksiniz. Devam edin ve ‘Mevcut Hesabınızı Bağlayın’ düğmesine tıklayın.

Connect your existing account

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

‘WordPress’e Bağlan’ düğmesine tıklamanız yeterlidir.

Connect OptinMonster to WordPress

Artık hesabınız bağlı olduğuna göre, bir sonraki adım 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.

Create first OptinMonster campaign

Bir sonraki ekranda, bir kampanya türü seçmeniz gerekecektir.

Bir iletişim formu açılır penceresi oluşturacağımız için Kampanya Türü olarak ‘Popup’ı seçin.

Choose a campaign type and template

Bundan sonra, açılır pencereniz için bir şablon seçmek üzere aşağı kaydırın. OptinMonster, açılır pencereleriniz için 75’in üzerinde çekici ve yüksek dönüşüm sağlayan tasarım sunar.

Beğendiğiniz herhangi bir şablonu seçebilirsiniz. Ardından, kampanyanız için bir ad girin ve ‘Oluşturmaya Başla’ düğmesine tıklayın.

Enter a name for your campaign

Şimdi OptinMonster’daki sürükle ve bırak oluşturucuyu kullanarak pop-up şablonunuzu düzenleyebilirsiniz.

Şimdi sol taraftaki menüde farklı Blokların göründüğünü göreceksiniz. Basitçe ‘WPForms’ bloğuna gidin ve onu şablonunuza sürükleyip bırakın.

Add the WPForms block in popup

Bundan sonra, 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.

Buradan, WPForms iletişim formu kısa kodunuzu bloğa girin. Kodu bulmak için WPForms gömme ayarlarınıza geri dönün ve kısa kodu kopyalayın.

Enter contact form shortcode

Dikkat edilmesi gereken önemli bir nokta, kısa kodu eklediğinizde şablonda iletişim formunun bir önizlemesini görmeyeceğinizdir.

Kampanya yayınlandığında iletişim formunuz görüneceği için bu normaldir.

See contact form shortcode

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

Varsayılan olarak, OptinMonster bunu sayfadaki süre 5 saniye olduğunda 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 ve hedefleme seçenekleri seçebilirsiniz.

MonsterLink (Tıklama Üzerine) hedeflemesini kullanmanızı öneririz. Bu şekilde, ziyaretçi bir bağlantıya veya düğmeye tıkladığında açılır pencereniz görünecektir.

Select MonsterLink display rule

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

Daha fazla ayrıntı için WordPress’te nasıl bağlantı ekleneceğine ilişkin başlangıç kılavuzumuzu takip edebilirsiniz.

Copy the MonsterLink code

MonsterLink kodunuz HTML’de şu şekilde 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 yazınıza veya sayfanıza yerleştirmek için koddaki URL’ye ihtiyacınız vardır.

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

Örneğin, sitenize bir bize ulaşın düğmesi eklemek istediğinizi varsayalım. Herhangi bir sayfayı veya yazıyı düzenleyerek başlayabilir ve WordPress editörünüze gidebilirsiniz. Ardından, üstteki (+) artı işaretine tıklayın ve bir ‘Düğmeler’ bloğu ekleyin.

Add a button block

Bundan sonra, düğmeniz için bir metin girebilir ve ardından bağlantı simgesine tıklayabilirsiniz.

Şimdi MonsterLink URL’sini düğmenize ekleyin.

Enter the MonsterLink in the button

Bunu yaptıktan sonra WordPress gönderinizi veya sayfanızı yayınlayın. MonsterLink artık bize ulaşın düğmenize eklenecektir.

Ardından, yapılandırmayı tamamlamak için OptinMonster kampanyanıza geri dönün.

MonsterLink’i hedefiniz olarak seçtikten ve herhangi bir sayfada gösterdikten sonra, alttaki ‘İleri’ düğmesine tıklayabilirsiniz.

Complete display rules setup

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

Devam edin ve ayarlardan memnun olduğunuzda ‘İleri’ düğmesine tıklayın.

Setup additional display rule settings

Bundan sonra, OptinMonster 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 şekilde ayarladığınızdan emin olmanıza yardımcı olur.

View display rules summary

Artık kampanyanızı yayına almaya ve iletişim formu açılır pencerenizi yayınlamaya hazırsınız. Bunu yapmak için en üstteki ‘Yayınla’ sekmesine gidin.

Ardından, kampanyanızı yayınlamadan önce ‘Önizleme’ düğmesine tıklayabilirsiniz. Bu size açılır pencerenizin web sitenizde nasıl görüneceğine dair canlı bir önizleme gösterecektir.

Kampanyanızın görünümünden memnun olduğunuzda, ‘Yayınlama Durumu’nu Taslak’tan Yayınla’ya değiştirin.

Change the publish status

OptinMonster kampanya oluşturucusundan çıkabilir ve kampanyanızın durumunu WordPress kontrol panelinizden de kontrol edebilirsiniz.

Sağ tarafınızdaki ‘Durum’ açılır menüsüne tıklamanız ve durumu Beklemede’den Yayınlandı’ya değiştirmeniz yeterlidir.

Change the campaign status

Değişiklikleri kaydetmeyi unutmayın.

Ardından, MonsterLink ile daha önce oluşturduğunuz bize ulaşın düğmesine gidin ve iletişim formu açılır penceresini çalışırken görün.

Contact form popup preview

Umarız bu makale WordPress’te iletişim formu açılır penceresinin nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca en iyi web sitesi oluşturucuyu seçme kılavuzumuza veya küçük işletmeler için en iyi bordro yazılımı karşılaştırmamıza da göz atmak 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

28 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Isaac says

    This is nice, but can you explain/show how to do this without OptinMonster? I don’t want to have to buy a second plugin just to show a form in a popup. This should be do-able with WP Forms and a free lightbox plugin.

  3. Ruben says

    Before buying I want to ask, can I have two call-to-action buttons in a popup? I want two buttons one for downloading my app from App Store and second from Play Store.

  4. Jhorene says

    Hello,

    Before I buy Optinmonster, can you tell me if it is fully mobile responsive to have a form inside the canvas popup?

    Thank you.

    Regards,
    Jhorene

  5. Mike Whaling says

    Is there a way to do this in the new version of Optin Monster? This worked great when I was using the local WP plugin, but it doesn’t seem to recognize the Gravity shortcode now that I’ve switched over to the new OM.

    Any tips or suggestions?

  6. Silvan says

    could this work as well in a WordPress navigation? I’m having some trouble adding the data-optin-slug bit via the WP menu system.

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.