WordPress'e Kod Kullanmadan Harekete Geçirici Mesaj Düğmeleri Nasıl Eklenir

Her gün potansiyel müşteriler WordPress web sitenizi ziyaret ediyor. İçeriğinizi okuyorlar, hizmetlerinizi inceliyorlar ve gerçekten ilgileniyor olabilirler.

Ancak sonra hiçbir eylemde bulunmadan ayrılıyorlar – e-posta kaydı yok, satın alma yok, iletişim formu gönderimi yok.

Basitçe olan şu: ziyaretçileriniz bir sonra ne yapmanız gerektiğini bilmiyor. Eylem çağrısı düğmeleri, içeriğinizle zaten etkileşimde bulunan kişilere net bir yön vererek bu sorunu çözer.

Bu yaklaşımı WPBeginner'da okuyucuları profesyonel hizmetlerimize ve yardımcı kılavuzlarımıza yönlendirmek için kullanıyoruz ve bu, dönüşüm oranlarımızda büyük bir fark yarattı.

Bu nedenle, herhangi bir kodlama bilgisine gerek kalmadan WordPress sitenize eylem çağrısı düğmeleri eklemek için bu eksiksiz kılavuzu hazırladık.

WordPress Gönderilerine ve Sayfalarına Düğme Ekleme (Adım Adım)

WordPress, yerleşik Düğme bloğu ile süper kolay bir şekilde düğme eklemenizi sağlar. Bu, Gutenberg WordPress blok düzenleyicisi ile tanıtılan bir özelliktir.

WordPress blog yazılarına ve sayfalarına nasıl etkileşim çağrısı düğmeleri ekleyeceğinizi size birden çok yolla göstereceğiz. İhtiyaçlarınıza en uygun çözümü seçebilirsiniz.

Bu makalede kolayca gezinmek için aşağıdaki içindekiler tablosunu kullanmaktan çekinmeyin:

• WordPress Blok Düzenleyiciye Eylem Çağrısı Düğmesi Ekleme
• WordPress Klasik Düzenleyiciye Eylem Çağrısı Düğmesi Ekleme
• WordPress Eklentisi ile Eylem Çağrısı Düğmesi Ekleme
• How to Add Click-to-Call Button in WordPress

WordPress Blok Düzenleyiciye Eylem Çağrısı Düğmesi Ekleme

Deneyimlerimize göre bu yöntem kolaydır ve tüm kullanıcılar için önerilir. WordPress blok düzenleyicisindeki yerleşik 'Düğmeler' bloğunu kullanır. Hala eski klasik düzenleyiciyi kullanıyorsanız, bir sonraki bölüme geçebilirsiniz.

İlk olarak, bir düğme eklemek istediğiniz yeni bir gönderi oluşturmanız veya mevcut bir gönderiyi düzenlemeniz gerekir.

Gönderi düzenleme ekranınızda, ‘+’ simgesine tıklayın ve Düzen Öğeleri bölümünden Düğmeler bloğunu seçin.

Ardından, düğme bloğunu içerik düzenleyiciye eklenmiş olarak görmelisiniz.

'Metin ekle...' alanına tıklayın ve düğme metninizi girin.

Ardından, bir bağlantı eklemek için araç çubuğundaki Bağlantı düğmesine tıklayın.

Bir gönderi veya sayfa arayabilir veya bağlantı alanına bir URL'yi kopyalayıp yapıştırabilirsiniz.

Tamamlandığında, bağlantınızı kaydetmek için 'Enter' tuşuna basın veya 'Uygula' simgesine basın.

Düğmeyi ortada görüntülemek istiyorsanız, ‘Yasla’ simgesine tıklayıp ardından ‘Ortayı Yasla’yı seçebilirsiniz. Düğmenin dikey hizalamasını da araç çubuğundan değiştirebilirsiniz.

Next, you can customize your button style and change the text and background colors from the block settings panel on the right side.

Düğme stilinizi ayarlamak için blok ayarları altındaki 'Stil' sekmesine geçmeniz yeterlidir.

Seçebileceğiniz üç düğme stili vardır: varsayılan, ana hat ve kare. Her birine tıklayarak deneyebilir ve en iyi görüneni seçebilirsiniz.

Renk Ayarları bölümü, hem düğme arka planı hem de düğme metni için beş renk varyasyonu içerir. Sadece bu da değil, ayrıca ‘Özel Renk’ seçeneğine tıklayarak kendi seçtiğiniz özel bir renk de kullanabilirsiniz.

