ev borcu WordPress sitesi
WordPress'te Eylem Düğmeleri Nasıl Eklenir (Kodsuz)
WordPress gönderilerinize veya sayfalarınıza harekete geçirici mesaj düğmeleri eklemek ister misiniz?
Düğmeler, dönüşümleri artırmanın harika bir yoludur. Oldukça dikkat çekicidirler, bu da kullanıcının dikkatini istenen bir etkileşime yönlendirmede onları mükemmel kılar.
Örneğin, kullanıcıları fiyatlandırma sayfası, ürün sayfası, hizmetler sayfası ve web sitenizdeki diğer işlemler gibi bir işlem sayfasına yönlendirmek için harekete geçirici mesaj düğmesini kullanabilirsiniz.
Özel teklifleri, yeni ürünleri veya ortak web sitelerine işaret eden bağlı kuruluş bağlantılarını tanıtmak için harekete geçirici mesaj düğmelerini de kullanabilirsiniz.
Bu yazıda, WordPress'e herhangi bir kod yazmadan nasıl güzel harekete geçirici mesaj butonlarını kolayca ekleyeceğinizi göstereceğiz.
Not: Bu makale, WordPress'e özel eylem çağrısı düğmeleri eklemek içindir. Sosyal paylaşım düğmeleri eklemek istiyorsanız, lütfen WordPress'te sosyal paylaşım düğmelerinin nasıl ekleneceğine ilişkin 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 kolaylaştırır.
Yeni Gutenberg WordPress blok düzenleyicisiyle birlikte WordPress 5.0'da tanıtılan yeni bir özelliktir.
Bu makalede, WordPress blog yazılarına ve sayfalarına harekete geçirici mesaj düğmeleri eklemenin üç farklı yolunu göstereceğiz. İhtiyaçlarınıza en uygun çözümü seçebilirsiniz.
Bu makalede kolayca gezinmek için aşağıdaki içerik tablosunu kullanmaktan çekinmeyin.
İçindekiler :
- Varsayılan Düzenleyiciyi Kullanarak WordPress Yazılarına / Sayfalarına Düğme Ekleme
- Klasik Düzenleyicide WordPress Düğmesi Oluşturma
- WordPress'te Tıkla ve Ara Düğmesi Ekleme
Video öğretici
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
Bu yöntem daha kolaydır ve çoğu kullanıcı için önerilir. Yeni WordPress düzenleyicide yerleşik Düğme bloğunu kullanır. Hala eski klasik düzenleyiciyi kullanıyorsanız bir sonraki bölüme geçebilirsiniz.
İlk olarak, yeni bir gönderi oluşturmanız veya bir düğme eklemek istediğiniz mevcut bir gönderiyi düzenlemeniz gerekir.
Gönderi düzenleme ekranınızda, Yeni Blok eklemek için '+' simgesine tıklayın ve Düzen Öğeleri bölümünün altındaki Düğme bloğunu seçin.
Ardından, içerik düzenleyiciye eklenen düğme bloğunu görebilmeniz gerekir.
'Metin ekle…' alanına tıklayın ve düğme metninizi girin.
Daha sonra link vermek istediğiniz sayfanın URL'sini butonun altındaki 'URL'yi yapıştır veya aramaya yaz' alanına yapıştırmanız gerekmektedir.
Bittiğinde, Uygula simgesine tıklayın.
Düğmeyi ortada görüntülemek istiyorsanız, yukarıdaki blok araç çubuğunuzdaki Ortaya Hizala simgesine tıklayabilirsiniz.
Ardından, sağ taraftaki blok ayarları panelinden düğme stilinizi özelleştirebilir, arka plan rengini değiştirebilir ve metin rengini değiştirebilirsiniz.
Seçebileceğiniz üç düğme stili vardır: varsayılan, anahat ve kare. Her birini üzerlerine 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 değil, Özel Renk seçeneğine tıklayarak istediğiniz özel rengi de kullanabilirsiniz.
Düğme tasarımından memnun kaldığınızda, yayınınızı kaydedebilir veya canlı bir önizleme görmek için 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. Bağlı kuruluş bağlantıları, giden bağlantılar ve özel etkinlikler için yerleşik etkinlik takibine 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 ölçümlerine bakın.
Klasik Düzenleyicide WordPress Düğmesi Oluşturma
Gutenberg blok düzenleyici daha hızlı ve daha kolay olsa da, birçok kullanıcı hala eski Klasik WordPress düzenleyiciyi tercih ediyor. Onlardan biriyseniz, WordPress sitenize düğme eklemek için alternatif bir çözüm bulmanız gerekir.
WordPress Klasik Düzenleyici'de düğme eklemek için başlıca üç seçenek vardır.
- HTML / CSS kodu ile WordPress'te düğme ekleyin.
- WordPress düğme kısa kod eklentisi ile WordPress'te düğme ekleyin.
- Kısa kod kullanmadan WordPress'te düğme ekleyin.
Üç seçenekten ilki kodlama yöntemidir. HTML / CSS kodu yazmanız ve bir butona ihtiyacınız olan her yere web sitenize eklemeniz gerekecek. Yeni başlayanlar için uygun değildir.
İkinci seçenek en sık 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üğmeler eklemenizi sağlar.
Kısa kod kullanmadan WordPress'e nasıl düğme ekleneceğine 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, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakı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 Ekle Düğmesine tıklamanız gerekir. Bu, yeni düğmenizi tasarlayabileceğiniz bir açılır pencere açacaktır.
İ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, bağlantınıza nofollow etiketi ekleyebilir ve aşağıdaki onay kutusu seçeneklerine tıklayarak 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 arkasına ekleyebileceğiniz simgeleri görebileceksiniz.
Bu simgeler aslında simge yazı tipleridir (WordPress yazı düzenleyicide 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üyü tıklayın. Kullanıma hazır sekiz farklı düğme stili vardır.
Benzer şekilde, düğme boyutunu çok küçükten çok büyüğe doğru da seçebilirsiniz.
Görünümden memnun kaldığınızda, Güncelle düğmesine tıklamanız yeterlidir.
Düğmenizi yayınınızda göründüğü gibi, doğrudan yayın düzenleyicisinin içinde görebileceksiniz.
Ayrıca, düğme metnini seçip klasik düzenleyicideki araç çubuğu düğmelerini kullanarak düğme hizalamasını da ayarlayabilirsiniz.
Düğmeye çift tıklamak, Düğme Ekle açılır penceresini açar ve isterseniz düğmenizi yeniden düzenleyebilirsiniz.
Tasarımından memnun kaldığınızda, yayınınızı yayınlayabilir veya güncelleyebilir ve hareket halinde görebilirsiniz. Demo WordPress web sitemizde süslü düğme bu şekilde göründü.
WordPress'te Tıkla ve Ara Düğmesi Ekleme
Her zamanki harekete geçirici mesaj düğmelerine ek olarak, olası satışları ve dönüşümleri artırmak için web sitenize tıkla ve ara düğmeleri de ekleyebilirsiniz.
Tıkla ve ara düğmesi, kullanıcılarınızın yalnızca bir dokunuşla ekibinize telefon araması yapmasına olanak tanıyan belirli bir eylem çağrısı düğmesi türüdür.
Tıkla ve ara düğmelerini kullanarak site ziyaretçileriniz ekibinizle anında yüz yüze konuşabilir ve ihtiyaç duydukları bilgileri alabilir. Bir teklif talebi, satış öncesi bilgiler veya destek sorunu tartışılırken, 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ı.
Bir iş telefonunuz yoksa, sanal bir iş telefonu numarası almayı düşünebilirsiniz.
Bununla birlikte, adım adım WordPress'te tıkla ve ara düğmelerinin nasıl ekleneceğine bir göz atalım.
Yapmanız gereken ilk şey, WP Call Button eklentisini kurmak ve etkinleştirmektir. Ayrıntılı talimatlar için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuzu inceleyebilirsiniz.
Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak ve tıkla ve ara düğmenizi tasarlamak için Ayarlar » WP Çağrı Düğmesi sayfasını ziyaret etmeniz gerekir.
İlk başta, Yapışkan Çağrı Düğmesi ayarlarını göreceksiniz. Yapışkan arama düğmesi, kullanıcılar sitenize göz atarken arama düğmesini kullanıcılarla birlikte hareket ettiren, dönüşüm için optimize edilmiş bir özelliktir.
Şimdi Ara Düğme Durumunu etkinleştirerek başlayabilirsiniz. Bunu etkinleştirmek için geçiş anahtarına tıklamanız yeterlidir.
Bundan sonra, telefon numaranızı girmeniz gerekir. WP Call Button, ülke kodunuzu içeren bir akıllı telefon numarası alanına sahiptir. Sadece ü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, arama düğmesi metninizi düzenleyebilir, arama düğmesi konumunu ve rengini seçebilirsiniz.
Ayrıca, web sitenizde yapışkan arama düğmesinin nerede gösterileceğini de seçebilirsiniz. Varsayılan olarak, tüm sayfalarda ve tüm cihazlarda arama düğmesini gösterir. Düğmeyi belirli sayfalarda göstermeyi veya gizlemeyi ve yalnızca mobil cihazlarda göstermeyi seçebilirsiniz.
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üğmesini hareket halinde görebilirsiniz.
Yapışkan çağrı düğmelerinin yanı sıra, bu eklentiyi kullanarak WordPress sayfalarınıza, gönderilerinize ve kenar çubuklarınıza statik çağrı düğmeleri de ekleyebilirsiniz.
Yeni WordPress blok düzenleyicisini kullanıyorsanız, WP Çağrı Düğmesi bloğunu kullanarak şimdi ara düğmesini kolayca sayfalarınıza ekleyebilirsiniz.
Yeni bir sayfa oluşturun veya mevcut bir sayfayı düzenleyin ve sayfa düzenleyicinize WP Çağrı Düğmesi bloğunu ekleyin.
Bundan sonra, düğme metnini, düğme rengini, metin rengini, 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üzenleyici kullanıyorsanız, kısa kod almak için Statik Çağrı Düğmesi oluşturucusunu kullanmanız gerekir. Ayarlar »WP Çağrı Düğmesine 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 Çağrı Düğmesi eklentisi, WordPress kenar çubuğunuza ve diğer widget'a hazır alanlara çağrı düğmesini eklemenize de olanak tanır.
Basitçe Görünüm » Widegts'e 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. Bittiğinde, widget'ınızı kaydedin.
Bu kadar! Daha ayrıntılı bir eğitim görmek istiyorsanız, WordPress'te tıkla ve ara düğmesinin nasıl ekleneceğine ilişkin adım adım kılavuzumuza göz atabilirsiniz.
WordPress'te Özel Düğmeler Eklemek İçin Bonus İpucu
WordPress'te tamamen özel harekete geçirici mesaj düğmeleri eklemek istiyorsanız, muhtemelen web sitenizin başlığına, menülerine ve diğer alanlara özel bölümlerin yanı sıra özel düğmeler eklemenize de olanak tanıyan bir çözüm arıyorsunuz.
Bu durumda, Beaver Builder veya Divi 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üğmeleriyle özel açılış sayfaları oluşturmanıza yardımcı olacaktır.
Ne yaparsanız yapın, düğmelerinizin nasıl performans gösterdiğini izlemeniz önemlidir çünkü tahmin etmek en iyi iş büyüme stratejisi değildir.
MonsterInsights'ı kullanmanızı öneririz. Bağlı kuruluş bağlantıları, giden bağlantılar ve özel etkinlikler için yerleşik etkinlik takibine 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 ölçümlerine bakın.
Bu makalenin, WordPress'e kolayca düğme eklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Küçük işletmeler için en iyi WordPress eklentileri ve en iyi e-posta pazarlama hizmetleri listemizi de 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.