Bağlantı veya Resim Tıklandığında Bir WordPress Popup Formu Nasıl Açılır


Ziyaretçileriniz sitenizdeki bir bağlantıya veya bir resme tıkladığında görünen bir açılır pencere oluşturmak ister misiniz?

Bu, e-posta listenizi büyütmenin kanıtlanmış bir yoludur ve genellikle popüler siteler tarafından bir tercih teşviki sunmak için kullanılır.

Bu yazıda, adım adım bir bağlantıya veya resme tıklandığında bir WordPress açılır penceresinin nasıl açılacağını göstereceğiz.

Tıklamada bir WordPress açılır pencere formunu tetiklemeyi düşündüğünüz kadar karmaşık değil. Bu yazıda size nasıl olduğunu göstereceğiz.

Adding an on-click popup form to your website

“Tıklamada” Popup Formu Nedir?

Tıklamayla açılır formlar, bir kullanıcı web sitenizdeki bir bağlantıyı, düğmeyi veya resmi tıkladığında açılan ışık kutusu açılır pencereleridir.

Normalde, bir kullanıcı geldiğinde veya ayrılmak üzereyken web sitelerinde açılır pencereler görünür. Tıklandığında açılır formlar, kullanıcı etkileşimi tarafından tetiklenir.

Example of an On-click popup form

WPBeginner web sitesinde e-posta listemizi büyütmek için kullandığımız iki tıklamayla açılır penceremiz var: ilki tüm sosyal simgelerin yanındaki kenar çubuğu e-posta simgesinde ve ikincisi araç setimizi indirmek için her gönderinin altında.

Tıklandığında açılır pencere oluşturmanın en kolay yolu, WordPress için bir açılır pencere eklentisi kullanmaktır. Bu eğitim için OptinMonster'ı kullanacağız.

Tıklama Açılır Pencere Formları Neden Bu Kadar Etkili?

Güçlü Zeigarnik efektini kullandığı için tıklama açılır formu etkilidir. Bu, bir eylemi başlatan kullanıcıların onu bitirme olasılığının daha yüksek olduğunu belirten psikolojik bir ilkedir.

Birisi pop-up'ınızı tetiklemek için bir bağlantıya veya düğmeye tıkladığında, zaten ilgi göstermiştir. Form açılır penceresi göründüğünde, onu kullanma olasılıkları daha yüksek olacaktır.

Bu eğitimde, bir kurşun mıknatısı sunmak için tıklamayla açılan bir açılır pencere kullanacağız.

Ancak, web sitenizde tıklandığında açılır pencereleri kullanmanın başka yolları da vardır. Örneğin, kullanıcılardan bir kupon kodu talep etmelerini, bir ürün hakkında daha fazla bilgi edinmelerini, anketleri doldurmalarını ve daha fazlasını isteyebilirsiniz.

Bununla birlikte, web siteniz için tıklamayla açılan bir lightbox pop-up'ının nasıl kolayca oluşturulacağına bir göz atalım.

OptinMonster'ı Yükleme ve Etkinleştirme

İlk olarak, bir OptinMonster hesabına kaydolmanız gerekir. Pro hesabına (veya daha yükseğine) ihtiyacınız olacak. Bu size, tıklamayla açılır pencereler oluşturmanıza izin veren MonsterLinks™ özelliğini verir.

Ardından, WordPress web sitenize OptinMonster eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bu, OptinMonster hesabınızı WordPress sitenize bağlamanıza izin verir.

Yardım için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklentiyi etkinleştirdikten sonra hesabınızı bağlamanız gerekir. Otomatik olarak Hoş Geldiniz sayfasına yönlendirileceksiniz. Değilse, WordPress kontrol panelinizdeki OptinMonster bağlantısını tıklamanız yeterlidir.

'Hesabınızı Bağlayın'ı tıklayın ve ekrandaki talimatları izleyin.

Connect your OptinMonster account to your WordPress site

