Shopify temasına dinamik teslimat mesajı ekleme

Mesajın neyi vaat ettiğine karar verin

Shopify teslimat çubuğu ya müşterinin sepet tutarıyla ne kazanabileceğini ya da teslimat bilgisinin neyi desteklediğini söylemeli; ikisini birbirine karıştırmamalı. Kampanya eşiği mesajı bir teşvike doğru ilerlemeyi anlatır; örneğin sepet belirli bir tutara ulaşınca ücretsiz kargo. Teslimat tahmini ise kargo hakkında bir iddiadır ve ilgili kargo bilgisine bağlanmalıdır.

Ödeme sayfasındaki teslimat seçenekleri, müşterinin siparişin nasıl gönderileceğini seçtiği alternatiflerdir. Bir kargo yöntemi; taşıyıcı bilgisini, beklenen teslimat süresini, ücret adlarını ve maliyetleri içerebilir. Mesaj siparişin ne zaman varacağını söylüyorsa ifadeyi bu tahmini destekleyen teslimat bilgisine dayandırın; varış tarihini sepet tutarından çıkarmayın.

Kampanya kargoyla ilgili olsa bile bu ayrım önemlidir. “Biraz daha alışveriş yapın, kargo ücretsiz olsun” bir teşviki anlatır. “Cuma günü elinizde” ise bir tahmindir. Kampanya kuralını ve kargo tahminini ayrı mantıkta tutun; eşiği teslimat tarihi gibi gösteren ifadelerden kaçının.

İlk mesajı gösterin ve eksiksiz sepet tutarını kullanın

İşe faydalı bir başlangıç durumuyla başlayın, ardından ilerlemeyi güncel ve eksiksiz sepet tutarı üzerinden hesaplayın. Çubuğun bir şey söylemesi için müşterinin sepete ürün eklemesini beklemeyin. Sepet verisi henüz yenilenmemişken de doğru kalan bir ilk mesaj seçin; örneğin kalan tutarı vermeden teklifi kısaca anlatan bir cümle.

Eşiği kodlamadan önce kampanyanın hangi sepet tutarını esas aldığına ve temanın güncel, eksiksiz sepet tutarını nereden aldığına karar verin. İlk yüklemede de sonraki güncellemelerde de aynı kaynağı kullanın. Tema güncel bir tutar belirleyemiyorsa, dayanağı olmayan kesin bir “kalan tutar” yerine nötr bir teklif mesajı gösterin.

İlk durumu göstermeyi ve eksiksiz sepeti okumayı ayrı geliştirme işleri olarak ele alın. Mesajı yazmadan önce kampanyanın para birimini ve teklife özel hariç tutmaları nasıl ele aldığını da netleştirin. Aksi hâlde çubuk matematiksel olarak tutarlı ama ticari açıdan yanıltıcı olabilir.

Sepet olayının verisini dikkatli kullanın

Shopify belgelerine göre product_added_to_cart olayı, müşteri sepete ürün eklediğinde tetiklenir ve online mağaza sayfalarında kullanılabilir. Bu olayı, sepetin yenilenmesi gerekebileceğini haber veren bir sinyal sayın. Olay verisi, sepet geneli bir eşik için gereken her değeri içerdiğini kanıtlamaz.

Olaydaki cartLine değeri null olabilir; bu yüzden onu okuyan kodun satır olmadığında izleyeceği bir yolu olmalı. Satır varsa, müşterinin satın almak istediği adedi içerir. Bir sepet satırının toplam tutarı o ürün satırının maliyetidir; sepetin tamamının toplamı olmak zorunda değildir. Dolayısıyla sepet geneli ilerlemeyi, bu satır tutarını sepetin tamamıymış gibi kabul ederek hesaplamayın.

Satır eksikse çubuk güvenli bir durumda kalmalı; tema bu sırada eksiksiz sepet tutarını kendi seçtiği yöntemle almalı ya da elindekini korumalı. Shopify, belgelenen satır maliyetlerinin değişebileceğini ve değişikliklerin ödeme sayfasına yansıdığını belirtir. Satır düzeyindeki bir tutarı kesin bir vaat gibi sunmayın ya da eksiksiz sepetmiş gibi sonraki adımlara taşımayın.

Mesajı her sepet değişikliğinde yenileyin ve test edin

Temanın sepet durumu her değiştiğinde mesajı yenileyin ve her yolun hem alttaki değeri hem de görünen metni güncellediğinden emin olun. Belgelenen sepete ekleme olayı ürün eklemelerini kapsar; ama bu tek başına her sepet değişikliğini kapsadığı anlamına gelmez. Temadaki sepet etkileşimlerini inceleyin ve ilgili her yolu aynı yenileme mantığına bağlayın.

Başlangıç durumunu ve teşviki değiştirebilecek geçişleri test edin: ürün eklemek, adet değiştirmek, bir satırı değiştirmek veya silmek ve temanın desteklediği diğer sepet değişikliği yolları. cartLine değerinin olmadığı bir senaryoyu da ekleyin. Her senaryoda eksiksiz sepet tutarını, gösterilen kalan tutarı, para birimi biçimini ve eşik aşıldığında ya da artık aşılmadığında görünen mesajı kontrol edin.

