Hyvä Checkout Uygulamada: Hollanda, İsviçre ve Türkiye’deki Projelerden Alınan Dersler

Hollanda, İsviçre ve Türkiye’deki Magento 2 mağazalarında Hyvä Checkout projelerine dair notlar

Checkout, bir Magento mağazasında her yavaş saniyenin ve her hatanın doğrudan para kaybettirdiği tek sayfadır. Hollanda, İsviçre ve Türkiye’deki Magento 2 mağazalarında Hyvä Checkout’u uyguladım ve ayrıca arkasında Luma checkout bulunan bir Hyvä vitrinine sahip mağazalarda da çalıştım. Her iki kurulum da çalışabilir. Farklı şekillerde başarısız olurlar.

Bu makale, Hyvä Checkout’un aslında neleri değiştirdiğini, genellikle bir projeyi belirleyen entegrasyonların (PostNL, DHL ve ödeme sağlayıcıları) nasıl davrandığını, Luma ödeme sayfasından geçişe nasıl yaklaştığımı ve Luma’yı korumanın ne zaman daha akıllıca bir seçim olduğunu ele alıyor.

Hyvä Checkout nedir?

Hyvä Checkout, Hyvä temasından ayrı bir üründür. Tema, Magento’nun Luma ön yüzünü değiştirir. Checkout, Magento’nun varsayılan checkout’unu, her Luma mağazasının birlikte geldiği büyük Knockout.js ve RequireJS uygulamasını değiştirir.

Magewire üzerine inşa edilmiştir, bu Magento için Livewire tarzı bir bileşen katmanıdır. Ödeme sürecinin her bir kısmı (adres, kargo yöntemleri, ödeme yöntemleri, toplamlar) sunucuda işlenen bir PHP bileşenidir ve küçük etkileşimli parçalar için Alpine.js kullanılır. Bir müşteri bir kargo yöntemi seçtiğinde, bileşen sunucuda güncellenir ve değiştirilen HTML geri gönderilir. Yüklenmesi, başlatılması ve senkronize tutulması gereken büyük bir istemci tarafı uygulaması yoktur.

Kasım 2025’ten itibaren Hyvä teması kendisi ücretsiz ve açık kaynaklıdır. Hyvä Checkout hala ticari bir lisansa sahiptir: yazıldığı sırada, ilk yıl güncellemeleri dahil olmak üzere her Magento kurulumu için yaklaşık 1.000 € veya Hyvä Commerce aboneliğinin bir parçasıdır. Bütçenizi ayarlamadan önce güncel fiyatlar için hyva.io’yu kontrol edin.

Hyvä Checkout ile Luma ödeme geri dönüşü karşılaştırması

Bir Hyvä mağazası, Hyvä Checkout kullanmak zorunda değildir. Yedek modül (hyva-themes/magento2-luma-checkout), Hyvä temasını ödeme yolunda kapatır ve orada standart Luma ödeme sayfasını, RequireJS, Knockout ve Luma stilleri ile yükler. Luma mağazasında çalışan her şey burada da çalışır.

	Hyvä Checkout	Luma ödeme sayfası yedekleme
İşleme	Sunucu tarafı bileşenleri (Magewire) ile Alpine.js	RequireJS ile İstemci Tarafı Knockout.js Uygulaması
Ödeme sayfasında JavaScript	Küçük	Tam Luma ödeme yığını
Görünüm ve his	Aynı Tailwind tasarım sistemi mağaza ile.	Ayrı Luma stilini koruyarak sürdürmek
Özelleştirme	PHP bileşenleri ve şablonları	Knockout UI bileşenleri, mixin’ler, düzen XML’i
Üçüncü taraf modüller	Hyvä Checkout entegrasyonu gerekiyor	Luma uyumlu modüller olduğu gibi çalışır.
Lisans	Ticari	Ücretsiz, tema ile

Gerçekten ortaya çıkan faydalar

1. Mobilde daha hafif bir ödeme

Luma ödeme sayfası, bir müşterinin bir adres yazmadan önce onlarca JavaScript dosyasını yükler. Orta seviye telefonlarda, ödeme sayfasının yavaş hissettirdiği yer burasıdır: geciken dokunuşlar, sayfa başlatılırken zıplayan alanlar. Hyvä Checkout, formu sunucuda işler ve çok daha az JavaScript gönderir. Bunu, ödeme sayfasındaki etkileşim yanıt verme süresinde (INP) ve ilk alanın ne kadar hızlı kullanılabilir olduğunda görebilirsiniz.

