WordPress’te İletişim Formu Açılır Penceresi Nasıl Eklenir

İletişim formları web sitenizin ziyaretçileriyle iletişim kurmak için çok önemlidir. Bunları bir açılır pencere içine yerleştirerek, potansiyel müşterilerin ürün ve hizmetleriniz hakkında sizinle iletişime geçmesini kolaylaştırırsınız.

İletişim formu hazır ve kullanımı kolay olduğunda, ziyaretçilerin ulaşma olasılığı daha yüksektir. Bu da daha fazla sorgulama, geri bildirim ve potansiyel dönüşümlere yol açabilir.

Ancak, açılır pencereler akıllıca kullanılmazsa rahatsız edici olabilir. Aşırı kullanımı veya yanlış zamanlarda gösterilmesi kullanıcıları hayal kırıklığına uğratabilir. Bu nedenle, açılır iletişim formunuzun yararlı olması ve rahatsız edici olmaması için doğru dengeyi bulmak önemlidir.

Bu makalede, WordPress’te bir iletişim formu açılır penceresinin nasıl ekleneceğine ilişkin adımlar boyunca size rehberlik edeceğiz.

Ayrıca, müdahaleci olmadan dikkat çeken bir açılır pencerenin nasıl oluşturulacağına ilişkin uzman ipuçlarımızı da paylaşacağız. Bu yaklaşım, etkileşim fırsatlarını en üst düzeye çıkarırken WordPress sitenizin kullanıcı dostu kalmasını sağlar.

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

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

Ancak iletişim formunuz yalnızca tek bir sayfada yer alıyorsa kullanıcıların formu bulması zorlaşır. Sonuç olarak, kullanıcılarınız sizinle iletişime geçmeden önce sitenizden ayrılabilir ve potansiyel potansiyel müşterileri ve dönüşümleri kaybedebilirsiniz.

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

Bu tür bir iletişim formu, görüntüledikleri sayfadan çıkmak zorunda kalmadıkları için insanların web sitenizde kalmasına da 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 bunu web sayfalarınızda bir açılır pencerede görüntülemeniz gerekecektir. Ama endişelenmeyin. İlerleyen bölümlerde, WordPress’te bir iletişim formu oluşturma ve bunu bir açılır pencereye ekleme konusunda size rehberlik edeceğiz:

Hazır mısınız? Hadi başlayalım.

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, WordPress ‘te sadece birkaç tıklama ile iletişim formları oluşturmak için sürükle ve bırak oluşturucu sunan yeni başlayan dostu bir form eklentisidir. Ayrıca önceden oluşturulmuş form şablonları ve çok sayıda özelleştirme seçeneği sunar.

Bu eğitim için, ücretsiz olan ve bir iletişim formu şablonu sunan 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 ve ek işlem ücreti olmadan çevrimiçi ödeme toplama olanağı sunar.

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

Eklenti etkin olduğunda, 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 formunuzu adlandırmanızı ve bir şablon seçmenizi isteyecektir.

Bir form adı girdikten sonra, 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’ bölümünde 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. 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 dilediğiniz şekilde düzenleyebilirsiniz.

Şimdi, ‘Onaylar’ seçeneğine gidelim.

WPForms varsayılan onay türü olarak ‘Mesaj’ı kullanacaktır. Bu, ziyaretçilerinize bir form gönderdikten sonra bir teşekkür mesajı gösterecektir.

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, formun kısa kodunu almak için üst köşedeki ‘Kaydet’ düğmesinin yanındaki ‘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 pencere göründüğünde, ‘kısa kod kullan’ seçeneğini belirleyebilirsiniz.

WPForms daha sonra bağlantıya tıkladığınız anda iletişim formunuz için kısa kodu 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 potansiyel müşteri oluşturma ve dönüşüm optimizasyon eklentisi olduğundan OptinMonster‘ı kullanmanızı öneririz. Ayrıca, bu güçlü aracı kullanan 1,2 milyondan fazla web sitesi ile en popüler olanlardan biridir.

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.

İlk olarak, OptinMonster web sitesine giderek bir hesap açalım. Web sitesini ziyaret edin ve ‘OptinMonster’ı Şimdi Alın’ butonuna 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 edebilirsiniz.

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

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ünüz olarak ‘Popup’ı seçin.

Bundan sonra, bir şablon seçmek için sayfayı aşağı kaydırmak isteyeceksiniz.

OptinMonster, pop-up’larınız 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.

Şablona karar verdikten 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 taraftaki menüde farklı ‘Bloklar’ göreceksiniz. ‘WPForms’ bloğunu bulalım ve ardından şablonunuza sürükleyip bırakalım.

Bundan sonra, sol menüdeki blok ayarlarından ‘Form Seçimi’ açılır menüsüne tıklamanız gerekir. Ardından, ‘Manuel Olarak Kısa Kod Ekle’ seçeneğini seçin.

Buradan, WPForms iletişim formu kısa kodunuzu bloğa girebilirsiniz. Kodu bulmak için WPForms yerleştirme ayarlarınıza geri dönmeniz ve kısa kodu kopyalamanız gerekir.

Kısa kodu eklediğinizde şablonda iletişim formunun bir önizlemesini görmeyeceğinizi unutmamak önemlidir.

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.

Ardından, ‘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.

URL’nin nasıl görünmesi gerektiği aşağıda açıklanmıştır:

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 yazıyı düzenleyerek başlayabilir ve WordPress editörünüze gidebilirsiniz. Ardından, en üstteki (+) artı işaretine tıklamak ve bir ‘Düğmeler’ bloğu eklemek isteyeceksiniz.

Bundan sonra, butonunuz için bir metin girebilir ve bağlantı simgesine tıklayabilirsiniz. Örneğin, butonun metni olarak ‘Bize Ulaşın’ kullanıyoruz.

Şimdi, MonsterLink URL’sini düğmenize ekleme zamanı. Düğmeye ve ardından bağlantı ekleyici düğmesine tıklayıp URL’yi yapıştırın.

Bunu yaptıktan sonra devam edin ve WordPress gönderinizi 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.

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.

Yaratıcı olabilir ve farklı ayarlarla denemeler yapabilirsiniz. Yapılandırmadan memnun olduğunuzda, devam edin ve ‘İ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 ş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 gitmek isteyeceksiniz.

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.

İşiniz bittiğinde, OptinMonster kampanya oluşturucusundan çıkabilir ve WordPress panonuzdan kampanyanızın durumunu kontrol edebilirsiniz.

Bunu yapmak için OptinMonster “ Kampanyalar bölümüne gitmek isteyeceksiniz. Buradan, ‘Durum’ açılır menüsüne tıklayın ve ‘Beklemede’den ‘Yayınlandı’ya değiştirin.

OptinMonster değişiklikleri otomatik olarak güncelleyecektir.

Ardından, MonsterLink entegrasyonu ile ‘Bize Ulaşın’ düğmesini görüntülediğiniz yere gitmek ve iletişim formu açılır penceresini çalışırken görmek isteyeceksiniz.

İşte bu kadar!

WordPress’te başarılı bir şekilde bir iletişim formu eklentisi oluşturdunuz. Dahası, bunu yaparken formun rahatsız edici olmamasını sağladınız.

Bu makalenin WordPress’te nasıl iletişim formu açılır penceresi ekleyeceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Daha sonra, WordPress form gönderimlerinden sonra onay e-postalarının nasıl gönder ileceği ve formun terk edilmesinin nasıl izleneceği ve azaltılacağı hakkındaki kılavuzumuza 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.