Tıklama alın: Etkili CTA tasarımı için 8 ipucu

Giriş

Google arama sonuçlarının ilk sayfasına ulaşmak ve hedef kitlenizin dikkatini çekmek gerçek bir zorluktur, çünkü insanlar ikinci sayfadaki bir sonuca nadiren tıklar. Sitenizi SEO için optimize etmek bu hedefe ulaşmak için bir zorunluluktur.

Ancak bu, ilk on sırada yer almanın varsayılan olarak size iyi bir dönüşüm oranı sağlayacağı anlamına gelmez. Web sitesi trafiğinde bir artış bekleyebileceğiniz doğrudur, ancak dönüşümler için çok önemli olan başka bir unsur daha vardır: etkili bir harekete geçirici mesaj.

Bir CTA'nın ana rolü, ziyaretçileri bir sonraki adıma yönlendirmek ve onları harekete geçmeye teşvik etmektir - bir bültene abone olmak, bir e-kitap indirmek, bir ürün veya hizmet satın almak veya bir deneme sürümüne kaydolmak.

Ancak, kötü tasarlanmış bir CTA, tıklama oluşturmada ve dönüşümleri kolaylaştırmada başarısız olacağından hiç yokmuş kadar iyidir.

Bu makalede, potansiyel müşterilerinizin tıklamadan edemeyeceği karşı konulmaz CTA'lar tasarlamaya yönelik en iyi ipuçlarını ele alacağız. Daha fazlasını öğrenmek için okumaya devam edin!

1. Yapışkan bir kenar çubuğu CTA'sı kullanın

CTA'lar tamamen ziyaretçilerin dikkatini çekmek ve tıklamalarını sağlamakla ilgilidir.

Ana sayfa veya blog yazıları gibi bazı web sayfaları çok fazla içeriğe sahiptir ve CTA'ların diğer tüm öğelerin arasına karışması ve neredeyse görünmez hale gelmesi kolaydır.

Yapışkan bir kenar çubuğu CTA'sı girin.

Bu kayan düğme bir web sayfasının yan tarafına sabitlenir ve kullanıcı sayfayı yukarı ve aşağı kaydırdıkça çok müdahaleci veya dikkat dağıtıcı olmadan görünür kalır. Potansiyel bir müşterinin bir makaleyi okurken veya müşteri yorumlarına göz atarken harika teklifinizi unutup unutmayacağı konusunda endişelenmenize gerek yok.

ATH Sport ilk siparişte %10 indirim uyguluyor ve bu teşviki ana sayfalarında ve web sitelerinin genelinde "%10 Tasarruf" yazan yapışkan bir kenar çubuğu CTA'sı kullanarak tanıtıyor. Bu şekilde, ziyaretçilere harekete geçmeleri ve indirim talep etmeleri ince bir şekilde hatırlatılıyor.

(Kaynak: ATH Sport)

2. Negatif alandan yararlanın

CTA'nızla ilgili yapabileceğiniz en büyük hatalardan biri, onu büyük bir metin bloğunun ortasına gömmektir. Bu, ziyaretçilerin gözden kaçırması ve dönüşüm sağlamadan ayrılması için kesin bir yoldur.

Negatif alandan, yani bir tasarımda metin veya diğer öğeler tarafından boş bırakılan alandan en iyi şekilde yararlanmaktan korkmayın. CTA'nızı beyaz alanla çevreleyerek, izleyicinin dikkatini düğmeye çekmeye yardımcı olan görsel bir ara oluşturabilirsiniz.

CTA'nın etrafında ne kadar az dikkat dağıtıcı unsur olursa, o kadar tıklanabilir olacaktır.

Flamingo, ana sayfasındaki CTA'ya yeterince nefes aldırıyor ve onu diğer öğelerden ayırıyor, böylece ziyaretçilerin dikkatini ana hedefe çekiyor - izin izleyicilerini Slack'e eklemek. Çok fazla beyaz alan olmasına rağmen tasarım boş veya bitmemiş görünmüyor, bu nedenle doğru dengeyi yakalamak çok önemli.

(Kaynak: Flamingo)

3. Aciliyet hissi yaratın

Aciliyet ve kıtlık güçlü dönüşüm faktörleridir, bu nedenle bu psikolojik ilkeleri CTA metninize dahil etmelisiniz.

Amazon'dan ve kararsız müşterileri bile başkası kapmadan önce ürünü hemen sipariş etmeye teşvik eden akıllı "Stokta sadece 1/2/3 kaldı" feragatnamesinden bir ipucu alın.

