Dönüşüm sağlayan son derece etkili bir CTA tasarlamak için 10 adım

Yayınlanan: 2021-06-13

Web sitenizin asıl amacını biliyorsunuz, ancak ziyaretçileriniz biliyor mu?

Web'deki en iyi ürüne, kullanıcı dostu bir arayüze sahip muhteşem bir web sitesine ve etkili SEO tekniklerinizden çok sayıda trafik oluşturmaya sahip olabilirsiniz. Ancak ziyaretçilerinizin sitenize geldiklerinde ne yapmalarını istediğiniz çok net değilse, onları kaybettiniz.

“Ziyaretçileri müşterilere dönüştürmekte zorlanıyorsanız, muhtemelen CTA'larınıza biraz dikkat etmeniz gerekiyor.

CTA nedir?

Harekete geçirme çağrısı veya CTA, web sitenizde görünen ve okuyucuları belirli bir eylemde bulunmaya davet eden bir toplanma çağrısıdır. Birincil işi, insanların dikkatini çekmek ve onları dönüşüm huninizden aşağı yönlendirecek bir şey yapmaya teşvik etmektir.

Ortak CTA'lar şunları içerir:

  • Bir e-Kitap, kılavuz veya kupon kodu indirin
  • Bir e-posta bültenine kaydolun
  • Ücretsiz deneme başlatın
  • Daha fazla bilgi edin
  • Sepete ekle
  • Ücretsiz danışmanlık alın

CTA'lar, altı çizili metin, simgeler ve resimler dahil olmak üzere birkaç farklı biçime sahiptir, ancak düğmeler genellikle en yaygın olanlarıdır.

Şekilleri ve harfleri gösteren birkaç renkli düğme

CTA'nızın önemi

CTA'nız, ziyaretçileri müşteriye dönüştüren temel adımdır; markanızın başarısının kapı bekçisidir. Bu nedenle kendi tasarım kurallarını talep ederler. Dönüşümler üzerinde büyük bir etki yaratma potansiyeline sahip küçük değişikliklerle, bunu doğru yapmanız çok önemlidir.

İşte son derece etkili CTA'lar tasarlamak için en iyi on uygulama.

1. Renk

CTA butonunuzun rengi, yapacağınız en önemli tasarım seçimlerinden biridir. Sayfadaki diğer öğelerden öne çıkması için görsel olarak çarpıcı olması gerekir.

CTA'lar için hangi rengin en iyi performansı gösterdiği konusunda pek çok tartışma var. Gerçek şu ki, tek bir renk sihirli bir dönüştürücü değnek değildir - hedef kitleniz ve sitenizin renk şeması dahil olmak üzere birçok şeye bağlıdır.

Ancak görsel hiyerarşi önemlidir, bu nedenle seçtiğiniz renk sayfadaki diğer her şeyden farklı olmalıdır. Bu nedenle zıt renkler tercih edilmelidir.

Sitenizin geri kalanıyla kontrast oluşturan, ancak genel tasarıma uyan canlı bir renk seçin.

Freshbooks web sitesi CTA ekran görüntüsü, iki form kutusu ve "Ücretsiz deneyin" yazan yeşil bir düğme

2. Nefes alması için yer verin

Etrafınızda çok fazla alan bulunan veya dağınıklık ve dağınıklıkla çevrili güzel, temiz bir masada en iyi şekilde mi çalışırsınız? Çoğu insan için temiz bir masa, açık bir zihin ve odaklanmayı sürdürme becerisine eşittir.

Aynısı CTA'nız için de geçerlidir. Etrafına sağlıklı bir negatif boşluk parçası eklemek, gerekli nefes alma alanı yaratır ve onu arayüzünüzdeki diğer öğelerden ayırır. Çok önemli düğmenin etrafına ne kadar az dikkat dağıtıcı şey eklerseniz, dönüşüm yapma şansınız o kadar artar.

3. Eylem odaklı metin

