Bir çevrimiçi mağaza her şeyden önce basit, açık ve hiyerarşik düğmeler kullanmalıdır: Ürün sayfasında "sepete ekle", sepette "Ödemeye devam et", gezinmeyi yönlendirmek için "Toplamayı keşfet" ve destek gerçekten yararlı olduğunda "Tavsiye iste". En iyi düğme en orijinal değildir: bir sonraki adımı açıkça belirten düğmedir.
Eylem düğmesi aslında ne içindir?
Bir eylem düğmesi veya CTA, bir niyeti somut bir adıma dönüştürür.Satın alma yönünde ilerleyebilir, bir koleksiyon açabilir, sepete bir ürün ekleyebilir, bilgi isteyebilir veya bir siparişi sonuçlandırabilir. Etkinliği, rengine olduğu kadar konumuna ve ifadesine de bağlıdır.
En kullanışlı kural basittir: bir ekranın bariz bir önceliği olmalıdır. Mevcut bir ürün sayfasında, ana eylem genellikle sepete ekleme.boyut kılavuzuna bağlantı, sık kullanılanlara paylaşım veya ekleme ikincil kalır.Sepette öncelik ödeme olur.
Bir çevrimiçi mağazanın temel düğmeleri
Sepete Ekle
Bu, ürün sayfasının ana CTA'sıdır. Varyantları seçtikten sonra görünür kalmalı ve bir seçeneğin eksik olup olmadığını açıkça belirtmelidir.
Ödemeye geçin
Sepette, bu düğme açıkça ödeme için açar. "Alışverişe devam" ile aynı görünmesini önlemek.
Koleksiyonu keşfedin
Ana sayfada veya bir editoryal sayfada, kesin bir seçime doğru yönelir Somut bir başlık belirsiz bir "Daha fazla bilgi edinin" den daha iyidir.
Tavsiye isteyin
Teknik, özelleştirilebilir veya yüksek katılımlı ürünler için kullanışlıdır. Ana düğmeyi gereksiz yere değiştirmeden satın alma işlemini tamamlar.
Dönüşü bana bildir
Kullanılamayan bir ürün için stoklara dönüş uyarısı, satın alma düğmesini etkin bırakmamak yerine bir sonraki adımı dürüst bir şekilde verir.
Siparişimi gör
Satın alma işleminden sonra, takip eylemleri ticari CTA'lardan ayrı olmalı ve varış noktasını doğru bir şekilde tanımlamalıdır.
Sayfaya bağlı olarak hangi düğmeyi kullanmalı?
Aynı ziyaretçi karşılama, bir koleksiyon veya bir ürün sayfası üzerinde aynı niyete sahip değildir.Hiyerarşi bu nedenle kurs boyunca gelişmelidir.
| Sayfa | Ana eylem | İkincil eylem mümkün | Kaçınmak için |
|---|---|---|---|
| Ev | Belirli bir koleksiyonu veya teklifi keşfedin | Bak bakalım neler var | Aynı başlıkta birkaç rakip düğme |
| Koleksiyon | Ürünü görüntüle | Filtrele veya sırala | Yeterli bilgi olmadan hızlı bir satın alma |
| Ürün sayfası | Sepete Ekle | Boyut kılavuzu veya tavsiye | Sosyal CTA'lar satın almaktan daha görünür |
| Sepet | Ödemeye geçin | Alışverişe devam | Ödeme işleminden saptıran harici bir promosyon |
| Blog yazısı | İlgili ürün veya hizmeti keşfedin | Bağlantılı bir kılavuzu okuyun | Konuyla ilgisi olmayan ticari bir düğme |
Tıklama isteği uyandıran ifadeler nasıl yazılır?
Metin tıklamanın hemen sonucunu duyurmalıdır Bir eylem fiiliyle başlayın, kısa tutun ve aşırı vaatlerden kaçının "Yazlık elbiseleri görün" "Buraya tıklayın" dan daha bilgilendiricidir "Rehberi alın" "Gönder" den daha doğrudur.
Tasarım, kontrast ve mobil: saygı duyulması gereken kurallar
Öncelikli CTA için en görünür rengi ayırın ve ikincil eylemler için daha gizli bir stil kullanın. Bir düğme, rahat bir tıklama alanı, okunabilir metin ve havada asılı kalırken veya odaklanırken görünür durum ile tıklanabilir bir öğe olarak tanınabilir olmalıdır.
Mobil cihazlarda, ana düğmeye önemli bilgileri gizlemeden ulaşmak kolay kalmalıdır. Yan kenar boşluklarını koruduğunuz ve birden fazla sabit çubuğu istiflemediğiniz sürece tam genişlik genellikle iyi çalışır. Ayrıca uzun varyasyonları, büyütülmüş metinleri ve çevirileri de kontrol edin.
Harekete geçirici mesajları zayıflatan hatalar
Her şeyi renklendir
Her düğme göze çok fazla takılırsa, hiçbiri önceliği göstermez Ana eylem için baskın bir renk tutun.
Kelime dağarcığını değiştir
"Satın Al", "Sipariş Ver" ve "Ekle" aynı adımı rastgele belirtmemelidir Tutarlılık güven vericidir.
Koşulları gizle
Bir CTA, karar için gerekli olan fiyatlandırma, teslimat, kullanılabilirlik veya değişiklik bilgilerinin yerini almamalıdır.
Yalnızca alımı optimize edin
Ürün sayfası ve sepet genellikle dönüşüme daha yakındır. Hiyerarşileri öncelikli ilgiyi hak eder.
Yolculuğa daha geniş bir bakış için ayrıca okuyun shopify alışveriş sepeti nasıl geliştirilir ve ziyaretçiler neden satın almadan bir mağazadan ayrılır.
CTA'larınızı geliştirmek için hangi hizmeti seçmelisiniz?
Ücretsiz mini denetim
Daha geniş bir müdahaleyi düşünmeden önce bazı görünür öncelikleri belirlemek istiyorsanız uygundur.
Ürün sayfalarının optimizasyonu
Sorunun ürün sunumuna, satın alma etrafındaki hiyerarşiye ve bilgilerin netliğine ne zaman odaklanacağını seçin.
Shopify mağazasının yeniden tasarımı
CTA'ların, navigasyonun, koleksiyonların, ürün sayfalarının ve sepetin birlikte uyumlu hale getirilmesi gerekiyorsa geçerlidir.
Kişiselleştirilmiş istek
Uygun bir öneri almak için bağlamı, ilgili sayfaları ve teknik kısıtlamaları sunun.
Düğmelerinizi yayınlamadan önce pratik kontrol listesi
- Her ekrana tek bir ana eylem hakimdir.
- İfade tam olarak bir sonraki adımı açıklamaktadır.
- Ana CTA, okunabilirliği kaybetmeden arka planla tezat oluşturur.
- İkincil eylemler görsel olarak daha gizlidir.
- Düğme 375 px genişliğinde kullanılabilir durumda kalır.
- Varyasyonlar ve hatalar net bir talimat görüntüler.
- Tıklama duyurulan hedefe yönlendirir.
- Klavye ve odak düğmesini kullanmanıza izin verir.
- Fiyat, teslimat ve müsaitlik durumu satın almadan önce görünür durumda kalır.
- Rota, alımdan onaylanana kadar test edilir.
e-ticaret eylem düğmesi SSS
Sepete Ekle düğmesi için hangi rengi kullanmalıyım?
Ürün sayfası ortamıyla yeterince kontrast oluşturan bir renk kullanın ve ana eylem için ayırın. Evrensel olarak kazanan bir renk yoktur: marka ile tutarlılık ve okunabilirlik daha önemlidir.
"Şimdi satın al" mı yoksa "Sepete ekle" mi yazmalısınız?
"Sepete ekle", alışverişe devam etmenizi sağlayan klasik rotaya karşılık gelir. "Şimdi satın al" yalnızca tıklama gerçekten doğrudan bir satın alma yolculuğuna yol açıyorsa ve bu hızlanma yararlıysa uygundur.
Bir ürün sayfasında kaç düğme görüntülenebilir?
Birkaç eylem olabilir, ancak yalnızca bir tanesi hakim olmalıdır Satın alma ana kalır; boyut kılavuzu, tavsiye, favoriler veya paylaşım ikincil ve açıkça farklılaştırılmalıdır.
Mobil cihazlarda ekranın alt kısmında sabit bir düğme önerilir mi?
İçeriği, değişken seçimleri veya önemli mesajları gizlemediğiniz sürece, uzun bir ürün sayfasında sepete eklemeyi kolaylaştırabilir. Birkaç ekran boyutunda test edilmelidir.
Simgeler metin olmadan kullanılabilir mi?
Alışveriş sepeti veya arama gibi yaygın eylemler için, bir simge anlamı açıksa ve erişilebilir ifadeler sağlanıyorsa çalışabilir.belirleyici eylem için açık metin tercih edilir kalır.
Ana düğme bir ürün sayfasına nereye yerleştirilir?
Fiyatın, varyasyonların ve karar için gerekli bilgilerin yakınına, hızlıca görülebilen kısma yerleştirin Zorunlu seçimlerden sonra ve çok detaylı ikincil içerikten önce görünmelidir.
Bir CTA'nın değiştirilmesi gerekip gerekmediğini nasıl anlarım?
Tıklamaları, ayrılmaları ve kullanıcı geri bildirimlerini analiz edin, ardından önce yolculuğun netliğini kontrol edin. Etkisini anlamak için her seferinde bir değişikliği test edin: ifade, kontrast, konum veya hiyerarşi.
Düğmelerinizi yol boyunca net adımlara dönüştürün
SiteQuiVend, mağazanın gerçek durumuna bağlı olarak sizi hedeflenen optimizasyona veya daha küresel bir yeniden tasarıma yönlendirmek için CTA'larınızın hiyerarşisini, ürün sayfalarınızı ve satın alma yolculuğunuzu inceleyebilir.