İnsanlar az bulunan veya tükenmek üzere olan ürünleri daha değerli olarak algılar ve bu da kaçırma korkusunu (FOMO) tetikler. Sınırlı ürün mevcudiyeti etrafında dönen CTA metni oluşturarak bu fenomenden yararlanabilirsiniz.

Aciliyeti vurgulamak için Şimdi, Hemen veya Bugün gibi zamanlama sözcükleri kullanın.

Bed Bath & Beyond'un ana sayfasındaki CTA, hem aciliyet hem de kıtlığı birleştiren harika bir örnek. Teklif 8 Ocak'a kadar geçerli olduğu için müşteriler "Şimdi alışveriş yapın "a davet ediliyor, ancak bu fırsat penceresi "Stoklar tükenene kadar" ibaresi eklenerek en aza indiriliyor. CTA'nın büyük kırmızı bir banner içinde yer alması, onu daha da çarpıcı ve ikna edici kılıyor.

(Kaynak: Bed Bath & Beyond)

Ocak ayının ana sayfasında aciliyet konusunu biraz farklı bir şekilde ele alan bir CTA yer alıyor. Özenle hazırlanmış "Bekleme listesine katılın" ifadesi, uygulama etrafında bir vızıltı yaratıyor ve lansmanı sabırsızlıkla bekleyen başka potansiyel müşteriler olduğunu ima ederek talep oluşturuyor. Bu basit ama ilgi çekici CTA işe yarıyor çünkü biraz ayrıcalıklı bir hava veriyor - VIP bir kulübün listesine girmek gibi.

(Kaynak: Ocak)

4. Güç sözcükleri ekleyin

Adından da anlaşılacağı üzere, güçlü kelimeler potansiyel müşterilerinizde duygu uyandırma yeteneğine sahiptir. Satın alma kararlarının %95 'i bilinçaltıdır, bu da duyguların süreçte önemli bir rol oynadığı anlamına gelir.

Yani, aşağıdaki gibi güçlü kelimeler dahil

• Ücretsiz
• İnanılmaz
• Yeni
• Etkili
• Kolay
• Anında
• Garantili
• Risk yok
• Sertifikalı
• Korumalı
• Test edildi
• Doğrulandı
• Ekstra

kitlenizle doğru akoru yakalayacak ve harekete geçmelerini sağlayacaktır.

Gördüğünüz gibi, bu sözcüklerden bazıları müşterileri düğmeye tıklayıp satın alma işlemi yapmanın veya bir bültene abone olmanın güvenli olduğuna ikna etmeyi amaçlıyor. Diğerleri ise teklifinizin değer önerisini vurgulamaya odaklanıyor.

Evernote'un ana sayfası kullanıcılara uygulamayla hayatlarını organize edebileceklerinivaat ederken, CTA onları ücretsiz kaydolmaya ikna ediyor. Böylesine cazip bir teklifi kim reddedebilir ki?

(Kaynak: Evernote)

Benzer şekilde, BaseLang'in ana sayfa CTA 'sı kullanıcıları İspanyolca derslerine "sadece 1 $" karşılığında başlamaya davet ediyor ki bu da ücretsiz hizmet sunmaktan sonraki en iyi şey. Markanın genel mesajı, "sınırsız" veya "yiyebildiğin kadar ye" gibi diğer güçlü sözcüklerin yardımıyla güçlü bir hale geliyor ve her ikisi de potansiyel müşterilerin bir hafta boyunca deneyebilecekleri ve sembolik bir 1 $ ücret ödeyebilecekleri teklifin değerini iletiyor.

(Kaynak: BaseLang)

5. CTA'nızı öne çıkarın

Muhtemelen 15 saniye kuralını duymuşsunuzdur; buna göre ziyaretçilerinizin dikkatini çekmek için yalnızca çeyrek dakikanız vardır. Bu size çok fazla manevra alanı bırakmaz, yani hızlı hareket etmeniz ve CTA'nın insanların web sayfanıza geldiklerinde ilk fark ettikleri şeylerden biri olduğundan emin olmanız gerekir.

Biraz renk katmak bu hedefe ulaşmanın en iyi yollarından biridir. Hangi rengin dönüşümleri artırdığı konusunda farklı görüşler var, ancak bu konuda jüri hala kararını vermiş değil. Ancak, kırmızı, yeşil, mavi veya sarı renklerden hangisini seçeceğinizden çok, kontrast yaratmanın önemli olduğu sonucuna varabiliriz.

Örneğin, renk tekerleğinin zıt taraflarında yer alan tamamlayıcı renkler kullanabilirsiniz. Web sayfanız çoğunlukla maviyse, turuncu bir CTA güçlü bir kontrast yaratacaktır.

