Sticky Sepet Kutusu: Scroll Boyunca Görünür Sepetin Dönüşüme Etkisi

İstanbul Şişli'de 28 masalı bir Akdeniz restoranı menüsüne alt-sticky sepet çubuğu eklediğinde checkout dropoff oranı bir hafta içinde %11'den %4'e düştü. Konu basit: müşteri kategoriden kategoriye scroll yaparken sepetinin görünür kalması gerekiyor, aksi halde unutuluyor.

Sticky Sepetin Davranışsal Mantığı

Baymard Institute 2024 mobil checkout araştırması, ekranın altında sürekli görünür duran sepet çubuğunun e-ticarette dönüşümü ortalama %18 artırdığını gösteriyor. Restoran menüsünde etki daha da güçlü çünkü kullanıcı 6-8 kategori arasında dolaşıyor ve hangi ürünleri eklediğini hatırlamak zorunda kalmıyor.

Sticky çubuk üç bilgiyi tek satırda gösteriyor: toplam tutar, ürün adedi ve "Sepete Git" butonu. Bu üçlü görünür kaldığı sürece müşteri "tamamlamak için ne kadar daha kaldı" hissini kaybetmiyor. Çubuk kaybolduğunda ise sepet adeta yok sayılıyor.

Doğru Tasarım Bileşenleri

İyi bir sticky cart çubuğu küçük ama yeterli kontrast taşımalı. Çubuğun arkaplanı menü background'undan belirgin şekilde ayrılmalı ama agresif olmamalı. Yükseklik 48-56 piksel arası ideal; daha yüksek çubuk içerik alanını sıkıştırır, daha düşük çubuk dokunmatik hedef olarak başarısız olur.

• Format: "₺245 • 3 ürün • Sepete Git" — Türkçe okuma sırasına uygun
• Animasyon: ürün eklendiğinde 200ms pulse, kullanıcıyı şaşırtmadan bilgi veriyor
• Z-index: modal'lar ve toast'lar üstünde değil, hemen altında — çakışmasın

A/B Test Sonuçları ve Riskler

thMenu'da Pro+ restoranlarda yürütülen 6 haftalık A/B testi şunu gösterdi: sticky cart kullanan müşteriler ortalama %23 daha yüksek sepet değeri oluşturuyor çünkü sepete dönmek için kategori sayfasına geri scroll etmek zorunda kalmıyorlar. Karşı taraf: çubuk fazla agresifse "satış baskısı" hissi yaratabiliyor, özellikle premium restoranlarda.

Çözüm: sepet boşken çubuk hiç görünmesin. İlk ürün eklendiği anda yumuşak slide-up ile çıksın. Bu pattern hem premium algıyı korur hem de etkinliği maksimize eder.

FAQ

Sticky cart küçük menülerde de işe yarar mı? 20 üründen az menülerde fark %5 civarında kalıyor; 50+ ürünlü menülerde etki çok daha güçlü çünkü scroll mesafesi artıyor.

Mobilde ekranı çok mu kaplar? 48-56 piksel yükseklikte sadece viewport'un %6'sını kullanır — pratik etkisi yok ama dönüşüm etkisi belirgin.

thMenu'da nasıl açılır? Pro+ planda Settings → Menu Display → "Sticky Cart Bar" toggle'ından açılır; otomatik responsive davranış varsayılan.

Faydalı buldunuz mu? Paylaşın.