"Daha fazla bilgi için girin" gibi sıkıcı, sıkıcı metinleri unutun ve ne yaparsanız yapın, insanların "göndermesini" beklemeyin. Okuyucularınızı belirli bir eylemde bulunmaya teşvik etmek istiyorsanız, “indir”, “dene”, “katıl” veya “başla” gibi ilgi çekici, eyleme yönelik bir dil kullanın, böylece insanlar bir sonraki adımda ne yapmaları gerektiği konusunda net olurlar. .

Metniniz kısa olmalıdır - ideal olarak iki ila yedi kelime arasında - ancak ziyaretçinin eylemi takip ettiğinde ne alacağını tam olarak iletmelidir. Zekice veya kafa karıştırıcı kelimelerle deney yapmanın yeri burası değil.

Araştırmalar, mesaj ne kadar kişisel olursa, o kadar başarılı olacağını göstermiştir. "Hesabını oluştur"u "Hesabımı oluştur" olarak veya "30 günlük ücretsiz denemeni başlat"ı "30 günlük ücretsiz denememi başlat" olarak değiştirmek, tıklama oranlarınızı %90'a kadar artırabilir.

4. Bir değer önerisi ekleyin

Okuyucularınızı belirli bir eyleme zorlamanın yanı sıra, metniniz tıkladıklarında elde edecekleri faydaları iletmelidir. İçinde ne olduğu net değilse, talimatlarınızı takip etmek için çok az nedenleri vardır.

Bunun harika bir örneğini Copyblogger'da görebilirsiniz:

copyblogger web sitesi CTA ekran görüntüsü. "Kanıtlanmış pazarlama eğitimine anında erişin—ücretsiz", "Ücretsiz eğitim alın" yazan yeşil bir düğmenin üzerinde bulunur

Copyblogger, metninde harika bir ikna edici kelime olan "ücretsiz" kelimesini içeriyor. “Bonus” veya “anında” benzer bir etkiye sahip olacaktır.

5. Aciliyet duygusu yaratın

Duygu, bir satın alma işlemi yaparken harika bir sürücüdür. Potansiyel müşteri yaratma için harika bir duygu meraktır ve birinin merakını uyandırmanın harika bir yolu, aciliyet ve kıtlık hissini körüklemektir.

Zaman sınırlı bir teklifte bulunarak ve bunu ücretsiz bir e-kitap veya belirli bir zaman diliminde kaydolursanız indirim gibi bir avantajla birleştirerek, insanları hala fırsat varken teklifi talep etmeye motive edeceksiniz. FOMO (kaçırma korkusu) harekete geçmek için güçlü bir motive edici olabilir. “Şimdi” kelimesini kullanmak bile ince bir aciliyet duygusu iletebilir.

6. Yerleştirme

CTA'nızın yerleşimi sıcak bir konudur. Geleneksel olarak, ekranın üst kısmı ideal nokta olarak görülüyordu, bu nedenle insanlar sayfaya geldiğinde kaçırılmayacak bir yerdi.

Ama bu her zaman böyle değildir. Satıcının, ürünün faydalarını açıklamadan önce "şimdi satın al" konuşmasıyla araya girdiği bir mağazadaysanız, satın alma işleminden vazgeçmeniz olasıdır.

Neil Patel, insanların genellikle kaydolmadan önce bir teklif hakkında daha fazla bilgi edinmek istediklerini keşfetti - araştırması, CTA ekranın üst kısmına yerleştirildiğinde dönüşümlerde %17'lik bir düşüş gördü. Bu, özellikle ürününüz karmaşıksa ve insanların taahhütte bulunmadan önce daha fazlasını bilmeleri gerekiyorsa geçerlidir.

Günün sonunda, teklifiniz yeterince ikna ediciyse, insanlar CTA'yı bulacaktır; onlar hazır olmadan önce onları zorlama. Uzun vadeli bir satış sayfanız varsa, sayfanın altına birkaç CTA serpmek iyi bir uygulamadır, çünkü insanlara hazır oldukları anda dönüşümü gerçekleştirme fırsatı verir.

Etkili CTA için klavyede yazan eller

7. Özel efektler

“CTA düğmenizin tasarımı söz konusu olduğunda tekerleği yeniden icat etmeyin. Düğmenin bir düğme gibi görünmesi gerekir, böylece insanlar tıklanabilir olduğunu bilir.

