Web Sitesini ve E-postayla Harekete Geçirici Çağrıları Sorunsuz Nasıl Optimize Edebilirsiniz?

Yayınlanan: 2019-09-26

Pazarlamada harekete geçirici mesajlar (CTA'lar) iki ana amaca hizmet eder: kullanıcıları web siteniz veya e-postanız aracılığıyla yönlendirir ve istenen eylemi tamamlamaları için onları motive eder. Dünyanın her yerinden çeşitli markalardan bazı web sitesi ve e-posta harekete geçirici mesaj örneklerini keşfetmek için bu makaleyi okuyun ve harekete geçirici mesaj tasarımınızı ve metninizi nasıl geliştireceğiniz konusunda değerli püf noktaları öğrenin.

İçindekiler
  1. Eylem çağrısı nedir?
  2. Harekete geçirici mesaj kopyalama ipuçları ve püf noktaları
  3. Harekete geçirici tasarım ipuçları
  4. Web sitesi eylem çağrısı en iyi uygulamaları
  5. E-posta ile harekete geçirici mesaj en iyi uygulamaları

Eylem çağrısı nedir?

Bir harekete geçirici mesaj veya bir CTA, bir reklamdaki "satın alın", "şimdi sipariş verin", "kaydolun" ve diğerleri gibi motive edici veya tahrik edici bir kelime, cümle veya ifadedir. Kullanıcıları hemen burada bir eylemi tamamlamaya teşvik eder ve genellikle bunun sonucunda elde edecekleri faydayı varsayar.

Genellikle, CTA'lar düğmeler veya köprüler gibi görünür. İşte The Sill'den bir e-posta harekete geçirici mesaj örneği - açık bir mesajla öne çıkan yeşil bir düğme.

email call to action example
The Sill'den eyleme çağrı örneği e-postası

E-posta gönderenler genellikle köprülü bir metnin içine harekete geçirici mesajlar yerleştirir. Örneğin, Modsy bir köprü kullandı ve kullanıcıların dikkatini çekmek için turuncuya boyadı.

hyperlink cta example
Modsy'den gelen e-postada bir köprü CTA'sı

Harekete geçirici mesaj kopyalama ipuçları ve püf noktaları

Yukarıda bahsedildiği gibi, insanları bir tür eylemi tamamlamaya motive etmek için harekete geçirme çağrıları yapılır. Hangi metin yazarlığı tekniklerinin CTA'larınızı e-posta ve web sitesi kullanıcılarını etkilemek için yeterince etkili hale getireceğini görelim.

Güçlü zorunlu fiiller ve net bir dil kullanın

Harekete geçirici mesajınız için fiili seçerken, istediğiniz eyleme odaklanın - satın al, ara, talep et, vb. Kullandığınız fiiller, kullanıcılarınıza yön ve rehberlik sağlamalıdır.

Karışıklığı önlemek için mümkün olduğunca açık ve net olun. İnsanlar, CTA'nızı tıkladıktan sonra tam olarak ne olacağını anlayabilmeli ve hayal edebilmelidir. Kullanıcıların "Kaydol"u tıkladığı ve doldurulması gereken sonsuz sayıda alanla karşılaştığı durumlardan kaçının. Bu durumda, basit olmak ve "Kaydol" yerine "Formu doldurun" metnini kullanmak daha iyidir.

İşte kristal netliğinde harekete geçirici mesaj metnine bazı örnekler:

  • “Windows için İndir”
  • “30 gün ücretsiz deneyin”
  • "Tek tıkla kaydolun"
  • “Moskova'da bir toplantıya kaydolun”
  • "Google formunu doldurun"
  • "E-Kitabı satın alın."

BlogLovin'in web sitelerinde harekete geçirici mesajı nasıl kullandığını görün. "İzlenecek blogları bulun" CTA'ları, yeni bir web sitesi ziyaretçisinin bile tıkladıktan sonra ne bekleyeceğini anlamasını sağlayacak kadar net görünüyor.

clear call to action example
Bloglovin'in web sitesinden harekete geçirici mesaj örneği

Değere odaklanın

Kullanıcılardan biraz çaba gerektiren eylemi yapmalarını istiyorsanız, bu eylemin onlara ne gibi bir değer kazandıracağını göstermeniz önemlidir. Örneğin, segmentasyon için hedef kitleniz hakkında veri toplamak ve formu doldurmasını istiyorsanız, değerini hemen göremez veya yaşayamaz. Bu nedenle, bunun neden önemli olduğunu açıklayıp "Müşteri deneyiminizi iyileştirmek ve daha kişisel hale getirmek için lütfen bu soruları yanıtlamak için bir dakikanızı ayırın" gibi bir şey söyleseniz iyi olur.

Değerle dolu harekete geçirici mesajlara ilişkin bazı örnekler:

  • Tekliflerimizden ilk siz haberdar olmak için e-postalarımıza kaydolun!”
  • Kişisel önerileri görmek için kaydolun”
  • Seyahatiniz sırasında ihtiyacınız olacak her şeyi almak için valiz için ödeme yapın !”

Örneğin Rakuten, kullanıcılardan ekstra para için bir arkadaşını tavsiye etmelerini isteyin ve mekanizmayı üç basit adımda açıklayın. Bu harekete geçirici mesajı tamamlamanın ardındaki fiziksel değere odaklanılıyor.

explained value behind call to action
Rakuten web sitesinden harekete geçirici mesaj örneği

CTA'nızı kişiselleştirin

Tüketicilerin %71'i deneyimleri kişiselleştirilmediğinde hayal kırıklığı yaşıyor.

Harekete geçirici mesajınızı kişiselleştirmek için, topladığınız kullanıcı verilerine dayalı segmentasyon sonuçlarını kullanın. Ürün tarama geçmişi, CRM sisteminizdeki veriler veya geçmiş siparişler olabilir.

İşte bazı kişiselleştirilmiş harekete geçirici mesaj örnekleri:

  • "Erkek alışverişi" veya "Kadın alışverişi"
  • "Konumunuzdaki popüler yerlere göz atın"
  • "iOS/Android/Masaüstü için İndir"
  • "Safari/Chrome'a ​​Ekle."

Örneğin, Armani Exchange aboneleri cinsiyete göre segmentlere ayırıyor. Aşağıda, erkek izleyicilerine hitap eden CTA'larını görebilirsiniz.

personalized email call to action
Erkekleri hedefleyen bir harekete geçirici mesaj örneği

Başka bir seçenek de cihaza göre kişiselleştirmedir. Örneğin, bilgisayarınızdan Slack web sitesine giderseniz, ekranın ortasında “Ücretsiz deneyin” harekete geçirici mesajı göreceksiniz.

slack website call to action on desktop
Slack web sitesinde parlak bir harekete geçirici mesaj düğmesi

Ancak, aynı web sitesini mobil cihazlarda açtığınızda, harekete geçirme ifadesinin “iOS için Slack Alın” olarak değiştiğini fark edeceksiniz. Niye ya? Çünkü bu harekete geçirici mesaj örnekleri, kullandığınız cihaza göre kişiselleştirilir. Bir iPhone'da yapılmış aşağıdaki ekran görüntüsüne bakın:

slack website cta on mobile
Slack web sitesinin mobil versiyonunda kişiselleştirilmiş harekete geçirici mesaj kopyası

Birinci şahıs metin kullan

Birinci şahıs bir harekete geçirici mesaj kopyası kulağa daha kişisel ve açık geliyor. Kullanıcıya ne yapması gerektiğini söylemezsiniz, bunun yerine teklifinizi kabul etmeyi teklif edersiniz.

İlhamınız için bazı örnekler:

  • "Bana bilgi vermeye devam edin,"
  • "Bana daha fazlasını anlat,"
  • "En iyi fırsatlarını görmek istiyorum"
  • "Beni listenize kaydedin."

Örneğin Noun Gazette, e-postalarında bir kullanıcının büyük olasılıkla sevecen bulacağı samimi bir hava yaratmak için birinci şahıs zamirleriyle birleştirilmiş eylem fiilleri kullanır.

first-person cta example
Noun Gazette'den birinci şahıs CTA'ları içeren e-posta

Unbounce ayrıca, web sitelerindeki en iyi harekete geçirici mesaj düğmelerinin boşuna değil, birinci şahıs metnine sahip olması gerektiğine karar verdi. Şirket bir test yaptı ve standart bir metni birinci şahıs metnine değiştirdikten sonra tıklama oranlarında %90 artış gördü.

unbounce website call to action
Unbounce web sitesinden birinci şahıs harekete geçirici mesaj örneği

Harekete geçirici tasarım ipuçları

Önce görüyoruz, sonra okuyoruz. Tasarım, CTA'nızı güçlendirebilir veya diğer web sitesi veya e-posta öğeleri arasında görünmez hale getirebilir. Tasarım seçiminizden en iyi şekilde nasıl yararlanabileceğinizi ve harekete geçirici mesajların daha iyi dönüştürülmesini nasıl sağlayacağınızı görelim.

CTA'nızın duyarlı olduğundan emin olun

İnsanların %81'i e-postalarını mobil cihazlarda açıyor. Bu nedenle, CTA'nızın tüm ekran boyutlarında iyi ölçeklendiğinden emin olmak için kontrol etmenizi ve iki kez kontrol etmenizi öneririz.

Shine'dan bazı harekete geçirici mesajlar örneklerinin masaüstü ve mobil cihazlarda nasıl göründüğünü görelim. Masaüstü sürümü, ekranın ortasında büyük bir siyah CTA sunar.

shine email cta on desktop
Shine'dan gelen bir e-postanın masaüstü versiyonu

Mobil sürümde, metin okunabilir hale getirmek için mobil ekranın genişliğine sıkıştırılır, harekete geçirici mesaj düğmesi merkeze hizalı kalır ve kullanıcının parmak ucuyla itmesine yetecek kadar büyüktür.

shine email call to action example
Shine'dan harekete geçirici e-postanın mobil versiyonu

Web siteleri hakkında konuşurken, StudioPress ana sayfalarında üç eylem çağrısı sunar. İşte masaüstünde nasıl göründüğü:

multiple website ctas
StudioPress web sitesinde harekete geçirici mesaj örnekleri

Mobil versiyona geçtiğimizde, mobilde olduğu gibi çizimler kayboluyor, en iyi harekete geçirici mesaj butonlarının yeri ilk kaydırmada onları görünür kılan konumdur. Bu şekilde, bir kullanıcı ihtiyaç duyduğu şeyi elde etmek için ne yapması gerektiğini anlar.

responsive call to action example
StudioPress web sitesinin mobil versiyonunda harekete geçirici mesaj örnekleri

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

Bu tavsiye kulağa bariz gelebilir, ancak insanlar bunu unutmaya eğilimlidir. Harekete geçirici mesajınıza dikkat çekmek için parlak renkler veya çevredeki resimlerle veya metinlerle kontrast oluşturan renkleri kullanın.

Aşağıdaki örnekte, TunnelBear, görsel bir mola oluşturmak ve onu daha da belirgin hale getirmek için etrafında ekstra beyaz boşluk bulunan zıt bir CTA düğmesi kullanır. Yani kurumsal renkler markanın CTA'yı çok parlak yapmasına izin vermese de yine de göz alıcı.

prominent email call to action
TunnelBear e-postasındaki belirgin CTA düğmesi

Çok fazla CTA kullanmaktan kaçının

Bir kullanıcının web siteniz veya e-postanız hakkında ilk izlenimini oluşturması yalnızca birkaç saniye sürer. Bu çok kısa süre içerisinde ziyaretçilerinizin veya abonelerinizin ilgisini çekmeniz ve CTA butonuna tıklamalarını sağlamanız gerektiğinden, diğer detaylara yer verilmemelidir.

Çok fazla harekete geçirici mesaj kullandığınızda, çok saldırgan görünme veya hedef kitlenizin kafasını karıştırma riskiyle karşı karşıya kalırsınız. Ana CTA'nızı ilk kaydırmaya yerleştirmenizi öneririz. Ancak, sayfanız veya e-postanız çok uzunsa, buna uygun olarak başında ve sonunda birkaç benzer CTA düğmesi kullanabilirsiniz.

Örneğin, Teacher's Guild, ilk CTA'larını web sitelerinin ilk katına ana odak noktası olarak yerleştirdi ve aynı CTA'yı sayfanın sonunda tekrarlayarak bitirdi.

multiple website calls to action
The Teacher's Guild web sitesinde birden fazla harekete geçirici mesaj

Bu düğmelerin her ikisinin de aynı hedefe gitmesine rağmen, ikinci harekete geçirici mesaj tasarımının birinciden daha parlak olduğuna dikkat edin.

Society6, e-postalarının en başında iki CTA kullandı, ancak düğmeleri ortada bir ayırıcıyla ayırdılar, böylece harekete geçirici mesajın farklı hedeflere yol açtığını açıkça anlarsınız. Bu nedenle, birkaç CTA düğmesi kullanmanız gerektiğinde bu numarayı en iyi e-posta eylem çağrısı uygulamalarından biri olarak kullanın ve okuyucuların kafasının karışmamasını sağlayın.

multiple email cta
Society6, e-postalarında iki CTA kullanıyor

Web sitesi eylem çağrısı en iyi uygulamaları

Bir web sitesi, potansiyel ve mevcut müşterileriniz, ortaklarınız ve marka elçilerinizle bir iletişim noktasıdır. Burada size, farklı şirketlerin web sitelerinde çeşitli amaçlarla kullandıkları harekete geçirici mesajlara ilişkin bazı örnekler göstereceğiz.

Müşteri adayı oluşturmak için kullanılan CTA

Bu tür CTA düğmesi genellikle bloglar gibi yüksek trafikli sayfalarda kullanılır. Harekete geçirici mesaj, kayan bir pencere, kenar çubuğu veya tek bir düğme olarak bir makalenin sonuna yerleştirilebilir. Dönüşüm sağlamak için insanların dikkatini çekmeli ve değeri iletmelidir.

New York Times, kullanıcıların makalelerini okumaya devam etmeleri için web sitelerinde bir hesap oluşturmalarını önerir. CTA, bir kullanıcı kaydolduktan sonra tamamen görünecek şekilde makalenin ortasına yerleştirilir.

call to action for lead generation
New York Times web sitesinde CTA düğmesi

Bir posta listesi oluşturmak için kullanılan CTA

Bu tür harekete geçirici mesajlar, web sitenizin ziyaretçilerinin daha sonra onlarla iletişim halinde kalmaları için iletişim bilgilerini almak için kullanılır.

Aşağıda, harekete geçirici mesaj düğmesi içeren bir açılır e-posta abonelik formu görebilirsiniz. E-posta adresinizi girin, “Katıl” düğmesini tıklayın ve bitirdiniz – bu kadar basit.

cta for collecting emails
Wix Blog'daki bir abonelik formundan harekete geçirici mesaj örneği

İnsanları sosyal medya hesaplarınıza çekmek için kullanılan CTA

"Facebook'ta Paylaş" veya "Bizi Instagram'da Takip Edin" eylem çağrıları, kullanıcıları markanızla sosyal medyada etkileşim kurmaya motive etmek için yapılır. Örneğin iletişim bilgilerini paylaşmak istemeyen kişiler sizi Instagram'da seve seve takip edebilirler. Ardından, takipçilerinizin bir kısmını dönüştürebilecek ve satışları kapatabileceksiniz.

Örneğin Dermstore, internet kullanıcılarının zaten alışkın olduğu basit sosyal medya simgelerine tıklayarak blog yayınlarının paylaşılmasına izin veriyor.

cta for social sharing
Dermstore web sitesindeki sosyal paylaşım düğmeleri

Satış yapmak için kullanılan CTA

Bazı kullanıcıların ürünlerinizi zaten bildiğini, sizi sosyal medyada takip ettiğini ve e-postalarınızı okuduğunu hayal edin. Bu sıcak temaslar, CTA'nızı görür ve takip ederlerse müşterileriniz olabilir. Bu durumda, CTA mümkün olduğunca açık olmalı ve bir satın alma işlemini tamamlamaya odaklanmalıdır. Bu tür düğmeler genellikle ürün açılış sayfalarına, istek listelerine, sepetlere veya bir indirime veya başka bir anlaşmaya ayrılmış promosyon sayfalarına yerleştirilir.

Örneğin, ASOS, ürün sayfalarında parlak yeşil bir satın alma teşvik edici düğme kullanır.

asos website cta
ASOS web sitesinden harekete geçirici mesaj örneği

Ek olarak, bir öğeyi istek listesinden bir çantaya taşıma fırsatı verirler. Bu düğmelerin her ikisi de, harekete geçirme ifadesi farklı olsa bile aynı sonuca yol açar.

asos website cta
ASOS istek listesindeki harekete geçirici mesaj düğmeleri

E-posta ile harekete geçirici mesaj en iyi uygulamaları

İnsanlar farklı cihazlardan ve e-posta istemcilerinden gelen e-postaları okur. Amacınız her durumda CTA'nın görünür ve etkili olmasını sağlamaktır. Özellikle e-posta CTA'larını dönüştürmenin sırları nelerdir? Sadece birkaç iyi ipucunu takip edin.

CTA'nızı e-postanızın mantıklı bir uzantısı yapın

Kullanıcılar posta kutularında gezinip bir e-postanın konu satırını okuduklarında, okuduklarına göre beklentilerini oluştururlar. Konu satırı, e-postanın gövdesi ve CTA'nın kendisi bu beklentileri karşılamalıdır. Bir kullanıcıyı e-postanız aracılığıyla bu şekilde yönlendirirsiniz.

Insight Timer'dan gelen bir e-postanın konu satırını okursanız, uyku alışkanlıklarınızla ilgili bir şeyler olacağını anlarsınız. Bir e-postayı açtığınızda, daha iyi uyumanıza yardımcı olması beklenen Yoga Nidra kursunu dinlemeye teşvik eden bir harekete geçirici mesaj görürsünüz. CTA, konu satırına iyi uyuyor.

cta connected with subject line
Insight Timer'dan gelen e-postada konu satırı ve eşleşen bir harekete geçirici mesaj

CTA'nızı bir resim olarak değil, bir düğme olarak tasarlayın

İnsanlar genellikle cep telefonlarında e-postalar arasında gezinirler. Kullanıcılar mobil internetlerini kaydetmek istediğinde ve posta kutusundaki resimler varsayılan olarak kapalıyken bile CTA'larınızın görünür olduğundan emin olmak önemlidir.

Bu nedenle, e-posta şablonu oluşturucunuzda bir "Düğme" öğesi kullanmak daha mantıklıdır:

SendPulse sürükle ve bırak düzenleyicisine bir düğme ekleme

Köprüler yerine düğmeleri kullanın

Metin bağlantısı yerine harekete geçirici mesaj düğmesi %28 daha etkilidir. Şişman parmak kuralına uyduğunuzdan emin olun: CTA düğmesini öne ve ortaya yerleştirin ve dokunulabilir minimum 44×44 piksel alanını koruyun.

Örneğin Ace Hotel, harekete geçirici e-postalarında bir düğme kullanır ve aynı zamanda yalnızca bazı ek kaynaklara atıfta bulunmak için ana kopyanın içine köprüler ekler.

email cta example
Ace Hotel'den gelen e-postadaki CTA düğmesi ve köprüler

Uzun bir e-postanın başında ve sonunda CTA'yı tekrarlayın

Abonelerinizi bir düğme aramaya zorlamayın; uzunsa e-postanızın içine bir veya iki kez daha yerleştirmeniz yeterlidir. Örneğin, DMA'dan gelen etkinlik davetindeki e-posta harekete geçirici mesajı aynı tasarım, kopya ve düğme boyutuyla tekrarlanır.

repeated cta buttons
DMA'dan iki harekete geçirici mesaj düğmesi içeren uzun e-posta

Henüz durmayın: CTA'larınızın etkinliğini artırmak için A/B testi yapın

Her durumda en iyi sonucu veren nihai bir şablon yoktur. Bu nedenle, e-postanızın A/B varyasyonlarını denemeniz ve A/B testi yapmanız gerekir: öğelerin rengini değiştirin, kopyayı yeniden yazın, başka bir yerleşim veya stil deneyin.

Örneğin, e-posta harekete geçirici mesajınız için kırmızı veya turuncu arasında karar veremiyorsanız, SendPulse ile e-postanın iki versiyonunu oluşturun ve bunları göndermek için aşağıdaki prensibi kullanın:

  • A seçeneğini kırmızı düğmelerle posta listesinin %20'sine gönderin;
  • B seçeneğini turuncu düğmelerle posta listesinin diğer %20'sine gönderin.

Hangi seçeneğin daha fazla tıklama aldığını kontrol edin ve en etkili olanı diğer abonelerinize gönderin. A/B testinin nasıl gerçekleştirileceği hakkında daha fazla bilgiyi Bilgi Tabanımızda bulabilirsiniz.

Bu ipuçlarının e-posta pazarlama sonuçlarınızı başka bir düzeye taşımanıza yardımcı olacağını umuyoruz. E-postalarınızı SendPulse ile göndermeyi unutmayın - otomasyonla biz ilgileneceğiz!