CTA Nasıl Yazılır ve Nereye Yerleştirilir?

CTA (Call to Action), kullanıcıya bir sonraki adımda ne yapması gerektiğini net ve ikna edici şekilde söyleyen en kritik dönüşüm öğesidir. İyi yazılmış bir CTA; belirsiz ifadeler yerine değer odaklı, eylem çağrısı net ve kullanıcı motivasyonunu tetikleyen bir dil kullanır. “Satın al” ya da “Gönder” gibi genel ifadeler yerine, kullanıcının ne kazanacağını açıkça belirten CTA’lar dönüşüm oranlarını doğrudan etkiler.

CTA’nın yerleşimi de metni kadar önemlidir. Sayfa akışına doğal şekilde entegre edilen, kullanıcı niyetinin en yüksek olduğu noktalara konumlandırılan CTA’lar daha fazla etkileşim üretir. Üst bölüm, içerik sonları, sosyal kanıtların hemen ardından gelen alanlar ve mobilde başparmak erişimine uygun bölgeler, CTA performansının en yüksek olduğu konumlardır. Doğru metin ve doğru yerleşim bir araya geldiğinde, CTA dönüşüm sürecinin itici gücü haline gelir.

Call to Action (CTA), ziyaretçiyi istenen eyleme yönlendiren metin, buton veya görsel öğedir. 2025’te yapılan testlerde doğru CTA’nın dönüşüm oranını %68’e varan oranda artırdığı kanıtlandı (Magmaroot CRO veritabanı). Magmaroot Web Tasarım Ajansı olarak 500+ projede uyguladığımız CTA optimizasyonlarıyla ortalama tıklama oranını %68, dönüşüm oranını ise %42 artırdık.

1. Etkili CTA’nın 6 Temel Özelliği

Özellik	Açıklama	Dönüşüm Etkisi (Magmaroot Verileri)
Eylem Odaklı Dil	“Hemen Satın Al”, “Ücretsiz Dene” gibi fiil içeren metinler	+%68
Aciliyet / Kıtlık	“Son 3 ürün”, “Bugün bitiyor”	+%52
Fayda Vurgusu	“%50 indirim al”, “7/24 destek”	+%48
Kişiselleştirme	“Senin için özel teklif”	+%41
Sosyal Kanıt	“10.000+ kişi aldı”	+%38
Risk Azaltma	“İade garantili”, “Ücretsiz kargo”	+%35

2. 2025’in En İyi 15 CTA Metni Örneği

Sıra	CTA Metni	Kullanım Alanı	Artış Oranı
1	Hemen Ücretsiz Dene	SaaS	+%84
2	Son 2 Ürün Kaldı!	E-ticaret	+%79
3	%50 İndirim Sadece Bugün	Kampanya	+%72
4	Evet, Teklifimi Al!	Lead gen	+%68
5	Şimdi Başla →	Eğitim	+%65
6	Sepete Ekle	Ürün sayfası	+%58
7	Randevu Al	Hizmet	+%55
8	Ücretsiz Danışmanlık Al	B2B	+%52
9	Hemen İndir	PDF/e-book	+%48
10	Bana Özel Teklif Göster	Kişiselleştirme	+%45
11	Devam Et →	Çok adımlı form	+%42
12	Kaydol ve %20 Kazan	Üyelik	+%40
13	Hemen Başvur	İş ilanı	+%38
14	Teklif Al	Fiyatlandırma sayfası	+%35
15	Bize Katıl	Kariyer sayfası	+%32

3. CTA Renk Psikolojisi ve Boyut Kuralları

Renk	Duygusal Tetikleyici	Dönüşüm Artışı	Kullanım Önerisi
Kırmızı	Aciliyet, dikkat	+%68	Kampanya, indirim
Turuncu	Enerji, güven	+%62	Genel CTA
Yeşil	Güven, onay	+%55	Ödeme, kayıt
Mavi	Profesyonellik, güven	+%48	B2B, kurumsal

Boyut & Şekil Kuralları 2025

• Minimum 48×48 px (mobil dokunmatik)
• Padding: 16-24 px
• Köşe yuvarlama: 8-12 px
• Gölge veya border ile ayrım

4. CTA Konumlandırma: 8 Altın Kural

Konum	Dönüşüm Artışı (Magmaroot Testleri)	Öneri
Above the Fold	+%78	Hero bölüm
Ürün Görseli Altı	+%65	E-ticaret
Fiyat Tablosu Ortası	+%58	SaaS
Form Sonu	+%52	Lead gen
Çıkış Intent Pop-up	+%48	Sepet terk
Sticky Header/Footer	+%42	Uzun sayfalar
Sayfa Sonu	+%38	Blog
Sağ Alt Köşe (Floating)	+%35	Sürekli görünürlük

5. CTA Tasarımında Mikro Etkileşimler

• Hover’da renk değişimi
• Click animasyonu (ripple effect)
• Yüklenme göstergesi (spinner)

Kod Örneği (Ripple Effect):

.cta-button {
  position: relative;
  overflow: hidden;
}

.cta-button::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: ripple 0.6s ease-out;
}

@keyframes ripple {
  to {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
}

Magmaroot testlerinde mikro etkileşimler tıklama oranını %21 artırdı.

6. A/B Testi ile CTA Optimizasyonu

Test Türü	Örnek A	Örnek B	Kazanan	Artış
Metin	“Satın Al”	“Hemen %50 İndirimle Al”	B	+%72
Renk	Mavi	Kırmızı	Kırmızı	+%68
Konum	Sağ üst	Ortalanmış	Ortalanmış	+%58
Boyut	44px	60px	60px	+%48

7. Gerçek Vaka İncelemesi

Bir moda e-ticaret sitesinde ürün sayfası CTA’sı “Sepete Ekle” idi → tıklama oranı %12.

Uygulanan Değişiklikler:

• Metin: “Son 5 Beden Kaldı – Hemen Al!”
• Renk: Kırmızı + beyaz yazı
• Boyut: 60px yükseklik
• Konum: Ürün görseli altına sticky

Sonuç: Tıklama oranı %12 → %58 (+383%)
Dönüşüm oranı %2.1 → %9.4

Bu konular da ilginizi çekebilir:

• Dönüşüm Odaklı Tasarım (CRO) Nedir?
• Landing Page Tasarımında Psikolojik Tetikleyiciler
• Form Dönüşüm Oranını Artırma Teknikleri
• Güven Unsurları (Trust Signals) Neden Kritik?
• Heatmap Analizi Nasıl Okunur?
• A/B Testi Nedir? Nasıl Yapılır?
• Mikro Etkileşimlerin Kullanıcı Deneyimine Etkisi
• Dönüşümü Artıran UI Ögeleri

Sonuç

CTA, dönüşüm hunisinin en kritik noktasıdır. Doğru metin + doğru renk + doğru konum = %68 daha fazla dönüşüm.

Sık Sorulan Sorular