Shopify Checkout Extensibility, Plus satıcıları için checkout.liquid’in yerini alan ve güvenli, güncellemelere dayanıklı ödeme özelleştirmelerine olanak tanıyan modern bir altyapıdır. UI bileşenlerini ve Shopify Functions’ı kullanarak geliştiriciler, temel ödeme akışının kararlılığını veya performansını riske atmadan ödeme deneyimini değiştirebilirler. Bu platform değişikliği, özel mantığın gelecekteki güncellemelerle uyumlu kalmasını sağlayarak özel ödeme davranışı gerektiren yüksek hacimli mağazalar için kararlı bir ortam yaratır.
Shopify neden checkout.liquid’den vazgeçiyor?
Yıllar boyunca checkout.liquid, ödeme sürecine özel kod eklemenin bir yolunu sağladı. Ancak bu esneklik, mağaza kararlılığı ve performansı açısından önemli riskler beraberinde getiriyordu. Shopify arka uç sistemlerini güncellediğinde, yoğun şekilde değiştirilmiş checkout.liquid dosyalarına sahip mağazalar genellikle bozulmuş işlevsellikle karşılaşıyor veya temel özellikleri geri yüklemek için manuel kod bakımı gerektiriyordu. Yeni Extensibility altyapısı, kontrollü bir ortam sağlayarak bunu çözer. Ham kodu düzenlemek yerine geliştiriciler artık doğrudan Shopify API ile konuşan önceden tanımlanmış bileşenleri kullanıyor. Bu, ödeme mantığının ödeme arayüzünden ayrı kalmasını sağlayarak platform yeni güncellemeler sunduğunda çakışmaları önler.
Bu altyapının temel bileşenleri nelerdir?
Shopify Checkout Extensibility mimarisi iki temel sütuna dayanır: UI Extensions ve Shopify Functions. UI Extensions, ödeme akışına doğrudan özel alanlar, banner’lar veya veri toplama noktaları eklemenize olanak tanır. Bunlar React kullanılarak oluşturulur ve korumalı bir ortamda çalışır; böylece bir bileşendeki komut dosyası hatasının tüm ödeme sürecini çökertememesi sağlanır. Shopify Functions ise iş mantığını yönetir. Müşteri etiketleri veya sepet içeriği gibi belirli koşullara bağlı olarak indirimleri, kargo ücretlerini ve ödeme yöntemlerini manipüle etmek için sunucu tarafında özel kod çalıştırmanıza olanak tanır. Bu araçlar birlikte karmaşık ödeme gereksinimlerini ele almak için yapılandırılmış bir yol sunar.
Ödeme uzantılarını uygulamaya nasıl başlarsınız?
Başlamak için mağazanızın Shopify Plus planında olduğundan emin olun, çünkü bu özellik yüksek hacimli satıcılar için ayrılmıştır. Shopify CLI kullanarak bir geliştirme ortamı kurmanız gerekecektir. CLI, uzantılarınızı oluşturmak, test etmek ve dağıtmak için birincil araçtır. Yerel ortamınız yapılandırıldıktan sonra ödeme sayfası, teşekkür sayfası veya sipariş durumu sayfası gibi çeşitli uzantı hedefleri arasından seçim yapabilirsiniz. Tipik bir hesaptaki yaygın bir model, sipariş tamamlanmadan önce sadakat programı bilgilerini göstermek, dinamik kargo seçenekleri sunmak veya ek müşteri tercihlerini toplamak için bu hedefleri kullanmaktır.
Eski checkout.liquid ile checkout extensibility karşılaştırması
| Özellik | checkout.liquid | Checkout Extensibility |
|---|---|---|
| Kod erişimi | Tam liquid erişimi | Uygulama tabanlı bileşenler |
| Yükseltme riski | Yüksek (bozucu değişiklikler) | Düşük (platform tarafından yönetilir) |
| Performans | Değişken | Optimize edilmiş/Tutarlı |
Alien Road Shopify Checkout Extensibility’yi nasıl uygular
Alien Road’da yaklaşımımız, mevcut ödeme gereksinimlerinizi yeni altyapının yetenekleriyle denetlediğimiz bir keşif aşamasıyla başlar. Hangi özel komut dosyalarının uygulamalara veya fonksiyonlara taşınabileceğini ve hangilerinin UI bileşenleri kullanılarak sıfırdan yeniden oluşturulması gerektiğini belirleriz. Örneğin, bir müşterinin özel hediye mesajı alanları göstermesi gerekiyorsa, bu verileri yakalayan ve sipariş özniteliklerine yazan özel bir UI extension oluştururuz. Ardından, bu özniteliklerin sipariş karşılama hattından doğru şekilde geçmesini sağlamak için Shopify Functions kullanırız. Bu süreç boyunca, dağıtılan her uzantı için net bir belgelendirme izi koruruz, böylece ekibiniz uyguladığımız her değişikliğin arkasındaki mantığı anlar.
Ödeme fonksiyonları için yaygın kullanım senaryoları nelerdir?
Shopify Functions, daha önce basit indirim kodlarıyla yönetilmesi imkansız olan karmaşık iş kurallarını otomatikleştirmek için özellikle etkilidir. Bunları, yalnızca belirli posta kodları veya ürün kategorileri için ücretsiz ekspres kargo sunmak gibi özel kargo mantığı oluşturmak için kullanabilirsiniz. Diğer bir yaygın uygulama, sipariş toplamına veya kullanıcının hesap durumuna göre ödeme ağ geçitlerini gizleyebileceğiniz veya gösterebileceğiniz gelişmiş ödeme özelleştirmesidir. Bu fonksiyonlar milisaniyeler içinde yürütülür ve müşterinin ödeme sürecinde herhangi bir gecikme yaşamamasını sağlarken marka mantığınıza uyan kişiselleştirilmiş bir deneyim sunar.
Yeni ödeme bileşenlerinizi nasıl yönetir ve dağıtırsınız?
Dağıtım, Shopify partner paneli veya CLI aracılığıyla gerçekleştirilir. Uzantılarınız hazır olduğunda, arayüzün marka yönergelerinizle tutarlı görünmesini sağlamak için bunları bir geliştirme mağazasında önizleyebilirsiniz. Mevcut ödeme kurulumunuzdan yeni sisteme sorunsuz bir geçiş sağlamak için şu adımları izlemelisiniz:
- Gerekli işlevselliği belirlemek için mevcut liquid kodunu denetleyin.
- Shopify CLI’ı kurun ve ilk UI extension’ınızı oluşturun.
- Geliştirme mağazası ortamında bireysel bileşenleri test edin.
- Sunucu tarafı mantık gereksinimlerini ele almak için Shopify Functions kullanın.
- Canlı mağazaya dağıtın ve performans metriklerini izleyin.
Başarılı bir geçiş için kontrol listesi
Eski liquid dosyalarından uzaklaşmak, planlama gerektiren önemli bir projedir. Başlamadan önce, bazı eski uygulamalar daha eski entegrasyon yöntemlerine güvenebileceğinden, üçüncü taraf uygulamalarınızın yeni ödeme mimarisiyle uyumlu olduğunu doğrulayın. Bileşenler uzantı altyapısı tarafından sağlanan standart tasarım sistemine uyması gerektiğinden, tasarım ekibinizin UI gereksinimlerini sonuçlandırdığından emin olun. Hassas verilerle çalışıyorsanız, fonksiyonlarınızın güvenlik standartlarını korumak için uygun API kapsamlarını kullandığını onaylayın. Tipik bir hesap, uluslararası vergi hesaplamaları veya çok para birimli ödeme gibi tüm uç durumların doğru şekilde kapsandığından emin olmak için test aşamasında birkaç hafta harcayacaktır.
- Shopify Plus durumunu ve özellik erişimini doğrulayın.
- Şu anda checkout.liquid içinde bulunan her özel komut dosyasını belgelendirin.
- Her komut dosyasını bir UI Extension veya bir Shopify Function ile eşleyin.
- Tüm ödeme ağ geçitlerinde regresyon testi gerçekleştirin.
- Ödeme arayüzünü hem mobil hem de masaüstü cihazlarda doğrulayın.
Sıkça Sorulan Sorular
Shopify Checkout Extensibility tüm planlar için kullanılabilir mi?
Hayır, bu özellik şu anda özellikle Shopify Plus planındaki satıcılar için mevcuttur. Mağazalarının kararlılığından ödün vermeden ödeme deneyimlerini değiştirmesi gereken yüksek hacimli işletmelerin ihtiyaç duyduğu kontrolü ve esnekliği sağlamak üzere tasarlanmıştır. Alt düzey planlardaki satıcılar, mevcut özelleştirme seçeneklerini görmek için Shopify yönetim panelindeki mevcut özellik setlerini kontrol etmelidir.
Bu, ödemedeki tüm liquid kodunun yerini alıyor mu?
Evet, Shopify Checkout Extensibility, checkout.liquid’in yerini almayı amaçlamaktadır. Platform, tüm ödeme özelleştirmelerinin uygulamalar ve uzantılar aracılığıyla yönetildiği bir modele doğru ilerlemektedir. Bu değişim, Shopify ana platformunda arka plan güncellemeleri gerçekleştirse bile ödemenizin işlevsel ve güvenli kalmasını sağlamak için tasarlanmıştır. Uzun vadeli uyumluluğu garanti etmek için bu yeni araçlara geçişinizi planlamalısınız.
Mevcut ödeme uygulamalarımı hala kullanabilir miyim?
Modern Shopify uygulamalarının çoğu yeni ödeme mimarisiyle zaten uyumludur. Ancak, ödeme sayfasına liquid kodu enjekte etmeye dayanan eski uygulamalar kullanıyorsanız, bunları güncellemeniz veya alternatifler bulmanız gerekebilir. Belirli bir uygulamanın yeni Extensibility bileşenlerini destekleyip desteklemediğini onaylamak için uygulama geliştiricisine veya Shopify App Store belgelerine danışmalısınız.
Bu hafta nereden başlamalı?
Bu hafta mevcut ödeme sayfanızı denetleyerek başlayın. Şu anda bir liquid geçersiz kılma gerektiren her özel öğeyi belirleyin. Bu listeye sahip olduğunuzda, hangi araçların ihtiyaçlarınıza uygun olduğunu görmek için UI Extensions ve Shopify Functions için resmi Shopify belgelerine bakın. Süreci karmaşık bulursanız, ödemenizin performanslı kalmasını ve mevcut platform gereksinimlerine tamamen uygun olmasını sağlamak için uygulamayı yönlendirmesi adına bir ortak ajansa ulaşmayı düşünün.