Düğme tasarımından memnun kaldığınızda, gönderinizi kaydedebilir veya canlı önizlemesini görmek için yayınlayabilirsiniz.

Demo web sitemizde böyle görünüyordu.

WordPress Klasik Düzenleyiciye Eylem Çağrısı Düğmesi Ekleme

Varsayılan WordPress blok düzenleyicisi modern, daha hızlı ve daha kolaydır. Bazı kullanıcılar hala eski Klasik WordPress Düzenleyici'yi kullanıyor.

Klasik WordPress düzenleyicisini kullanmanızı önermiyoruz. Eski ve kullanıcıların harika içerikler oluşturması için yeterli özelliğe sahip değil. Hala kullanıyorsanız, kapatmanızı ve blok düzenleyiciyi kullanmaya başlamanızı tavsiye ederiz.

Öte yandan, bazı kullanıcılar hala kullanmak isteyebilir. Bu durumda, WordPress tasarımınıza düğme eklemek için alternatif bir çözüme ihtiyacınız olacaktır.

WordPress Klasik Düzenleyici'de düğme eklemek için üç seçenek mevcuttur:

1. WordPress'e HTML / CSS kodu ile bir düğme ekleyin.
2. Bir WordPress düğme kısa kod eklentisiyle düğmeler ekleyin.
3. Kısa kod kullanmadan WordPress'e düğme ekleyin.

Birinci yöntem kodlama yöntemidir. HTML / CSS kodu yazmanız ve bir düğmeye ihtiyacınız olan her yere web sitenize eklemeniz gerekecektir. Yeni başlayanlar için uygun değildir.

İkinci seçenek en yaygın kullanılan yöntemdir. Bunun nedeni, WordPress düğme eklentilerinin çoğunun düğme eklemek için kısa kodlar sağlamasıdır.

Üçüncü seçenek en iyisidir çünkü kısa kodu hatırlamak zorunda kalmadan gönderilerinize ve sayfalarınıza kolayca düğme eklemenizi sağlar.

Kısa kod kullanmadan WordPress'e düğme eklemenin yollarına bir göz atalım.

Yapmanız gereken ilk şey, Forget About Shortcode Buttons eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza göz atın.

Eklentiyi etkinleştirdikten sonra yeni bir gönderi oluşturun veya mevcut bir gönderiyi düzenleyin. Düzenleyicide, görsel düzenleyicide ‘Düğme Ekle’ etiketli yeni bir düğme göreceksiniz.

Gönderinize yeni bir düğme eklemek için 'Düğme Ekle' simgesine tıklamanız gerekir.

Bu, yeni düğmenizi tasarlayabileceğiniz bir açılır pencere getirecektir.

İlk olarak, düğme metninizi ve URL'nizi eklemeniz gerekir. Düğme metninizi eklerken, aşağıdaki kutuda canlı bir önizleme görebilirsiniz.

Ardından, aşağıdaki onay kutusu seçeneklerine tıklayarak bağlantınıza bir nofollow etiketi ekleyebilir ve bağlantıyı yeni bir sekmede açabilirsiniz.

Bundan sonra, düğmeniz için bir simge seçebilirsiniz. 'Simgeler' sekmesine tıklarsanız, düğmelerinizdeki metnin önüne veya sonrasına ekleyebileceğiniz simgeleri görebilirsiniz.

Bu simgeler aslında simge yazı tipleridir (WordPress gönderi düzenleyicisinde simge yazı tiplerinin nasıl kullanılacağını öğrenin).

Son olarak, Renk kutusu simgesine tıklayarak düğmenizin metin rengini ve arka plan rengini seçebilirsiniz.

Ardından, düğme stilini seçmek için açılır menüye tıklayın.

Kullanıma hazır sekiz farklı düğme stili bulunmaktadır.

Benzer şekilde, düğme boyutunu ekstra küçükten ekstra büyüğe kadar seçebilirsiniz.

Görünümden memnun kaldığınızda, 'Güncelle' düğmesine tıklamanız yeterlidir.

Düğmenizin gönderinizde göründüğü gibi, doğrudan gönderi düzenleyicisinin içinde görebileceksiniz.

Klasik düzenleyicideki araç çubuğu düğmelerini kullanarak düğme metnini seçerek düğme hizalamasını da ayarlayabilirsiniz.

Double-clicking on the button will bring up the Insert Button popup, and you can re-edit your button if you like.

Tasarımından memnun kaldığınızda, gönderinizi yayınlayabilir veya güncelleyebilir ve çalışırken görebilirsiniz. İşte süslü düğmenin demo WordPress web sitemizde nasıl göründüğü.