Menlo Caoching'in ana sayfası beyaz ve gri renklerden oluşuyor, bu nedenle CTA için seçtikleri koyu kırmızı renk düğmeyi hemen görünür kılıyor. Tasarım ayrıca CTA düğmesini vurgulayan ve nötr arka plana karşı öne çıkmasını sağlayan negatif alandan da yararlanıyor.

(Kaynak: Menlo Coaching)

6. Belirsiz olmayın

Ziyaretçilerinizden bundan sonra ne olacağına dair çıkarımlar yapmalarını beklemeyin - onlara anlatın.

"Buraya tıklayın" veya "Gönder" diyen CTA düğmeleri yalnızca insanların kafasını karıştırır ve bu yapabileceğiniz en kötü şeydir.

İşin püf noktası, ziyaretçilerinize harekete geçmelerinden nasıl fayda sağlayacaklarını açıkça anlatmak ve onları bir sonraki adımın ne olduğu konusunda bilgilendirmektir.

Dropbox, potansiyel müşterilerine CTA düğmesine tıkladıklarında kendileri için en iyi planı bulabileceklerini söyleyerek ana sayfalarında bu "benim için ne var" yaklaşımını kullanıyor. Bir sonraki sayfada, karar vermelerine yardımcı olacak plan ayrıntılarını, özelliklerini ve karşılaştırmalarını bulacakları açıktır.

(Kaynak: Dropbox)

7. Sosyal kanıt ekleyin

Potansiyel müşterileri dönüştürmek söz konusu olduğunda, hiçbir şey sosyal kanıttan daha iyi sonuç vermez. Satın alma kararlarının %87 'si online araştırma ile başlarken, müşteriler sipariş vermeden önce ortalama on yorum okuyor.

Ancak, potansiyel müşterilerinizin müşteri yorumlarını ve referanslarını ararken web sitenizden ayrılmalarını istemediğiniz için, onlara CTA'yı sunmadan önce sosyal kanıtı hemen orada göstermek en iyisidir.

Bu şekilde, güven oluşturacak ve satın alma konusunda sahip olabilecekleri olası şüpheleri ortadan kaldıracaksınız.

Buffer'ın ana sayfasında yaptığı da tam olarak bu. CTA'ları, platformu kullanmanın hayatlarını nasıl kolaylaştırdığını vurgulayan mutlu müşterilerin sözleriyle eşleştirilmiş. Marka, başka bir güvenilirlik katmanı eklemek için müşterilerin adlarına ve fotoğraflarına yer vermiş. Bu basit taktik, isme bir yüz eklediği ve sosyal kanıtı daha gerçekçi hale getirdiği için uzun bir yol kat ediyor.

(Kaynak: Buffer)

8. İşleri basit tutun

Şimdiye kadar tartıştığımız tüm ipuçları, CTA'larınızın işe yaraması için en üst düzeyde olması gerektiği izlenimini verebilir.

Ancak gerçek şu ki, basitlik çoğu zaman küçümsenir.

Çoğu durumda, CTA'nızı hem tasarım hem de dönüşüm süreci açısından basit tutarak harika sonuçlar elde edersiniz.

Jira'nın ana sayfa CTA'sı, "Google ile Devam Et" CTA'sı ile tüm kutuları işaretliyor. Şeytan ayrıntıda gizlidir ve görünüşte burada çok fazla bir şey olmamasına rağmen, bu CTA'nın etkinliği, kaydolmaya karar verenler için işleri süper basit hale getirmesinde yatıyor.

Karmaşık bir kayıt süreci yerine Jira, kullanıcıların platforma Google hesapları üzerinden erişmelerini sağlayarak zaman kazandırır. Yalnızca birkaç tıklama yeterlidir ve terk edilen birçok kayıt ve alışveriş sepetinden sorumlu olan can sıkıcı form doldurma işlemi yoktur. Ayrıca, metin, kararsızları tıklamaya ve devam etmeye ikna edebilen sihirli açık-sessam güç kelimesi olan Ücretsiz'i içeriyor.

(Kaynak: Jira)

Toparlıyorum

Harekete geçirici mesaj web sayfanızdaki en küçük tasarım öğesi olabilir, ancak önemi çok büyüktür. Bu olmadan, potansiyel müşteriler onlardan ne yapmalarını beklediğinizi ve bir sonraki adımlarının ne olması gerektiğini bilemezler. Bu nedenle, CTA'larınızın tasarımına dikkat edin ve onları hafife almayın. Bu taktikler tıklamaların artmasını sağlamanıza yardımcı olacaktır.