Düğme iyi bir boyutta olmalıdır; bir bakışta göze çarpacak kadar büyük, ancak içeriğin geri kalanına hükmedecek kadar büyük olmamalıdır. Düğmenin şekli, yuvarlatılmış köşelerin gözleri yormasıyla başarısını etkileyebilir ve gölgeleme, 3D efektler, ince gradyanlar ve oklar gibi özel efektlerle oynayabilir veya daha fazla rahatlık için PayPal veya kart logoları ekleyebilirsiniz. akıl.

Zorba olmadan büyük ve cesur olmak arasındaki doğru dengeyi bulmak, etkili bir CTA'nın anahtarıdır. Esasen, düğme ne kadar belirgin olursa, insanların tıklama olasılığı o kadar yüksek olur.

8. Seçenekleri azaltın

Çok fazla seçenek sunmak, ziyaretçileriniz için karar felcine neden olabilir ve bu da sitenizden tıklamalarına neden olabilir. Mümkün olduğunda, tek bir seçeneğe bağlı kalmak en iyisidir.

İki veya daha fazla seçenek eklemeniz gerekiyorsa, her zaman en önemli seçeneğe daha fazla görsel ağırlık verin. Bunu yapmak için, daha az önemli seçeneğe daha düşük bir kontrast rengi verin veya Starbucks'ın burada yaptığı gibi şeffaf hale getirin.

iki seçenekli starbucks web sitesi CTA ekran görüntüsü. Siyah zemin üzerine altın rengi "Şimdi Katıl" ve siyah "Giriş Yap"

Bazen, iki seçeneğin dahil edilmesi, insanların süreç üzerinde daha fazla kontrole sahip olduklarını hissetmelerine yardımcı olabilir ve bu da onları dönüştürme olasılığını artırır. Örneğin, "Evet lütfen, bana ücretsiz e-Kitabı gönder" ve "Hayır, teşekkürler, şimdilik iyiyim - belki daha sonra" gibi ilkini pekiştiren ikinci bir seçenek ekleyebilirsiniz.

Ancak, insanların ikinci düğmedeki metinle belirli bir karar vermeye neredeyse utandıkları örnekler gördüm. Bu, bazı insanları harekete geçmeye ikna edebilirken, daha fazlasını rahatsız etmeniz muhtemeldir, bu yüzden bu tekniği basit ve dikkatli bir şekilde kullanın.

9. İkna edici mesajlarla destek

CTA düğmesinin etrafına ek metin eklemek, tereddütlü umutları dalmaya ikna etmeye yardımcı olabilir. Bu, özellikle CTA'nız insanları ücretsiz denemeye kaydolmaya teşvik ediyorsa kullanışlıdır.

İkna edici mesajlar, "risk yok", "taahhüt yok", "kredi kartı gerekmez" veya "para iade garantisi" gibi garantileri içerebilir. Memnun müşterilerden veya gizlilik vaatlerinden gelen referansları da ekleyebilirsiniz.

Netflix, "Bir aylığına ücretsiz katıl" CTA'sından önce müşterinin "İstediği zaman iptal etme" olanağını ele alır.

netflix web sitesi CAT ekran görüntüsü

10. Test edin, test edin, test edin

CTA'nızı oluşturduktan ve tüm bu faydalı ipuçlarını uyguladıktan sonra işiniz bitmiyor! CTA'nızın istenen etkiye sahip olup olmadığını kontrol etmeniz gerekir.

Renk, mesaj, teklif, tasarım ve yerleşimdeki değişikliklerin dönüşüm oranlarınızı nasıl etkilediğini görmek için A/B testi yapın. Doğru kombinasyonu bulana kadar oynayın; bazen küçük, yapılması kolay değişiklikler büyük bir fark yaratabilir. CTA'nın etkili olmaya devam ettiğini görmek için periyodik olarak kontrol etmeyi unutmayın.

Çevrimiçi kopyanızda CTA'ları akıllıca kullanıyor musunuz? Etkili bir CTA tasarlamak için ipuçlarınız ve püf noktalarınız nelerdir? Aşağıdaki yorumlarda bize bildirin.