WordPress Eklentisi ile Eylem Çağrısı Düğmesi Ekleme

Bazen temel WordPress düğme seçenekleri, göz alıcı eylem çağrısı düğmeleri oluşturmak için yeterli olmaz. Bu yüzden Ultimate Blocks kullanmayı seviyoruz – düğmelerinizi özelleştirmenin birçok yolunu sunar.

Başlamak kolaydır. İlk olarak, WordPress eklentisini kurun ve etkinleştirin. Yardım gerekirse WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuzu okuyabilirsiniz.

Ardından, herhangi bir gönderiyi veya sayfayı açın ve düzenleyicinizde 'Düğme (Geliştirilmiş)' bloğunu arayın.

Varsayılan WordPress düğmesinden önemli bir fark, düğmeyi tablet, masaüstü veya mobil cihazlarda gizleyebileceğiniz veya gösterebileceğiniz 'Duyarlı Kontrol' ayarıdır.

Bu şekilde, harekete geçirici mesajınızı farklı ekran boyutları için özelleştirebilirsiniz.

İkinci olarak, düğmenize özel bir simge ekleyebilirsiniz.

Bu, düğmeyi daha görsel olarak çekici hale getirecek ve sayfanızda öne çıkmasına yardımcı olacaktır.

Pro sürümünü tercih ederseniz keşfedilecek çok daha fazla ayar var. Örneğin, düğmelerinize animasyon efektleri ekleyerek ziyaretçileriniz için daha ilgi çekici ve dikkat çekici hale getirebilirsiniz.

Eklentinin neler yapabileceğini görmek için, tam Ultimate Blocks eklentisi incelememize göz atın.

Düğmenizi tam istediğiniz gibi görünür hale getirdikten sonra, çalışmanızı kaydetmek için 'Yayınla' veya 'Güncelle'ye tıklayın. Düğmenizin tüm cihazlarda doğru görünmesini sağlamak için web sitenizi mobil ve masaüstünde önizlediğinizden emin olun.

WordPress'e Tıklanabilir Arama Düğmesi Nasıl Eklenir

Web sitenizde potansiyel müşterileri ve dönüşümleri artırmak için standart harekete geçirici mesaj düğmelerine ek olarak, tıklanabilir arama düğmeleri de ekleyebilirsiniz.

Tıklanabilir arama düğmesi, kullanıcılarınızın yalnızca bir dokunuşla ekibinizi aramasını sağlayan özel bir harekete geçirici mesaj düğmesi türüdür.

Aramaya tıklanabilir düğmeleri kullanarak, site ziyaretçileriniz ekibinizle anında yüz yüze konuşabilir ve ihtiyaç duydukları bilgileri alabilirler. Teklif talebi, satış öncesi bilgi veya destek sorunu hakkında konuşulsa da, telefon görüşmeleri hızlıdır.

Akıllı telefon kullanıcılarının sayısı arttıkça, şimdi ara düğmeleri eklemek günümüzde daha da alakalı hale geliyor.

Bir iş telefonunuz yoksa, bir sanal iş telefonu numarası almayı düşünebilirsiniz.

Bununla birlikte, WordPress'te tıklanabilir çağrı düğmelerini adım adım nasıl ekleyeceğimize bakalım.

Yapmanız gereken ilk şey, WP Call Button eklentisini yüklemek ve etkinleştirmektir. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.

Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak ve tıklanabilir çağrı düğmenizi tasarlamak için Ayarlar » WP Çağrı Düğmesi sayfasını ziyaret etmeniz gerekir.

İlk olarak, Yapışkan Arama düğmesi ayarlarını göreceksiniz. Yapışkan arama düğmesi, kullanıcılar sitenizi gezerken arama düğmesini onlarla birlikte hareket ettiren bir dönüşüm odaklı özelliktir.

Çağrı Yap Düğmesi Durumunu etkinleştirerek başlayabilirsiniz. Etkinleştirmek için anahtar geçişine tıklamanız yeterlidir.

Bundan sonra telefon numaranızı girmeniz gerekir. WP Çağrı Düğmesi, ülke kodunuzla birlikte bir telefon numarası alanına sahiptir. Sadece ülkenizi seçin ve işletme telefon numaranızı girin.

Bir işletme numaranız yoksa, Nextiva'dan bir tane alabilirsiniz. Güvenilir bir işletme VoIP sağlayıcısıdır.

Ardından, çağrı düğmesi metninizi düzenleyebilir ve çağrı düğmesi konumunu ve rengini seçebilirsiniz.

