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.
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
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.
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.
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.
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.
İş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.
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.
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.
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.
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.
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.
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.
Ş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.
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.
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.
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.
Ş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.
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.
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.
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.
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.
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.
Bundan sonra, düğmeniz için bir metin girebilir ve ardından bağlantı simgesine tıklayabilirsiniz.
Şimdi MonsterLink URL’sini düğmenize ekleyin.
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.
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.
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.
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.
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.
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.
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.
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!
Ankit says
A well written article. Must read for non-tech beginners like me.
WPBeginner Support says
Glad you found our content helpful
Yönetici
Deepak says
Hi i want to popup form whn i clk button… How i can do this
WPBeginner Support says
For what it sounds like you are wanting, you would want to take a look at OptinMonster: https://www.wpbeginner.com/wordpress-plugins/optinmonster-wordpress-popup-plugin/
Yönetici
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.
Editorial Staff says
Hi Isaac, there are likely other plugins that can do this, but we recommend the solution that we’re using ourselves. We have a good tutorial on how to pick the best plugin while you look through the WordPress.org plugin directory.
Yönetici
Kulwant Singh says
can i create differents popup for different post ? it is possible or not
WPBeginner Support says
Hi Kulwant,
Yes, you can create different popups for different posts.
Yönetici
Lela Donelson says
My WP menu does not have a WP forms option. I have a GoDaddy managed WP.
WPBeginner Support says
Hi Lela,
WPForms is a WordPress Plugin. You will first need to install and activate it. For more details, see our step by step guide on how to install a WordPress plugin.
If you have already installed and activated the plugin, and you still can’t see it in your WordPress admin menu, then please contact WPForms Support or your hosting company.
Yönetici
Michael Wahhab says
Where’s the demo?
Nick Vail says
Are pop up windows only available with the paid “business plan”?
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.
WPBeginner Support says
Yes you can.
Yönetici
shagufta says
how to have tabs in the popup that will link to div’s which will open in the same popup
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
WPBeginner Support says
OptinMonster comes with a feature called mobile friendly popups. You can create different popups for your desktop and mobile users, providing a much better user experience to your mobile audiences.
Yönetici
Ian Perera says
can i pass data to gravity form
Dave E says
Hi, I’m looking for the same. Did you ever find a solution? Thanks
Alicia Beale says
How can I use this pop-up contact form to notify different email addresses?
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?
WPBeginner Support says
Please open a support ticket on OptinMonster website.
Yönetici
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.
sharul says
Can you please show us some demo.
Thank you
WPBeginner Staff says
Please submit a support ticket on OptinMonster’s support website.
Alvin Ng says
heya man, need some help here. No matter what i do, i can’t get optinmonster to pop up. do i need to replace the # with a link?
Don DeMaio says
This would be great if they offered a demo to check it out.