Mağaza sahipleri için checkout extensibility
Kısa yanıt
Shopify ödeme sayfasını bugün özelleştirmenin yolu checkout extensibility’dir; checkout.liquid artık desteklenmiyor. Dört parçası vardır: arayüz için checkout UI extension’ları, mantık için Shopify Functions, müşteri olaylarını izlemek için web pixel extension’ları ve ödeme sağlayıcıları için payments extension’ları; bunlara marka ayarları eklenir. Ödeme sayfası düzenleyicisindeki marka ayarları her planda çalışır; bilgi, kargo ve ödeme adımlarındaki özel arayüz ise Shopify Plus gerektirir.
- checkout.liquid, Shopify ödeme sayfasının Information, Shipping ve Payment adımlarında artık desteklenmiyor.
- Thank you ve Order status sayfalarında checkout.liquid ve additional scripts 28 Ağustos 2025’te kullanımdan kaldırıldı.
- Bu sayfalardaki script tag’ler Plus mağazalarında 28 Ağustos 2025’te, diğer mağazalarda 26 Ağustos 2026’da kullanımdan kaldırıldı.
- Standart ödeme sayfası marka ayarları (logo, renkler, yazı tipleri, arka plan) Basic ve üzeri planlarda kullanılabilir.
- Bilgi, kargo ve ödeme sayfalarını özelleştiren uygulamalar ve Checkout Branding API, Shopify Plus gerektirir.
Mağazalar yıllarca ödeme sayfasını (checkout), bir tema dosyası olan checkout.liquid’i düzenleyerek ve sipariş durumu sayfasındaki “additional scripts” alanına izleme kodu yapıştırarak özelleştirdi. O model sona erdi. Yerini checkout extensibility aldı: özelleştirmeler uygulamalardan gelir, Shopify’ın kontrol ettiği yerlerde çalışır ve ödeme sayfası güncellendiğinde bozulmadan kalır.
Bir mağaza sahibi için pratik sorular şunlardır: her parça ne yapar, hangi planı gerektirir ve mağazanızda sessizce çalışmayı bırakmış bir şey var mı?
Ne sona erdi, ne zaman?
checkout.liquid, Information, Shipping ve Payment adımlarında desteklenmiyor.checkout.liquidve additional scripts, Thank you ve Order status sayfalarında 28 Ağustos 2025’te kullanımdan kaldırıldı.- Bu sayfalardaki script tag’ler Plus mağazalarında 28 Ağustos 2025’te, diğer planlardaki mağazalarda 26 Ağustos 2026’da kaldırıldı.
Asıl önemli olan son tarih. Plus olmayan bir mağaza sipariş durumu sayfasındaki bir dönüşüm pikseli, anket ya da affiliate etiketi için script tag’e dayanıyorsa, bu kod Ağustos 2026 sonunda çalışmayı bıraktı. Shopify’ın yönlendirmesi şudur: Thank you ve Order status sayfalarında hâlâ checkout.liquid kullanan mağazalar Shopify Extensions in Checkout’a geçmelidir.
Parçalar, mağaza sahibinin diliyle
Shopify’ın geliştirici dokümantasyonu marka ayarlarına ek olarak dört özelleştirme seçeneği sayar:
| Parça | Sizin için ne yapar | Örnekler |
|---|---|---|
| Checkout UI extension’ları | Ödeme sayfasının içine Shopify’ın kendi bileşenleriyle kurulan arayüz ekler. Yerini ödeme sayfası düzenleyicisinde siz belirlersiniz. | Hediye mesajı alanı, güven bandı, Thank you sayfasında anket |
| Shopify Functions | Ödeme mantığını Shopify’ın sunucularında değiştirir. Kendi arayüzü yoktur. | Özel indirimler, bir teslimat veya ödeme seçeneğini gizlemek, bir kuralı çiğneyen siparişi engellemek |
| Web pixel extension’ları | Pazarlama ve analiz için müşteri olaylarını, korumalı bir alanda (sandbox), vitrin, ödeme sayfası ve satın alma sonrası sayfalar boyunca toplar. | Reklam platformu dönüşüm takibi, analiz araçları |
| Payments extension’ları | Bir ödeme sağlayıcısını Shopify yönetim paneline ve ödeme sayfasına bağlar. Yalnızca onaylı Partner’lar geliştirebilir. | Bir ödeme sağlayıcısının Shopify uygulaması |
| Marka ayarları (branding) | Ödeme sayfasının görünümünü yönetir: logo, renkler, yazı tipleri, arka plan ve Checkout Branding API ile daha fazlası. | Ödeme sayfasını mağazanın görsel kimliğine uydurmak |
Özel işlerin çoğu ilk ikisinde yapılır: müşterinin gördükleri için UI extension’lar, ödeme sayfasının yaptıkları için Shopify Functions. En kullanışlı Functions’tan biri olan doğrulamanın kendi rehberi var.
Bunlardan ikisini genellikle geliştirmezsiniz, kurarsınız. Payments extension’ları ödeme sağlayıcılarından gelir; çünkü onları yalnızca onaylı Partner’lar geliştirebilir. Web pikselleri de genellikle analiz ya da reklam platformunun kendi Shopify uygulamasından gelir. Bir mağazanın yaptırdığı parçalar UI extension’lar ve Functions’tır.
Planınızın izin verdikleri
| Özelleştirme | Basic, Grow, Advanced | Shopify Plus |
|---|---|---|
| Ödeme sayfası düzenleyicisinde marka ayarları (logo, renkler, yazı tipleri, arka plan) | Evet | Evet |
| Checkout Branding API | Hayır | Evet |
| Thank you ve Order status sayfalarında uygulamalar | Evet | Evet |
| Bilgi, kargo ve ödeme sayfalarında uygulamalar | Hayır | Evet |
| Functions içeren App Store uygulamaları | Evet | Evet |
| Functions içeren özel uygulamalar | Hayır | Evet |
Shopify ilk sütundakilere “standart”, yalnızca Plus’a ait olanlara “gelişmiş” özelleştirme der. Plus’ın altındaki bir mağaza da çok şeyi değiştirebilir: ödeme sayfasının görünümünü, satın alma sonrasında görünenleri ve App Store uygulamaları aracılığıyla indirim, teslimat, ödeme ve doğrulama mantığını.
Ödeme sayfası düzenleyicisi nasıl çalışır?
Checkout UI extension içeren bir uygulama kurulduktan sonra onu ödeme sayfası düzenleyicisinden eklersiniz: bölümü açın, Add block’a tıklayın, uygulamayı seçin ve ayarlarını yapın. Bloklar sürüklenerek başka bir alana taşınabilir. Tek bir konumda en fazla üç uygulama bulunabilir.
Bazı uygulamalar plana göre farklı davranır. Örneğin Checkout Blocks uygulaması Basic ve üzeri planlarda bazı özellik kısıtlamalarıyla, Plus’ta ise tam olarak kullanılabilir; Yardım Merkezi de bazı uygulamaların yalnızca belirli Plus mağazalarına açık olduğunu belirtir. Tasarımı bir uygulamaya göre kurmadan önce o uygulamanın plan notlarına bakın.
Extension’lar keyfi HTML ya da CSS değil, yalnızca Shopify’ın sunduğu bileşenleri ve API’leri kullanabilir ve hassas ödeme bilgilerini görmez. checkout.liquid’e göre bedeli budur: daha az özgürlük, ama Shopify ödeme sayfasını güncellediğinde artık bozulmayan özelleştirmeler.
Eski özelleştirmeler nereye gidiyor?
Eski ödeme sayfası kodlarının çoğu birkaç kalıba girer. Her birinin yeni yeri:
| Eski yöntem | Yerine gelen | Plan |
|---|---|---|
| Additional scripts içindeki dönüşüm veya analiz kodu | Web pixel extension, genellikle sağlayıcının Shopify uygulamasından | Basic ve üzeri |
| Order status sayfasında özel HTML | Order status sayfasında checkout UI extension | Basic ve üzeri |
checkout.liquid içine eklenmiş ek alan veya mesaj | Bilgi, kargo ya da ödeme adımında checkout UI extension | Plus |
checkout.liquid içindeki CSS değişiklikleri | Ödeme sayfası düzenleyicisinde marka ayarları ya da Checkout Branding API | Düzenleyici: Basic ve üzeri; API: Plus |
| İndirim, kargo veya ödeme için Shopify Script | Shopify Function (Discount, Delivery Customization, Payment Customization) | App Store uygulamaları: her plan; özel uygulamalar: Plus |
| Siparişi tarayıcıda engelleyen JavaScript | Cart and Checkout Validation Function | App Store uygulamaları: her plan; özel uygulamalar: Plus |
Bir kalıbın doğrudan karşılığı yok: keyfi işaretleme ve stil. Extension’lar yalnızca Shopify’ın bileşenlerini kullanır, marka ayarları da ayarlar üzerinden yapılır. Eski bir tasarım ödeme sayfası içinde özel HTML’e dayanıyorsa onu olduğu gibi taşıyamazsınız; yeniden düşünmeniz gerekir.
Sık yapılan üç yanlış yorum
- “Checkout extensibility bir Plus özelliğidir.” Bazı parçaları öyle. Düzenleyicideki marka ayarları, satın alma sonrası sayfa uygulamaları ve Functions içeren App Store uygulamaları alt planlarda da çalışır.
- “Functions ve UI extension’lar aynı şeydir.” Çoğu zaman aynı uygulamayla gelen iki ayrı araçtır. Biri arayüz ekler; diğeri Shopify’ın sunucularında mantığı değiştirir.
- “İzleme kodu bir script tag ile geri eklenebilir.” Thank you ve Order status sayfalarında script tag’ler 26 Ağustos 2026 itibarıyla her plan için kaldırıldı. Desteklenen yol piksellerdir.
Mağazanızda şimdi neyi kontrol etmelisiniz?
- Sipariş durumu sayfası ayarlarını açın ve eskiden additional scripts ya da script tag’lerde duran her şeyi listeleyin: pikseller, anketler, affiliate kodları.
- Her izleme öğesi için sağlayıcının web pikseli olan bir Shopify uygulaması sunup sunmadığına bakın. Eski kodu onunla değiştirin.
- Ödeme sayfasındaki görünür her içerik için Thank you ya da Order status sayfasına mı (her plan), yoksa ödeme adımlarının içine mi (Plus) ait olduğuna karar verin.
- İndirimler ya da gizlenen seçenekler gibi her ödeme mantığı için onun yerini alan Function tabanlı uygulamayı ya da geliştirmeyi bulun. Eskiden bir Shopify Script idiyse 30 Haziran 2026’da çalışmayı bıraktı.
- Bir test siparişi verin ve izlemenin, mesajların ve kuralların beklendiği gibi çalıştığını doğrulayın.
Lintel’in yeri
Lintel, checkout extensibility’nin özel parçalarını geliştirir: mantık için Shopify Functions ve uygun bir App Store uygulaması olmadığında bir özel uygulama içinde checkout UI extension’ları. Eski ödeme sayfası kodu olan bir mağazada ilk adım yukarıdaki denetimdir; böylece yeniden geliştirme gerçekten önemli olanı kapsar.
Sık sorulan sorular
- checkout.liquid’i hâlâ düzenleyebilir miyim?
- Hayır. checkout.liquid, Information, Shipping ve Payment adımlarında desteklenmiyor; Thank you ve Order status sayfalarında da 28 Ağustos 2025’te kullanımdan kaldırıldı.
- Sipariş durumu sayfasındaki additional scripts’e ne oldu?
- 28 Ağustos 2025’te kullanımdan kaldırıldılar. Bu sayfalardaki script tag’ler de Plus mağazalarında 28 Ağustos 2025’te, diğer mağazalarda 26 Ağustos 2026’da kaldırıldı. İzleme kodunun yeri artık web pixel extension’larıdır.
- Shopify Plus olmadan ödeme sayfasını özelleştirebilir miyim?
- Kısmen. Basic’ten itibaren her plan düzenleyicide ödeme sayfasının marka ayarlarını değiştirebilir ve Thank you ile Order status sayfalarında uygulama kullanabilir. Bilgi, kargo ve ödeme adımlarının içindeki uygulamalar Plus gerektirir.