İlk Tıklama Açılır Pencerenizi Oluşturma

OptinMonster hesabınızı WordPress sitenize bağladıktan sonra, tıklandığında açılır pencerenizi oluşturmaya başlayabilirsiniz. Ekranın üst kısmındaki 'Yeni Kampanya Oluştur' düğmesini tıklayın:

Create a new campaign in OptinMonster

Doğrudan OptinMonster web sitesine yönlendirileceksiniz.

Kampanya Türü zaten Popup olarak ayarlanmış olmalıdır. Değilse, seçmek için Pop-up'a tıklamanız yeterlidir.

Leave 'Popup' selected for your campaign type

Ardından, bir kampanya şablonu seçin. Bunun tam olarak nasıl göründüğünü daha sonra değiştirebileceksiniz. Bu eğitim için Temel şablonu kullanacağız.

Selecting the Basic template for your on click popup

İmlecinizi şablonun üzerine getirin ve 'Şablonu Kullan' düğmesini tıklayın.

Click to use the basic template for your on click popup

Şimdi, kampanyanız için bir ad girmeniz istenecek. OptinMonster'ı birden fazla sitede kullanıyorsanız, doğru olanı seçtiğinizden emin olun. Gerekirse yeni bir web sitesi girin. Ardından, açılır pencerenizi oluşturmak için 'İnşa Etmeye Başla'yı tıklayın.

Give your campaign a name and click to start building

OptinMonster, seçtiğiniz şablonu otomatik olarak yükleyecektir.

Varsayılan metni düzenleyebilir ve şablonunuza öğeler ekleyebilir veya kaldırabilirsiniz. Düzenlemek istediğiniz şeye tıklamanız yeterlidir.

Editing the headline of your popup in OptinMonster

Örneğin Ad alanını formdan kaldıracağız. Seçmek için alana tıklamanız yeterlidir; sol sütunda, kaldırma seçeneği de dahil olmak üzere alan seçeneklerini göreceksiniz.

Removing the Name field from the popup

Açılır pencereyi tasarladıktan sonraki adım, insanların formu doldurduktan sonra gördüğü Başarı görünümünü tasarlamaktır. Basitçe ekranın üst kısmındaki 'Başarı' görünümüne geçin.

The 'Success' view that visitors will see after entering their email address

Başarı görünümünü, optin görünümünü düzenlediğiniz gibi düzenleyebilirsiniz. Örneğin, kullanıcının kurşun mıknatısı hemen indirmesine izin vermek isteyebilirsiniz. Buraya bir link ekleyebilirsiniz.

Bir resme bağlantı eklemek için, resme tıklayın ve ardından 'Resme Bağlantı Ekle?' seçeneğine gidin. sol tarafta.

Görüntü bağlantısını etkinleştirmek için geçiş yapabilir ve 'URL' kutusuna ana mıknatısınızın bağlantısını girebilirsiniz.

Adding a link to the popup  image in OptinMonster

Pop-up'ınızı E-posta Listenize Bağlama

Açılır pencerenizden memnun kaldığınızda, ekranın üst kısmındaki Entegrasyonlar sekmesine tıklayın. Kişileri e-posta listenize ekleyebilmeniz için OptinMonster'ı e-posta pazarlama hizmetinize bağlamanız gerekir.

Ekranın sol tarafındaki '+ Yeni Entegrasyon Ekle' düğmesini tıklayın.

Adding a new email integration in OptinMonster

Ardından, açılır listeden e-posta sağlayıcınızı seçin ve OptinMonster'a bağlamak için talimatları izleyin.

Select your email service provider from the dropdown list

Not: Her e-posta pazarlama hizmeti için entegrasyon talimatları farklıdır. Sıkışırsanız, OptinMonster'ın ayrıntılı e-posta entegrasyon kılavuzlarının bir listesi vardır.

Pop-up'ınızı Tıklamada Görünecek Şekilde Ayarlama

