WordPress'te Eyleme Çağrı Düğmesi Nasıl Eklenir

Yayınlanan: 2022-09-13

WordPress sitenize bir harekete geçirici mesaj düğmesi eklemek istiyorsanız, bunu yapmanın birkaç farklı yolu vardır. Bunun bir yolu, WP Call to Action gibi bir eklenti kullanmaktır. WP Call to Action ile, harekete geçirici mesaj düğmelerinizi kolayca oluşturabilir ve özelleştirebilir ve ardından bunları gönderilerinize ve sayfalarınıza ekleyebilirsiniz. Alternatif olarak, sitenizdeki herhangi bir yere harekete geçirici mesaj düğmenizi eklemek için bir kısa kod da kullanabilirsiniz. Bir eklenti kullanmak istemiyorsanız, HTML ve CSS kullanarak WordPress sitenize bir harekete geçirici mesaj düğmesi de ekleyebilirsiniz. İlk olarak, HTML kullanarak bir düğme oluşturmanız gerekecek. Ardından, sitenizin tasarımına uyması için CSS kullanarak stil verebilirsiniz. Düğmenizi oluşturduktan sonra, HTML kodunu kopyalayıp görünmesini istediğiniz gönderiye veya sayfaya yapıştırarak WordPress sitenize ekleyebilirsiniz.

Düğmeler, web sitenizdeki dönüşüm oranlarını artırmanın mükemmel bir yoludur. Varlıkları dikkat çekicidir, bu da kullanıcıların dikkatini onlara geri çekmelerini sağlar. Bu makalede, WordPress'e nasıl kolayca harekete geçirici mesaj düğmeleri ekleyeceğinizi göstereceğiz. Düğme eklemenin üç yöntemi vardır: ihtiyaçlarınıza en uygun olanı seçin. Düğmeyi ortada görüntülemek için yukarıdaki blok araç çubuğunda Ortaya Hizala simgesine tıklanmalıdır. Üç düğme stili arasından seçim yapabilirsiniz: varsayılan, anahat ve kare. Seçtiğiniz özel bir renk, Özel Renk düğmesine tıklayarak profilinize eklenebilir.

Gönderinize yeni bir düğme eklemek için Forget About Shortcode Buttons eklentisinin kurulu ve etkinleştirilmesi gerekir. Eklentiyi etkinleştirdikten sonra, yeni bir gönderi oluşturabilir veya mevcut bir gönderiyi düzenleyebilirsiniz. Her biri kendi boyutuna ve metin rengine sahip sekiz farklı düğme stili mevcuttur. Klasik düzenleyicinin araç çubuğu düğmeleri, düğme metnini seçmeye ve düğme hizalama oklarını kullanmaya ek olarak düğmeleri hizalamanıza olanak tanır. Bir tür harekete geçirici mesaj düğmesi olan ekibinize bir telefon görüşmesi yapmak için tıkla ve ara düğmesine dokunmanız yeterlidir. Akıllı telefon kullanıcılarının sayısı arttığından, şimdi ara düğmelerini tanıtmanın şimdi tam zamanı. Halihazırda bir iş telefon numaranız yoksa, bir tane almayı düşünebilirsiniz.

Klasik WordPress kullanıyorsanız, Statik Çağrı Düğmesi oluşturucuyu kullanmanız gerekecektir. Kısa kodu bundan sonra web sitenizdeki herhangi bir gönderiye veya sayfaya ekleyebilirsiniz. WP Çağrı Düğmesi eklentisi, kenar çubuğunuz da dahil olmak üzere WordPress web sitenizin widget'a hazır herhangi bir alanına çağrı düğmesini eklemenize olanak tanır. Bu makale, WordPress'te düğmeleri nasıl hızlı bir şekilde kullanacağınızı öğrenmenize yardımcı olacaktır. MonsterInsights, bağlı kuruluş bağlantıları, giden bağlantılar ve özel etkinlikler için yerleşik etkinlik izleme özelliğine sahiptir. WordPress'te izlenmesi gereken önemli pazarlama ölçümleri hakkında daha fazla bilgiyi burada bulabilirsiniz. WordPress video eğitimleri hakkında daha fazla bilgi edinmek istiyorsanız, lütfen YouTube Kanalımıza abone olun.

Web Sitesinde Eyleme Çağrı Düğmesi Nasıl Eklenir

Kredi bilgileri: bilgi.knorish.com

Bir web sitesine harekete geçirici mesaj düğmesi eklemenin birkaç yolu vardır. Bir yol, bir web sitesine özel düğmelerin eklenmesine izin veren bir eklenti veya uzantı kullanmaktır. Başka bir yol, istenen bir eyleme veya sayfaya bağlanan bir düğme oluşturmak için HTML kodunu kullanmaktır.

Tel Ekleme: Web Sitenize Bağlantı

Şimdi aşağıdaki kodda web sitemize bir bağlantımız var. Firma ile iletişime geçmek için 123-456-7890 numaralı telefon aranacaktır.

Başlıkta WordPress Eylem Düğmesine Çağrı

Kredi: YouTube

Başlıktaki bir WordPress harekete geçirici mesaj düğmesi, ziyaretçilerin sitenizde işlem yapmasını sağlamanın harika bir yolu olabilir. Bu, bir bültene kaydolmaktan satın alma işlemine kadar her şey olabilir. Başlıkta bir düğme bulundurarak, ziyaretçilerin yapmalarını istediğiniz işlemi yapmalarını kolaylaştırabilirsiniz.

Harekete geçirici mesaj düğmesi, sayfanın başlık bölümüne yerleştirilmelidir. Bu fırsatı, kullanıcılarınızı düğmenin işlevselliği hakkında bilgilendirmek için kullanabilirsiniz. Bu, yeni Kajabi Sayfaları Temalarına genel bir bakıştır. Premier Temaları kullanıyorsanız lütfen Premier Eski Temalar kılavuzuna bakın. Düğme Metin Rengi bağlantısını tıklayarak sitenizin renk paletinden bir renk seçebilirsiniz. Kenarlığı istediğiniz şekle ayarlayarak, Harekete Geçirici Çerçevenizi daha yuvarlak veya kare yapabilirsiniz. Streç Blok ve Blok Hizalama ayarları bloklarınızı hizalamak ve konumlarını belirlemek için kullanılabilir. Başlıktaki bloğunuzun yatay hizalaması sola, ortalanmış veya sağa hizalı görünecek şekilde ayarlanmalıdır.

WordPress Sitenize Eylem Çağrısı Düğmesi Nasıl Eklenir

Aşağıdaki adımlar, WordPress sitenize bir harekete geçirici mesaj düğmesi ekleme sürecinde size yol gösterecektir. WP Çağrı Düğmesi, WordPress Kontrol Panelinizin Eklentiler bölümünde bulunabilir. Menüden Ayarlar'ı seçin ve ardından Şimdi Ara Düğmesi açılır menüsünden telefon numaranızı seçin. Kaydet'e tıkladığınızda artık herhangi bir ek bilgi girmeniz gerekmeyecek. WP Çağrı Düğmesi eklentisi, aşağıdaki kısa kodu ekleyerek kullanılabilir ve ardından harekete geçirici mesaj düğmesinin görünmesini istediğiniz gönderiye veya sayfanıza yapıştırın. [WPCallbutton call_button]*br=1/555 / [Call button_button_text]*br=12[/Call button_text ] // çağrısı yapın. WordPress kenar çubuğunuzdaki harekete geçirici mesaj düğmesini kullanmak istiyorsanız WP Kenar Çubuğu Widget eklentisi gereklidir. WP Kenar Çubuğu Widget eklentisini kurduktan sonra eklentinin ana penceresindeki Yeni Ekle düğmesine tıklayarak yeni bir kısa kod ekleyebilirsiniz. WP sidebar_clicked button_text'e basın

Harekete Geçirici Çağrı Düğmesi WordPress Eklentisi

Web sitenize bir eylem çağrısı düğmesi eklemenize yardımcı olabilecek birçok harika WordPress eklentisi var. Ancak, yüzen bir harekete geçirici mesaj düğmesi eklemenize izin verecek bir eklenti arıyorsanız, “Kayan Harekete Geçirici Çağrı Düğmesi” adlı WordPress eklentisine göz atmalısınız. Bu eklentinin kullanımı çok kolaydır ve düğmenizi özelleştirmek için size çeşitli seçenekler sunar. Ayrıca, eklentinin kullanımı da tamamen ücretsizdir.

GreenGeeks' WordPress'te Harekete Geçirici Çağrı Düğmesi Nasıl Eklenir. Harekete geçirici mesaj düğmesi belirgin bir konuma yerleştirilebilir ve sayfa kaydırılırken görüntülenebilir. Bu kursta, ziyaretçiyi sitenizdeki başka bir sayfaya götüren bir CTA düğmesinin nasıl oluşturulacağını gözden geçireceğiz. Düğmenin yanında görünen etiketin boyutunu, üzerine tıklayarak da değiştirebilirsiniz. Eklentinin ücretsiz sürümünde, animasyonlu ve düzen için iki animasyon seçeneği vardır. Ayarları değiştirerek etiketi bu şekilde gizleyebilir veya gösterebilirsiniz. Bir düğme simgesinin simge boyutunu değiştirebilir, ayrıca Düğme Simgesi bölümünde her düğme için farklı bir simge seçebilirsiniz.

Buttonizer'ı kullandığınızda, düğmelerinize Google Analytics'i ekleyebilirsiniz. Kod zaten mevcutken Analytics kodunu mevcut bir sayfaya eklerseniz Google, hedef sayfanın iki kez açıldığını varsayar. Her zaman görünür olma yeteneği, kayan veya sıkışmış bir CTA'nın bir avantajıdır.

WordPress Düğmesi

WordPress düğmesi , kullanıcıların bir web sitesi veya web uygulamasıyla etkileşime girmesine olanak tanıyan grafiksel bir kontrol öğesidir. Genellikle formları göndermek, eylemleri tetiklemek veya yeni sayfalara gitmek için kullanılırlar. Düğmeler, kullanıcılara görsel geri bildirim sağlamak için genellikle CSS kullanılarak biçimlendirilir.

Düğme, sosyal simgeler oluşturmak ve düğmeleri paylaşmak için kullanılabilen bir WordPress düğme oluşturucu eklentisidir . Canlı önizleme modunda yedi sosyal düğme grubu görüntülenir ve css3 2D ve 3D düğmeler gibi dokuz diğer düğme türü görüntülenir. Button ücretsiz bir açık kaynaklı programdır. Bu eklenti bir dizi katkıda bulunanlar tarafından yapılmıştır.

WordPress'te Düğmeleri Nasıl Gösterebilirim?

Basitçe Görünümü seçin WordPress kontrol panelinizi ziyaret ettiğinizde, bir menü sayfası bulacağınız navigasyon menünüze yönlendirileceksiniz. Ekran Seçenekleri düğmesi, sayfanın üst kısmında bulunur. Bunu tıkladığınızda, çeşitli seçenekler içeren bir açılır menü belirir.

WordPress'te Düğme Renkleri ve Metin Nasıl Değiştirilir

Birkaç basit adımda birkaç basit WordPress düğmesi oluşturabilirsiniz. Başlamak için Görünüm'e gidin. Bağlantılar menüsü bu bölümde bulunur. Bu penceredeki renk ikonuna tıklayarak butonlarınızın rengini değiştirebilirsiniz. İstediğiniz rengi kaydetmek için düğme renginin yanındaki metin alanına girin ve kaydet düğmesine basın. Butonlarınızın üzerindeki yazıları değiştirmenin yanı sıra buton metninin yanındaki butona görünmesini istediğiniz metni yazıp ardından kaydet butonuna tıklayarak değiştirebilirsiniz.

Etkili Cta Düğmeleri

Etkili bir CTA düğmesi açık, özlü ve dikkat çekicidir. Web sitenizde veya açılış sayfanızda göze çarpan bir yere yerleştirilmeli ve bulunması ve tıklanması kolay olmalıdır. Düğme, kullanıcının yapmasını istediğiniz teklif veya eylemle de alakalı olmalıdır.

Harekete geçirici mesaj düğmesi (CTA düğmesi), bir web sitesinde kullanıcılara nasıl işlem yapacaklarına ilişkin talimatlar veren bir düğmedir. Açılış sayfaları, kullanıcıları dönüştürmeye ve web sitelerinin tıklama oranını artırmaya teşvik etmek için harekete geçirici mesaj (CTA) mesajlarıyla sıklıkla kullanılır. IKEA'nın ana sayfası hem Daha fazla bilgi hem de Tüm hizmetleri görüntüle CTA tasarımı sunar. CTA'ya tıklayan ziyaretçiler, dönüşüm sürecinde bir sonraki sayfaya veya adıma yönlendirilir. Yankee Candle, ödeme için ürün eklemekten alışveriş sepetini yüklemeye kadar tüm ödeme sayfalarında aynı CTA tasarımını kullanır. En etkili harekete geçirici mesaj düğmelerini tasarlamanın sırrı, temel ilkelere bağlı kalmaktır. Bu 19 en iyi uygulama, etkili CTA düğmeleri geliştirmenize yardımcı olacaktır.

