WordPress'e özel bir buton nasıl eklenir?

Bir açılış sayfasındaki en önemli varlıklardan biri, harekete geçirici mesaj (CTA) düğmesidir. Bu, ziyaretçilerin bir kaynağı indirmek, e-posta listenize kaydolmak veya bir danışmanlık randevusu almak için tıkladığı öğedir. İyi tasarlarsanız dönüşümleri büyük ölçüde artırır; kötü tasarlarsanız, kullanıcılar sayfanızdan ayrılmadan önce onun yanından kayıp gidebilir.

Sonuç olarak, WordPress’te bir düğmenin nasıl ekleneceğini bilmek — diğer sayfalardaki sıradan düğmelerden sıyrılan bir düğme — yeni bir müşteri ile kaybedilmiş bir müşteri arasındaki fark olabilir. Ancak bu, söylemesi yapmasından kolay bir şey. WordPress, Gutenberg düzenleyicisinde düğme özelleştirme seçenekleri sunsa da bunlar temel düzeydedir. Kullanıcılar genellikle kafa karıştırıcı renk ayarları ve animasyon seçeneklerinin eksikliği nedeniyle zorlanır. CTA düğmenizi gösterişli hale getirmek isterseniz, Gutenberg düzenleyicisi sizi çok ileriye götürmez. 

WordPress düğme sınırlamalarını aşmak için iki seçeneğiniz var: Ağır bir üçüncü taraf blok veya eklenti kurun ya da sayfa hızınızı ve tema kodunuzu koruyan ücretsiz, hafif ve sunucusuz bir widget kullanın. Bu kılavuz, web siteniz için hangisinin en iyi olduğuna karar verebilmeniz amacıyla her seçeneğin nasıl çalıştığını açıklar.

Watch on youtube

How to Add a Custom Button to Wordpress

Seçenek 1: Özel bir WordPress düğme eklentisi kurun veya özel CSS kullanın

WordPress’in nasıl kullanılacağını öğreniyorsanız, düğmeleri özelleştirmek için üçüncü taraf eklentilere veya CSS koduna başvurabilirsiniz. Mevcut eklentileri WordPress yönetim kontrol panelinden bulabilir veya WordPress Düzenleyici’yi kullanarak kendi CSS’inizi ekleyebilirsiniz. 

Bu seçenekleri incelemeden önce, olası dezavantajların farkında olun:

• Bazı eklentiler aşırı miktarda JavaScript ve CSS kullanır; bu da sayfa yükleme sürelerini yavaşlatabilir ve Core Web Vitals puanınıza zarar verebilir. 
• Geliştiriciler eklentileri her zaman güncel tutmaz. Bu da gelecekte performans sorunlarına yol açabilir. Ayrıca takip etmeniz gereken bir şey daha ekler.
• Yanlış özel CSS, web sitenizin mevcut genel düğme ayarlarını geçersiz kılabilir; bu da sitenizdeki diğer düğmelerin görünümünü etkiler. Ayrıca sitenizin mobil uyumluluğunu da etkileyebilir.

En kolay seçenekle başlayalım: üçüncü taraf bir eklenti. Sitenizde bir eklenti bulup kurmak için şu adımları izleyin:

1. WordPress Yönetici kontrol panelinizde Eklentiler seçeneğine tıklayın. İhtiyacınız olan özelliği arama çubuğuna yazın. Bu örnekte “custom CTA button WordPress” yazdık.

2. Listeden bir eklenti seçin ve özellikleri hakkında daha fazla bilgi edinmek için üzerine tıklayın. En iyi WordPress eklentileri güncel olanlar, WordPress temanızla uyumlu olanlar ve olumlu kullanıcı yorumlarına sahip olanlardır. Beğendiğiniz bir seçenek bulduğunuzda Şimdi Kur‘a tıklayın.

3. Eklenti kurulumunu tamamladığında Etkinleştir düğmesine tıklayın. Özel düğmenizi oluşturmak için geliştiricinin talimatlarını izleyin. 

CSS konusunda bilgiliyseniz, kendi özel CTA düğmenizi kodlayabilirsiniz. Bunu yapmak için şu adımları izleyin:

1. WordPress yönetici kontrol panelinizde Görünüm > Düzenleyici‘ye tıklayın. Klasik veya üçüncü taraf bir tema kullanıyorsanız Görünüm > Özelleştir‘e tıklayın. 

2. Stiller > ⋮ > Ek CSS‘e tıklayın. Klasik ve üçüncü taraf temalarda Ek CSS‘e tıklayın.

3. Düğmenizin özel CSS kodunu metin kutusuna yazın.

Kendi düğmenizi kodlamak yerine, WordPress için özel bir CSS alternatifi deneyebilirsiniz: Jotform Düğme Widget’ı. Bu seçeneği bir sonraki bölümde inceliyoruz.

Seçenek 2: Ücretsiz, özelleştirilebilir bir düğme widget’ı ekleyin (önerilir)

Jotform Düğme Widget’ı ile benzersiz gradyanlar, simgeler ve fareyle üzerine gelme efektleri içeren bir CTA düğmesi oluşturabilirsiniz. Bu seçenek, güvenilir bir barındırılan gömme üzerinden çalıştığı için sitenizin CSS’ini etkilemez veya yükleme hızını düşürmez.

Bunu kullanmak için düğmenizi Jotform’da yapılandıracak ve özel düğmeyi özel bir HTML bloğu kullanarak WordPress’e gömeceksiniz. İhtiyaçlarınıza uygun kusursuz, duyarlı ve bağımsız bir düğmeyle anında güncellenir. Denemek için şu adımları izleyin:

1. Jotform Düğme Widget’ına gidin ve düğmenizle ilgili temel bilgileri doldurun. Devam Et‘e tıklayın.

2. Renkler, simgeler ve diğer stil seçeneklerini ekleyin. Köşe stilini, dolguyu, metin boyutunu ve yazı tiplerini ayarlayabilir veya ekstra vurgu için gölge ekleyebilirsiniz. İşiniz bittiğinde Devam Et‘e tıklayın.

3. Düzen seçeneklerinizi gözden geçirip seçin, ardından Web sitenizde ücretsiz deneyin‘e tıklayın.

4. Jotform’da ücretsiz bir hesap oluşturmak için talimatları izleyin, ardından gömme kodunu kopyalayıp WordPress web sitenizdeki bir Özel HTML bloğuna yapıştırın. Düğmenin görünmesini istediğiniz sayfayı ve bölümü seçtiğinizden emin olun.

Jotform’un ücretsiz, kodsuz WordPress harekete geçirici mesaj alternatifi, düğmenizin görünümü ve işlevselliği üzerinde tam kontrol sağlar. İster metni, renkleri ve kenarlık yarıçapını özelleştirmek, ister fareyle üzerine gelme animasyonu eklemek isteyin, Jotform bu görevin üstesinden gelir. 

WordPress sitenizi akıllı, sunucusuz widget’larla güçlendirin

Jotform, özel düğme tasarımından çok daha fazlasını sunar. Dönüşümleri en üst düzeye çıkaran, sayfa şişkinliğini ortadan kaldıran ve yıldırım hızında yükleme hızları için sitenizin veritabanını hafif tutan diğer araçları bulmak için ücretsiz web sitesi widget’ları dizinimizde arama yapın. En sevilen widget’larımızdan bazıları şunlardır:

• Google Yorumları Widget’ı: Markanızın Google yorumlarını tercihlerinize göre gösterir
• Geri Sayım Sayacı Widget’ı: Ziyaretçilere, bir etkinliğe kaydolmak gibi belirli bir eylemi gerçekleştirmek için ne kadar süreleri kaldığını gösterir
• SSS Widget’ı: Medya açısından zengin yanıtlar ve özel stil seçenekleriyle aranabilir bir SSS aracı sunar
• WordPress Formları: Özel formlar oluşturup bunları web sitenize gömmenizi sağlar

Bir içerik üreticisi, blog yazarı veya pazarlamacı olarak odak noktanız, CSS veya eklentilerle uğraşmak değil, olağanüstü içerik üretmek ve dönüşüm hunilerini optimize etmektir. Jotform’un ücretsiz, sunucu dışı araçları, premium ve yüksek dönüşüm sağlayan özellikleri dakikalar içinde devreye almanıza olanak tanır; böylece en iyi yaptığınız işe geri dönebilirsiniz. Jotform ile bugün başlayın.