WordPress’te Harekete Geçirici Mesaj Düğmeleri Nasıl Eklenir (Kodsuz)

WordPress yazılarınıza veya sayfalarınıza harekete geçirici mesaj düğmeleri eklemek dönüşümleri artırabilir. Bu düğmeler dikkat çekicidir ve kullanıcıları belirli eylemleri gerçekleştirmeye yönlendirir.

Örneğin, ziyaretçileri bir fiyatlandırma sayfasına, ürün sayfasına veya hizmetler sayfasına göndermek için kullanabilirsiniz. Ayrıca özel teklifleri, yeni ürünleri veya satış ortaklığı bağlantılarını da tanıtabilirler.

Bu makalede, WordPress’te nasıl güzel harekete geçirici mesaj düğmeleri ekleyebileceğinizi göstereceğiz. En iyi yanı ise herhangi bir kod yazmanıza gerek kalmayacak olması.

WordPress sitenizi bu etkili düğmelerle geliştirmenin kolay yolunu keşfedelim.

Not: Bu makale WordPress’te özel harekete geçirici mesaj düğmeleri eklemek içindir. Sosyal medya düğmeleri eklemek istiyorsanız, lütfen WordPress’te sosyal paylaşım düğmeleri ekleme kılavuzumuza bakın.

WordPress Yazılarına ve Sayfalarına Düğme Ekleme (Adım Adım)

WordPress, yerleşik bir Düğme bloğu ile düğme eklemeyi çok kolay hale getiriyor. Bu, Gutenberg WordPress blok düzenleyicisi ile tanıtılan bir özelliktir.

WordPress blog yazılarına ve sayfalarına harekete geçirici mesaj düğmeleri eklemenin birden fazla yolunu 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:

İçindekiler:

Video Eğitimi

Subscribe to WPBeginner

Videoyu beğenmediyseniz veya daha fazla talimata ihtiyacınız varsa, okumaya devam edin.

Varsayılan Düzenleyiciyi Kullanarak WordPress Yazılarına / Sayfalarına Düğme Ekleme

Deneyimlerimize göre, bu yöntem kolaydır ve tüm kullanıcılar için önerilir. WordPress blok editöründeki yerleşik ‘Düğmeler’ bloğunu kullanır. Eğer hala eski klasik editörü kullanıyorsanız, bir sonraki bölüme geçebilirsiniz.

Öncelikle, 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, içerik düzenleyiciye eklenen düğme bloğunu görebilmeniz gerekir.

Sadece ‘Metin ekle…’ alanına tıklayın ve düğme metninizi girin.

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

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

Tamamlandığında, bağlantınızı kaydetmek için ‘Enter’a basın veya ‘Uygula’ simgesine basın.

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

Ardından, sağ taraftaki blok ayarları panelinden düğme stilinizi özelleştirebilir, metin ve arka plan renklerini değiştirebilirsiniz.

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

Aralarından seçim yapabileceğiniz üç düğme stili vardır: varsayılan, anahat ve kare. Her birini üzerlerine tıklayarak ve en iyi görüneni seçerek deneyebilirsiniz.

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

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

İşte demo web sitemizde nasıl göründüğü.

Bonus: Düğmelerinizin ne kadar iyi performans gösterdiğini görmek istiyorsanız MonsterInsights‘ı kullanmalısınız. Satış ortağı bağlantıları, giden bağlantılar ve özel olaylar için yerleşik olay izleme özelliğine sahiptir, böylece düğmelerinizin ne kadar iyi performans gösterdiğini görebilirsiniz. Daha fazla ayrıntı için WordPress’te izlemeniz gereken önemli pazarlama metriklerine bakın.

Klasik Düzenleyicide WordPress Düğmesi Oluşturma

Varsayılan WordPress blok editörü modern, daha hızlı ve daha kolaydır. Bazı kullanıcılar hala eski Klasik WordPress Editörünü kullanmaktadır.