2. Daha az sessiz hata

Luma mağazalarında düzelttiğim en fazla ödeme hatası mağaza sahibi için görünmezdi: bir durumda yüklenmeyen bir JavaScript bağımlılığı, bir modülden gelen bir mixin’in diğerini geçersiz kılması, giriş yapmış müşteriler için kaybolan bir kargo yöntemi. Bu durumlardan birinde, tek bir JavaScript bağımlılığını düzeltmek, tamamlanan ödemeleri %11 artırdı (hikaye, Magento dönüşüm oranı optimizasyonu konusundaki makalemde). Sunucu tarafından oluşturulan bileşenlerle, tarayıcıda çok daha az hareketli parça olduğundan, bu tür hataları bulmak için daha az şey var.

3. Değişiklikler ucuz hale gelir

Bir alan eklemek, adımları yeniden sıralamak, bir teslimat vaadini bir kargo yöntemi yanında göstermek: Luma’da bu, Knockout şablonları, UI bileşenleri ve mixin’ler anlamına gelir ve bunları iyi bilen bir geliştirici gerektirir. Hyvä Checkout’ta ise bu bir PHP bileşeni ve bir şablondur. Küçük ödeme iyileştirmeleri proje olmaktan çıkar.

4. Tek tasarım sistemi

Geri dönüşüm ile, ödeme sayfası bir Hyvä mağazası içinde bir Luma adasıdır: farklı CSS, farklı bileşenler, bir düğmeyi değiştirmek için iki yer. Hyvä Checkout, mağazanın geri kalanıyla aynı Tailwind tasarım sistemini kullanır, bu nedenle müşteri yeni geldiği mağaza gibi görünür ve davranır.

5. Kendi adımlarınız ve düzeniniz

Hyvä Default, çok adımlı bir ödeme sürecidir ve adımlar ile içerikleri, değiştirebileceğiniz düzen dosyalarında tanımlanmıştır; tek sayfa akışı da dahil. Hangi akışın daha iyi dönüşüm sağladığı, müşterilerinize bağlıdır ve bunu tahmin etmek yerine test edebilirsiniz.

Hyvä Checkout entegrasyonu: PostNL, DHL ve ödeme sağlayıcıları

Pratikte entegrasyonlar projeyi belirler, kendisi ödeme sayfası değil. Herhangi bir tahminde bulunmadan önce, ödeme sayfasına dokunan her modülü listeliyorum ve her birini Hyvä’nın kamuya açık entegrasyon takipçisi ve satıcının kendi Hyvä desteği ile kontrol ediyorum.

PostNL

PostNL, Hyvä Checkout uyumluluk modülünü (postnl/module-hyva-checkout) yayınlıyor; bu modül, normal Magento 2 uzantısının üzerine oturuyor. Pickup noktaları ve teslimat günü seçimini Hyvä Checkout’a getiriyor. Her projede kontrol ettiğim iki şey var: iki modül arasındaki sürüm eşleşmesi, çünkü uyumluluk modülü güncel bir PostNL uzantısı gerektiriyor ve teslimat seçeneklerinin, posta kodu değiştiğinde nasıl yenilendiği, çünkü müşterilerin gecikmeleri burada fark ettikleri.

DHL

DHL Paket için DHL Paket gönderim uzantısı ile birlikte bir yardımcı modül (dhlparcel/magento2-plugin-hyva) bulunmaktadır; bu modül, ServicePoint lokasyonunu ve Hollanda’da teslimat zaman dilimlerini içerir. Henüz genç bir modül (ilk olarak Ocak 2026’da piyasaya sürüldü), bu yüzden çalıştığını varsaymak yerine, kullanılan tam sürümlerle test ediyorum. Eğer Sendcloud üzerinden gönderim yapıyorsanız, DHL hizmet noktaları Sendcloud’un ayrı Hyvä uyumluluk köprüsüne ihtiyaç duyar. Diğer DHL entegrasyonları ise kendi Hyvä desteği olan veya hiç olmayan ayrı ürünlerdir.

Ödeme sağlayıcıları

Mollie, Adyen, Buckaroo, MultiSafepay, Pay., PayPal, Stripe, Klarna ve Worldline, Hyvä’nın ödeme entegrasyonları listesinde yer alıyor, bu nedenle çoğu Hollandalı ve Batı Avrupa mağazası kapsanıyor, iDEAL kendi ödeme sağlayıcısı aracılığıyla dahil. Her entegrasyon, sağlayıcının kendi uzantısının yanında yer alan ayrı bir modüldür ve kendi sürüm gereksinimlerine sahiptir.

Hollanda, İsviçre ve Türkiye arasında ne fark var?

• Hollanda. iDEAL, öncelikle test edilmesi gereken ödeme yöntemidir. Adres girişi, posta kodu ve ev numarası sorgulaması kullanmalıdır; Postcode.nl, Hyvä Checkout entegrasyonlarına sahiptir. Müşteriler, PostNL teslim alma noktaları ve bir teslimat günü beklemektedir.
• İsviçre. Müşteriler genellikle Datatrans, Saferpay veya Wallee gibi bir İsviçre ödeme sağlayıcısı aracılığıyla TWINT ve PostFinance beklemektedir. Bu yazının yazıldığı sırada bunlar Hyvä’nın listesinde yer almıyor, bu nedenle önce sağlayıcıyla kontrol edin ve gerekirse özel bir Magewire ödeme bileşeni için bütçe ayırın. Bir kurulumda birden fazla dil ve CHF fiyatlandırması da her mağaza görünümü için test edilmelidir.
• Türkiye. Kart ödemeleri, 3D Secure yönlendirmeleri ve her kart için taksit seçenekleri ile yerel geçitler üzerinden gerçekleştirilir. Yerel geçitler Hyvä’nın listesinde de yer almıyor, bu yüzden mağazaya geri yönlendirmeyi yöneten ve taksit tablosunu doğru bir şekilde gösteren bir ödeme bileşeni planlayın.

Luma ödeme sayfasından Hyvä Ödeme Sayfası’na nasıl geçiş yaparım

1. Envanter. Ödeme sürecini etkileyen her modül: gönderim, ödeme, adres doğrulama, özel alanlar, KDV numarası veya sipariş numarası gibi B2B alanları, hediye seçenekleri, takip scriptleri.
2. Sınıflandırın. Her modül ya yerel olarak çalışır, bir Hyvä Checkout entegrasyonuna sahiptir ya da inşa edilmesi gerekir. Üçüncü grup bütçeyi ve zaman çizelgesini belirler.
3. İzleme yeniden yapılandırması. Luma ödeme scriptlerinden veri katmanı itmeleri Hyvä Checkout’ta çalışmıyor. GA4 olayları begin_checkout, add_shipping_info, add_payment_info ve purchase yeniden uygulanmalı ve sipariş verileri ile uzlaştırılmalıdır. Ayrıca, satın alma olayını sunucu tarafına göndermek için doğru zaman.
4. Staging üzerinde gerçek para akışlarını test edin. Sandbox modundaki her ödeme yöntemi, başarısız ve iptal edilen ödemeler, 3D Secure’dan geri yönlendirme ve gönderim yaptığınız her ülke için her gönderim yöntemi.
5. Mağaza görünümüne göre geçiş. Aktif ödeme, web sitesi veya mağaza görünümüne göre yapılandırmada seçilir, böylece bir pazarı önce taşıyabilir, diğerlerinde Luma ödeme sayfasını koruyabilir ve karşılaştırabilirsiniz.
6. Sonraki değişiklikten önce dört hafta boyunca ölçüm yapın.

Luma ödeme sayfası hâlâ doğru seçim olduğunda

Hyvä Checkout, yeni Hyvä projeleri için varsayılanım, ama her zaman değil. Luma ödeme sayfasını şu durumlarda kullanıyorum:

• işletmenin bağımlı olduğu bir ödeme veya gönderim modülünün Hyvä Checkout entegrasyonu yoksa ve bir tane oluşturmak henüz bütçeye uymuyorsa;
• mağaza, operasyon ve destek ekiplerinin iyi bildiği, yoğun bir şekilde özelleştirilmiş tek adımlı ödeme eklentisine güveniyor;
• başlangıç tarihi sabitlenmiştir ve mağaza en büyük kazançtır: önce Hyvä mağazasını gönderin ve ödeme işlemini ikinci aşamada taşıyın.

Bir Hyvä vitrin ile bir Luma ödeme geçidi geçerli bir kurulumdur, ancak sepet iki ön yüz arasında teslimat noktası haline gelir. Bu sınırı bir Hyvä vitrin ile bir Luma ödeme geçidi üzerine bir vaka çalışmasında yazdım.

Önce ve sonra neyi ölçmeliyiz

Hyvä Checkout bir araçtır, sonuç değil. Geçişten önce bir temel kaydediyorum ve dört hafta sonra aynı rakamları karşılaştırıyorum:

• Cihaz başına begin_checkout ile purchase arasındaki ödeme adımı tamamlama.
• Ödeme yöntemi başına başarı oranı, başarısız ve iptal edilen ödemeleri de içermektedir.
• Mobil ziyaretçiler için ödeme sayfasında INP ve LCP, alan verilerinden ve yalnızca Lighthouse’tan değil (bkz. Core Web Vitals kılavuzu).
• Ödeme sırasında JavaScript hataları.
• Siparişlerin geçmediğiyle ilgili destek e-postaları ve biletler.

Baymard Enstitüsü, belgelendirilmiş ortalama sepet terk etme oranını yaklaşık %70 olarak belirtiyor ve ABD’li alışverişçilerin %18’i, siparişi terk ettiklerini çünkü ödeme sürecinin çok uzun veya karmaşık olduğunu söylüyor. Her müşteri için işe yarayan hızlı bir ödeme süreci, bunların hepsini çözmez, ancak kontrol edebildiğiniz kısımdır.

Hyvä Checkout kontrol listesi

1. Listelenen her ödeme modülü, Hyvä entegrasyon izleyicisi ile kontrol edilmiştir.
2. PostNL, DHL ve diğer taşıyıcı modülleri, Hyvä modüllerinin desteklediği sürümler.
3. Sandbox’ta test edilen her ödeme yöntemi: başarı, başarısızlık, iptal, 3D Secure.
4. Pazar için uygun adres girişi, Hollanda’da posta kodu sorgulama gibi.
5. GA4 ödeme olayları yeniden yapılandırıldı ve gerçek siparişlerle uzlaştırıldı.
6. Anahtarın öncesinde kaydedilen bir temel.
7. Mağaza görünümüne göre dağıtım, sayılar tutana kadar yedek olarak Luma ödeme sayfası korunarak.

Sıkça sorulan sorular

Hyvä Checkout ücretsiz mi?

Hayır. Hyvä teması Kasım 2025’ten beri ücretsiz ve açık kaynaklıdır, ancak Hyvä Checkout ayrı bir ticari lisansa sahiptir. Bir Hyvä mağazası bunun yerine ücretsiz Luma ödeme geçişini kullanabilir.

Hyvä Checkout, PostNL ve DHL ile çalışıyor mu?

Evet, uyumluluk modülleri aracılığıyla: postnl/module-hyva-checkout PostNL için ve dhlparcel/magento2-plugin-hyva DHL Parcel için. Her ikisi de taşıyıcının standart Magento eklentisinin üstünde yer alır ve uyumlu sürümlere ihtiyaç duyar.

Hyvä teması ile Luma ödeme sayfasını kullanabilir miyim?

Evet. Yedekleme modülü, ödeme rotasında standart Luma ödeme sayfasını yükler. Bu geçerli bir ilk aşamadır, ancak ardından iki ön yüzü korursunuz: Hyvä mağazası ve Luma ödeme sayfası. Tersi de mevcuttur: Hyvä Ödeme, hala Luma temasını kullanan bir mağazada çalışabilir.

Hyvä Checkout geçişi ne kadar sürer?

Entegrasyonlara bağlıdır, ödeme ve gönderim işlemlerine değil. Her ödeme ve gönderim modülü zaten bir Hyvä Checkout entegrasyonuna sahip olduğunda, bu birkaç hafta meselesidir; inşa edilmesi gereken her modül buna eklenir.

Son düşünceler

Hyvä Checkout, bir Magento mağazasının en önemli sayfasını daha hafif, değiştirilmesi daha kolay ve bozulması daha zor hale getirir. Çalışma, entegrasyonlardadır: PostNL, DHL, ödeme sağlayıcıları ve Hollanda, İsviçre ve Türkiye arasında farklılık gösteren pazar detayları.

Eğer taşınmayı planlıyorsanız, Luma’dan Hyvä’ya geçiş kılavuzuna başlayın veya önce ödeme sayfanızı incelememe izin verin: benim Magento ve Hyvä çalışmalarımı veya ödeme sayfası dönüşüm denetimini görün.