Değişiklikleri fark edilir kılın ama mesajı rahatsız edici hâle getirmeyin. Güncellemeyi çubuğun kendi yerinde tutun, kısa metin kullanın ve sırf toplam değişti diye klavye odağını taşımayın. Yardımcı teknolojilerin anlamlı bir güncellemeyi algılayabildiğini kontrol edin; değişmeyen içeriği tekrar tekrar okutmaktan kaçının. Hesabı tek başına test etmekle yetinmeyin; her sepet işleminden sonra ekranda görünen mesajı doğrulayın.

• Sepet verisi yenilenmeden önce ilk mesajın doğru olduğunu kontrol edin.
• Eklemeleri, adet değişikliklerini, silmeleri ve temanın desteklediği diğer sepet yollarını kontrol edin.
• cartLine olmadığında ne olduğunu ve para birimine uygun biçimlendirmeyi kontrol edin.
• Eşik iki yönde de aşıldığında mesajın doğru kaldığını kontrol edin.

Tema mesajını ödeme sayfası teslimat özelleştirmesinden ayrı tutun

Vitrindeki bir tema mesajı, ödeme sayfasında sunulan teslimat seçeneklerini özelleştirmekle aynı şey değildir. Ödeme sayfasındaki teslimat seçenekleri, müşterinin siparişin nasıl gönderileceğini seçtiği alternatiflerdir. Shopify’ın ödeme sayfası adrese gönderimi, mağazadan teslim almayı ve teslim noktasına gönderimi destekler. Müşteriler aynı ödemede farklı ürün grupları için farklı teslimat yöntemleri seçebilir. Tüm siparişe aynı teslimat yönteminin uygulandığını varsayan bir tema mesajı kurmayın.

Mesaj sunulan ya da seçilen kargo ücretlerini yansıtacaksa, bunu sepetin kampanya tutarından türetmeye çalışmayın; ödeme sayfasının teslimat bilgisini kullanın. Shopify belgelerine göre ödeme sayfasındaki teslimat yöntemi hedefleri, sunulan ve seçilen teslimat seçeneklerini görebilir. Bilgi, kargo ve ödeme adımlarında görünen Checkout UI extensions yalnızca Shopify Plus mağazalarında kullanılabilir. Bu, tema çubuğundan farklı bir geliştirme alanıdır; hedeflediğiniz deneyimi konum ve plan gereksinimlerine göre ayrıca değerlendirin.

Shopify ayrıca ödeme sayfasındaki teslimat seçeneklerinin önbelleğe alınabileceğini ve bazı teslimat function’larının sonuçlarının yeniden kullanılabileceğini belirtir. Kargo ücretine bağlı mantığı tasarlarken bunu hesaba katın; teslimat hesabının her görüntülemede yeniden çalışacağını varsaymayın. Mesajı, ilgili ödeme sayfası yüzeyinin gerçekten sunduğu veriye bağlı tutun. Mesaj bir teslimat tarihini değil sunulan bir seçeneği anlatıyorsa ifadeyi buna göre netleştirin.

Çubuğu kısa, net ve bakımı kolay tutun

Duyuru çubuğu kılavuzunu vitrin tema çubukları için genel bir geliştirme şartnamesi saymayın; onu faydalı bir kullanıcı deneyimi yönlendirmesi olarak okuyun. Shopify’ın belgelenmiş duyuru çubuğu kılavuzu, Teşekkürler sayfası ve müşteri hesabı sayfası özelleştirmeleri içindir. Shopify bu duyuru çubuğunu, dikkat çekmek için farklı bir renk şeması kullanan ama sayfa düzenini dengeli ve sade bırakan, göze batmayan bir bileşen olarak tanımlar.

Shopify’a göre duyuru çubuğu içeriği kısa, doğrudan ve ilk bakışta anlaşılır olmalıdır. Bu kuralı vitrindeki mesaja da uygulayın: teşviki ya da dayanağı olan teslimat bilgisini sade bir dille söyleyin, başka bir yere ait açıklama metinlerini çıkarın. Belgelenmiş bileşende, genişletilmiş hâlin azami yüksekliğini aşan içerik kaydırılabilir olmaz, kesilir. Shopify, kısa bir duyuru çubuğunu merak uyandıran bir giriş olarak kullanmayı, uzun içerik için ise modal düşünmeyi önerir.

Shopify’ın belgelenmiş duyuru çubuğu için önerdiği gibi mesajı mobilde ve masaüstünde test edin. Satır kaymasını, kontrastı, sayfadaki diğer içeriklerin yanında görünürlüğünü ve sepet değiştiğinde mesajın anlaşılır kalıp kalmadığını kontrol edin. Metni mağaza sahibinin kolayca güncelleyebileceği ya da değiştirebileceği şekilde kurun; böylece süresi dolmuş bir teklif ya da değişmiş bir teslimat bilgisi sayfada unutulmaz. Shopify’ın kılavuzu da mesajları güncel tutmak için içeriğin kolay güncellenebilmesini önerir.