Klasik WordPress editörünü kullanmanızı önermiyoruz. Güncelliğini yitirmiştir ve kullanıcıların harika içerikler oluşturması için yeterli özelliklere sahip değildir. Eğer hala kullanıyorsanız, kapatmanızı ve blok editörünü kullanmaya başlamanızı tavsiye ederiz.

Öte yandan, bazı kullanıcılar hala bunu kullanmak isteyebilir. Bu durumda, WordPress sitenize 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. HTML/CSS kodu ile WordPress’e bir düğme ekleyin.
2. WordPress düğme kısa kodu eklentisi ile düğmeler ekleyin.
3. WordPress’te kısa kod kullanmadan bir düğme ekleyin.

Üç seçenekten ilki kodlama yöntemidir. HTML / CSS kodu yazmanız ve bir düğmeye ihtiyaç duyduğunuz her yerde web sitenize eklemeniz gerekecektir. Acemi dostu 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 yazılarınıza ve sayfalarınıza kolayca düğme eklemenizi sağlar.

WordPress’te kısa kod kullanmadan nasıl düğme ekleyebileceğimize bir göz atalım.

Yapmanız gereken ilk şey Forget About Shortcode Buttons eklentisini kurmak ve etkinleştirmek. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklentiyi etkinleştirdikten sonra, yeni bir yazı oluşturun veya mevcut bir yazıyı düzenleyin. Editörde, 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 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 metinden önce veya sonra ekleyebileceğiniz simgeleri görebilirsiniz.

Bu simgeler aslında simge yazı tipleridir ( WordPress yazı düzenleyicisinde simge yazı tiplerini nasıl kullanacağınızı öğrenin).

Ardından, Renk kutusu simgesine tıklayarak düğmeniz için metin rengini ve arka plan rengini seçebilirsiniz.

Bundan sonra, 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 da 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üğmenizi yazınızda göründüğü gibi, doğrudan yazı düzenleyicinin içinde görebileceksiniz.

Ayrıca, düğme metnini seçerek ve klasik düzenleyicideki araç çubuğu düğmelerini kullanarak düğme hizalamasını ayarlayabilirsiniz.

Düğmeye çift tıkladığınızda Düğme Ekle açılır penceresi görüntülenir ve isterseniz düğmenizi yeniden düzenleyebilirsiniz.

Tasarımından memnun olduğunuzda, yazınızı yayınlayabilir veya güncelleyebilir ve iş başında görebilirsiniz. Demo WordPress web sitemizde süslü düğme bu şekilde göründü.

WordPress’te Aramak İçin Tıkla Düğmesi Ekleme

Alışılagelmiş harekete geçirici mesaj butonlarına ek olarak, potansiyel müşterileri ve dönüşümleri artırmak için web sitenize tıkla ve ara butonları da ekleyebilirsiniz.

Aramak için tıkla düğmesi, kullanıcılarınızın sadece bir dokunuşla ekibinize telefon etmesini sağlayan özel bir eylem çağrısı düğmesi türüdür.

Aramak için dokun düğmelerini kullanarak, site ziyaretçileriniz anında ekibinizle yüz yüze konuşabilir ve ihtiyaç duydukları bilgileri alabilirler. İster bir teklif talebi, ister satış öncesi bilgi veya destek sorunu görüşülsün, 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 önemli hale geliyor.

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

Bununla birlikte, WordPress’te tıkla ve ara butonlarının nasıl ekleneceğini adım adım inceleyelim.

Yapmanız gereken ilk şey WP Call Button eklentisini kurmak ve etkinleştirmektir. Detaylı talimatlar için adım adım WordPress eklentisi yükleme kılavuzumuza bakabilirsiniz.

Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak ve tıkla-çağır düğmenizi tasarlamak için Ayarlar ” WP Çağrı Düğ mesi sayfasını ziyaret etmeniz gerekir.

İlk olarak, Yapışkan Çağrı düğmesi ayarlarını göreceksiniz. Yapışkan arama düğmesi, kullanıcılar sitenizde gezinirken arama düğmesini onlarla birlikte hareket ettiren, dönüşüm için optimize edilmiş bir özelliktir.

Şimdi Ara Düğmesi Durumunu etkinleştirerek başlayabilirsiniz. Bunu etkinleştirmek için anahtar geçişine tıklamanız yeterlidir.

Bundan sonra, telefon numaranızı girmeniz gerekir. WP Call Button, ülke kodunuzu içeren bir telefon numarası alanına sahiptir. Basitçe ülkenizi seçin ve iş telefon numaranızı girin.

Bir işletme numaranız yoksa, Nextiva‘dan bir tane alabilirsiniz. Güvenilir bir iş 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, web sitenizde yapışkan çağrı düğmesinin nerede gösterileceğini seçebilirsiniz. Varsayılan olarak, arama düğmesini tüm sayfalarda ve tüm cihazlarda gösterir. Düğmeyi belirli sayfalarda gösterebilir veya gizleyebilir ve yalnızca mobil cihazlarda gösterebilirsiniz.

Tüm seçenekleri gözden geçirdikten sonra, en alttaki ‘Değişiklikleri Kaydet’ düğmesine tıklayabilirsiniz. Bundan sonra, web sitenizi ziyaret edebilir ve yapışkan şimdi ara düğmesini çalışırken görebilirsiniz.

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

WordPress blok düzenleyicisini kullanıyorsanız, WP Çağrı Düğmesi bloğunu kullanarak sayfalarınıza şimdi ara düğmesini kolayca ekleyebilirsiniz.

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

Bundan sonra, 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 olduğunuzda, sayfanızı yayınlayabilir veya güncelleyebilirsiniz.

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

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

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

WP Call Button eklentisi ayrıca WordPress kenar çubuğunuza ve diğer widget’a hazır alanlara çağrı düğmesi eklemenize olanak tanır.

Basitçe Görünüm ” Widget ‘lara gidin ve WP Çağrı Düğmesi widget’ını çağrı düğmesini göstermek istediğiniz widget’a hazır bir alana sürükleyin.

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

İşte bu kadar! Daha ayrıntılı bir eğitim görmek isterseniz, WordPress’te tıkla ve ara butonunun nasıl ekleneceğine ilişkin adım adım rehberimize göz atabilirsiniz.

WordPress’te Özel Düğmeler Eklemek için Bonus İpucu

Yalnızca bir harekete geçirici mesaj düğmesi eklemek her zaman yeterli değildir. Sayfayı veya gönderiyi bir kahraman resmi, menüler ve özel bir düzen ile özelleştirmek de isteyebilirsiniz.

Bu durumda, SeedProd veya Thrive Architect gibi bir sürükle ve bırak WordPress sayfa oluşturucu eklentisi kullanmanızı öneririz.

Bu sayfa oluşturucular, tam istediğiniz gibi süslü harekete geçirici mesaj düğmelerine sahip özel açılış sayfaları oluşturmanıza yardımcı olur.

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

MonsterInsights kullanmanızı öneririz. Satış ortağı bağlantıları, giden bağlantılar ve özel olaylar için yerleşik olay izleme özelliğine sahiptir, böylece düğmelerinizin ne kadar iyi performans gösterdiğini görebilirsiniz. Daha fazla ayrıntı için WordPress’te izlemeniz gereken önemli pazarlama metrikleri bölümüne bakın.

Umarız bu makale WordPress’te kolayca nasıl buton ekleyebileceğinizi öğrenmenize yardımcı olmuştur. WordPress dönüşüm takibi hakkındaki eksiksiz kılavuzumuzu veya web sitenizi büyütmek için en iyi WordPress eklentileri listemizi de görmek 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.