Ayrıca, yapışkan çağrı düğmesini web sitenizde nerede göstereceğinizi seçebilirsiniz. Varsayılan olarak, çağrı düğmesi tüm sayfalarda ve tüm cihazlarda gösterilir. Düğmeyi belirli sayfalarda gösterip gizleyebilir ve yalnızca mobil cihazlarda gösterebilirsiniz.

Tüm seçenekleri inceledikten sonra, alttaki 'Değişiklikleri Kaydet' düğmesine tıklayabilirsiniz. Bundan sonra, web sitenizi ziyaret edebilir ve yapışkan şimdi ara düğmesinin çalıştığını görebilirsiniz.

Yapışkan çağrı düğmelerinin yanı sıra, bu eklentiyi kullanarak WordPress sayfalarınızda, yazılarınızda ve kenar çubuklarınızda statik çağrı düğmeleri de ekleyebilirsiniz.

If you are using the WordPress block editor, then you can easily add the call now button on your pages using the WP Call Button block.

Sayfanızı oluşturun veya mevcut bir sayfayı düzenleyin ve sayfa düzenleyicinizi kullanarak WP Çağrı Düğmesi bloğunu ekleyin.

Ardından, düğme metnini, düğme rengini, metin rengini ve yazı tipi boyutunu özelleştirebilir ve telefon simgesini gösterebilir veya gizleyebilirsiniz.

Tasarımından memnun kaldığınızda, sayfanızı yayınlayabilir veya güncelleyebilirsiniz.

Klasik WordPress düzenleyicisini kullanıyorsanız, bir kısa kod almak için Statik Çağrı Düğmesi oluşturucusunu kullanmanız gerekir.

Ayarlar » WP Çağrı Düğmesi'ne gidin ve üstteki 'Statik Çağrı Düğmesi' menüsüne tıklayın.

Düğme seçeneklerini özelleştirin ve ardından kısa kodu kopyalayın. Bundan sonra, kısa kodu web sitenizdeki herhangi bir gönderide veya sayfada kullanabilirsiniz.

WP Çağrı Düğmesi eklentisi, çağrı düğmesini WordPress kenar çubuğunuza ve diğer widget'a hazır alanlara eklemenize de olanak tanır.

Yalnızca Görünüm » Widget'lar'a gidin ve WP Çağrı Düğmesi widget'ını çağrı düğmesini göstermek istediğiniz bir widget'a hazır alana sürükleyin.

Artık bir başlık, açıklama ekleyebilir ve Gelişmiş Ayarlar bölümünden çağrı düğmesini özelleştirebilirsiniz. İşiniz bittiğinde widget'ınızı kaydedin.

Hepsi bu kadar! Daha ayrıntılı bir öğretici görmek isterseniz, WordPress'te tıklanabilir telefon numaraları ekleme hakkındaki adım adım kılavuzumuza göz atabilirsiniz.

Bonus İpucu: Bir WordPress Sayfa Oluşturucu Eklentisi Kullanın

Yalnızca bir eylem çağrısı düğmesi eklemek her zaman yeterli değildir. Ayrıca kahraman resmi, menüler ve özel bir düzen ile sayfayı veya gönderiyi özelleştirmek isteyebilirsiniz.

Bu durumda, WordPress sayfa oluşturucu eklentisi gibi SeedProd veya Thrive Architect kullanmanızı öneririz.

Bu sayfa oluşturucular, özel açılış sayfaları ve istediğiniz gibi süslü harekete geçirici mesaj düğmeleri oluşturmanıza yardımcı olacaktır.

Ne yaparsanız yapın, düğmelerinizin nasıl performans gösterdiğini izlemeniz önemlidir çünkü tahmin yürütmek en iyi iş büyüme stratejisi değildir.

MonsterInsights kullanmanızı öneririz. Affiliate bağlantıları, giden bağlantılar ve özel etkinlikler için yerleşik etkinlik izlemeye sahiptir, böylece düğmelerinizin ne kadar iyi performans gösterdiğini görebilirsiniz. Daha fazla ayrıntı için, WordPress'te takip etmeniz gereken önemli pazarlama metriklerine bakın.

Video Eğitim

WPBeginner'a Abone Olun

Umarım bu makale, WordPress'e kolayca düğme eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca, WordPress'te bağlantıların canlı önizlemesinin nasıl gösterileceğine dair tam kılavuzumuza ve dijital ürünler oluşturmak ve satmak için en iyi araçlar hakkındaki uzman seçimlerimize de göz atmak isteyebilirsiniz.

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