Şimdi, açılır pencerenizi, kullanıcı bir bağlantıyı tıkladığında görünecek şekilde yapılandırmanız gerekir. Ekranın üst kısmındaki 'Görüntüleme Kuralları' sekmesine tıklayın.

The default display rules in OptinMonster

Görüntüleme kuralı varsayılan olarak sayfadaki zamana ayarlanır. Açılır menüye tıklayın ve bunun yerine 'ziyaretçi MonsterLink™'i tıkladı' seçeneğini seçin.

Switching the display rules so your popup uses the MonsterLink feature

MonsterLink™ Kodunuzu kopyalamak için düğmeye tıklayın. Buna birazdan ihtiyacınız olacak.

Tıklama Açılır Pencerenizi Canlı Yapmak

Şimdi Yayınla sekmesine gidin ve kampanyanızın durumunu Canlı olarak ayarlayın. Ayrıca kampanyanızın bağlı olduğu web sitesini kontrol edebilir veya değiştirebilirsiniz.

Switching your on click popup's campaign status to live

Bunu yaptıktan sonra, ekranın üst kısmındaki Kaydet düğmesini tıklayın.

Ardından, kampanyanızı WordPress sitenizin kendisinde yayınlamanız gerekecek.

WordPress kontrol panelinize gidin ve OptinMonster bağlantısını tıklayın. Kampanyaları Yenile düğmesini tıklayın.

Refresh the list of campaigns in your OptinMonster dashboard

Kampanyanızın Canlı olarak gösterildiğini görmelisiniz. Herhangi bir noktada devre dışı bırakmak isterseniz, kampanyanızın adının altındaki 'Devre Dışı Bırak' bağlantısını tıklamanız yeterlidir.

The list of OptinMonster campaigns in the WordPress dashboard

MonsterLink'inizi Web Sitenize Ekleme

Şimdi, özel MonsterLink™'i sitenize eklemeniz gerekiyor. Bunu daha önce kopyalamadıysanız, MonsterInsights web sitesinde kampanyanız için Görüntüleme Kuralları ayarına geri giderek onu alabilirsiniz.

Yeni bir gönderi veya sayfa oluşturun veya bağlantınızı eklemek istediğiniz yeri düzenleyin.

MonsterLink, HTML kodudur, bu nedenle onu özel bir HTML bloğuna yapıştırmanız gerekir.

Yeni bir blok eklemek için (+) düğmesine tıklayın. Özel HTML bloğu, Biçimlendirme bölümündedir veya arama çubuğunu kullanarak onu arayabilirsiniz. Blok oluşturmak için üzerine tıklayın.

Adding a custom HTML block in WordPress

Şimdi MonsterLink'inizi o bloğa kopyalayın. Bunun gibi bir şeye benzemeli:

The MonsterLink in an HTML block

'Beni Tıkla!' kelimelerini değiştirebilirsiniz. bağlantınız için kullanmak istediğiniz metne. 'BONUS 10 ipuçlarını almak için tıklayın!' seçeneğini kullanacağız.

The MonsterLink with custom text

Bağlantıyı yerleştirdikten sonra, çalıştığından emin olmak için sayfanızı veya yayınınızı önizleyebilirsiniz.

İşte bağlantımız iş başında. Ana mıknatısı tanıtmaya yardımcı olmak için daha büyük metin içeren bir kutu oluşturmak için metne bazı stiller uyguladığımızı unutmayın:

The on click popup form in action

İpucu: MonsterLinks'i kullanarak yalnızca metin bağlantılarıyla sınırlı değilsiniz. MonsterLink'i web sitenizdeki harekete geçirme düğmeleri, resimler, afişler veya gezinme menüleri ile de kullanabilirsiniz.

Bu öğreticinin, tıklamayla bir WordPress açılır pencere formunu nasıl tetikleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca WordPress sitenizi nasıl hızlandıracağınızla ilgili eğiticimizi ve nihai WordPress SEO kılavuzumuzu görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir