İyi Bir CTA Nasıl Olur? Buton Metni, Rengi ve Konumu

CTA (call to action), ziyaretçiden yapmasını istediğiniz şeyi söyleyen buton ya da bağlantıdır. “Teklif al”, “Randevu oluştur”, “Sepete ekle” gibi. Sitenin geri kalanı ikna eder, CTA o iknayı eyleme çevirir.

Proje toplantılarında buton renginin uzun uzun tartışıldığı sık görülür. Kırmızı mı daha çok tıklanır, turuncu mu? Bizim deneyimimiz şu: renk önemli ama metin daha önemli. Gri bir butonda doğru cümle, parlak turuncu bir butondaki “Gönder”den çoğu zaman daha iyi çalışır.

Buton metni: fiil ve sonuç

İyi bir buton metni bir fiil içerir ve tıklayınca ne olacağını söyler. Ziyaretçi butona basmadan önce kafasında küçük bir hesap yapar: “Basarsam ne olacak, beni bir şeye bağlayacak mı?” Metin bu soruyu cevaplarsa tereddüt azalır.

Tıklamanın bedelini düşüren küçük eklemeler de işe yarar. “Ücretsiz keşif randevusu al” ifadesindeki “ücretsiz” kelimesi ya da butonun hemen altındaki “Kredi kartı gerekmez” satırı gibi. Bunları yalnızca doğruysa yazın tabii; doğru olmayan bir “ücretsiz” vaadi hem güveni hem de sizi hukuken zor durumda bırakabilir.

Renk ve kontrast

Renk konusunda temel kural şu: ana buton sayfada öne çıkmalı. Bu, sitenin geri kalanında az kullanılan bir renk seçmek demek. Sitenin her yeri turuncuysa turuncu buton kaybolur.

Kontrast da erişilebilirlik meselesi. Açık gri zemin üstünde beyaz yazılı bir buton, güneşte telefona bakan biri için okunmaz. Butonun en az 44 piksel yüksekliğinde olması, başparmakla rahat basılması için iyi bir alt sınır.

İkinci derecedeki eylemler (örneğin “Fiyatları incele”) ana butonla yarışmamalı. Onları çerçeveli ya da metin bağlantısı olarak gösterin.

Konum ve tekrar

Ana CTA ilk ekranda görünmeli. Ama ziyaretçilerin bir kısmı karar vermek için sayfayı sonuna kadar okur ve sonda butonu arar. O yüzden uzun bir sayfada aynı eylemi birkaç kez tekrarlamak normaldir: ilk ekranda, fiyat ya da süreç bölümünden sonra ve sayfanın sonunda.

Tekrar ederken aynı eylemi tekrarlayın, farklı eylemler eklemeyin. Bir sayfada “Teklif al”, “Bizi arayın”, “Bültene abone ol” ve “Kataloğu indir” yan yana duruyorsa ziyaretçi hangisini seçeceğini bilemez ve çoğu zaman hiçbirini seçmez.

Mobilde ekranın altına sabitlenen bir buton ya da arama butonu, özellikle hizmet işletmelerinde iyi çalışabiliyor.

Butonun etrafındaki küçük metin

Butonun hemen yanına ya da altına yazılan bir satır, çoğu zaman butonun kendisi kadar iş görür. Ziyaretçinin son anda aklına gelen itirazı orada cevaplarsınız: “Telefon numaranız yalnızca bu talep için kullanılır”, “Mesai saatlerinde aynı gün dönüş yapıyoruz”, “İstediğiniz zaman iptal edebilirsiniz”. Bu cümlelerin her biri gerçekten uyguladığınız bir şeyi anlatmalı.

Form butonlarında da aynı mantık geçerli. Formun sonundaki buton, formun ne işe yaradığını tekrar etmeli. Beş alanı doldurmuş birinin son gördüğü kelime “Gönder” olmamalı; “Ücretsiz keşif talebimi gönder” ona neye imza attığını hatırlatır.

Zayıf ve güçlü örnekler

• “Gönder” yerine “Teklifimi 24 saat içinde gönderin”
• “Tıklayın” yerine “Örnek siteleri gör”
• “Daha fazla bilgi” yerine “Paket içeriğini incele”
• “Başvur” yerine “Ücretsiz deneme dersine kaydol”
• “İletişim” yerine “WhatsApp'tan fiyat sor”
• “Satın al” yerine “Sepete ekle, kargo bedava”

Sağdaki örneklerde vaat ettiğiniz şeyi gerçekten yapabiliyor olmanız gerekiyor. 24 saat içinde dönemiyorsanız bunu yazmayın; “kargo bedava” gibi bir vaadin koşulu varsa (örneğin belirli bir sepet tutarı) bunu da butonun yanında açıkça belirtin. Kırılan söz, zayıf bir butondan daha çok zarar verir.

CTA tek başına mucize yaratmaz. Dönüşümü etkileyen diğer değişiklikleri ayrı bir yazıda sıraladık, kampanya sayfalarında tek CTA mantığını da landing page yazısında anlattık. Ama bu hafta tek bir şey değiştirecekseniz, sitenizdeki “Gönder” butonlarını bulun ve ne olacağını söyleyen bir metinle değiştirin.