Unutulmaz görüntülere sahip güçlü bir renk seçmek ve aynı zamanda bir serif veya sans-serif yazı tipi seçmek en iyi seçeneklerden bazılarıdır. Web sitesi tasarımcılarının CTA düğmelerini tasarlarken boyutların hiyerarşisini göz önünde bulundurmaları çok önemlidir. CTA'lar birincilse, H1 ve H2'nize mümkün olduğunca yakın olmalıdırlar. Okunabilir ve tıklanabilir oldukları sürece daha küçük olabilirler. Tasarımınızın ana unsurları beyaz boşluk yardımıyla biraz daha rahat nefes alabilir. Tasarımcılar CTA butonlarını tasarlarken bir markanın estetiğini göz önünde bulundurmalıdır. Ayrıca tasarım trendlerinde güncel kalmaları gerekiyor.

Örneğin, neomorfizm hızla popülerlik kazanıyor. Web sitenizin tamamı düz ise neomorfik bir düğme tasarımı kullanmak iyi bir fikir değildir. Tıklanabilir olmayan öğelerle çevrelendiğinde tıklanabilir bir düğme tıklanabilir görünmelidir. Gördüğünüz gibi, bir düğme dikdörtgen veya oval bir şekil şeklindedir. Bir düğmeye eğimli kenar eklemek için arka plana gölge de ekleyebilirsiniz. Bazı sayfalar, sayfanın üst kısmındaki CTA ile doldurulmalıdır. Butonlarınızı ziyaretçilerinizin sayfada nerede olacaklarını tahmin ederek onların yoluna yerleştirebilirsiniz.

CTA düğmelerinizin, web sitesindeki diğer öğelerle dikkat çekmek için rekabet edecek şekilde tasarlanmadığından emin olun, böylece ziyaretçiler bunları bulmakta zorluk çekmez. İnsanlar Merrill Lynch'in web sitesini ziyaret ettiğinde, ilk kez Başlarken düğmesini görürler. Bir düğme üzerine gelme durumundayken, onu çeşitli şekillerde canlandırabilirsiniz. Sonuçları, markanızın geri kalanına uyduğundan emin olarak görebilirsiniz. Bir sitedeki bir düğme Planla diyorsa, ziyaretçilerin randevularını çevrimiçi olarak planlayabilecekleri bir sayfaya gitmesi gerekir. Düğme metninin başındaki fiil, kullanıcılarınızın tıklaması için başka bir bağlantıdan ziyade bir harekete geçirici mesaj gibi görünmesini sağlamak için kullanılmalıdır. Sayfa bağlamında anlamlıysa, ünlem işaretini ikincil bir işaret olarak kullanın.

Tıklamaları artırmak için düğmenizin kaç kelimeye ihtiyacı olduğuna gelince, belirlenmiş bir kural yoktur. Çevreleyen metin ziyaretçilerin harekete geçmesini kolaylaştırıyorsa, her zaman aksiyon dolu bir metin yazmanız gerekmez. Özel harekete geçirici mesajlar kullanırken daha uzun bir düğme kullanmanız gerekebilir. CTA düğmesi, ziyaretçilerin web sitenizin bir sayfasından diğerine geçmesi için gereklidir. Tıklamalar ve dönüşümler için uygun şekilde büyütüldüğünden emin olmak için sitenin varyasyonlarını test etmek çok önemlidir. A/B testi için bir buton tasarımı seçtiyseniz, bu temel adımları izlemelisiniz. CTA düğmeleri oluştururken, düzenlemeyi basitleştirin ve değiştirmesi kolay bir format kullanın.

Düğmenizin tasarımının gerektiği gibi iyileştirilmesi için bir seferde bir öğe test edilebilir. Testten sonra yapılan değişiklikler sonucunda dönüşüm oranınızın artacağı veya düşeceği kesindir. A/B testi, web sitenizi ziyaret edenlerin %50'sinin orijinal tasarımınızı ve %50'sinin bir varyantı göreceğini ortaya koymaktadır. Bu bölümde, varyantınız ve orijinali için dönüşüm oranlarını karşılaştıracaksınız. Varyantın, hipotezinize kanıt sağlamak için orijinalden daha iyi performans göstermesi bekleniyor.