Onder developers is de checkout een gevreesd onderdeel om te customizen: veel velden, validaties, afhankelijkheden, verschillende flows voor gast/klant, etc. Gaaf als het eindelijk gelukt is om het perfect te krijgen, maar voordat dat zover is, ben je vaak vele iteraties, uren en frustraties verder. Met de technologie-stack die het standaard Magento thema Luma gebruikt was het al heel ingewikkeld om een simpel veld toe te voegen aan een stap in de checkout. Laat staan als je ook volgorde van stappen (eerst factuuradres, dan verzendadres bijvoorbeeld) wilde omgooien, dan was je echt aan de beurt.
Hier lag dus een enorme kans voor Hyva, om ook de checkout net zo developer-friendly te maken als het theme zelf. Dus daar zijn ze mee aan de slag gegaan, gebruik makende van de bekende combinatie TailwindCSS en AlpineJS. Maar ook Magewire, waarmee het mogelijk is om met zo min mogelijk custom Javascript, onderdelen dynamisch te maken. Denk aan: automatisch Staat/Provincie veld verbergen als je een land kiest waarbij dat niet verplicht is, validatie op e-mailadres veld, beschikbare verzendmethoden tonen na aanpassen adres, etc.
Hyva Checkout dus. Hele mooie ontwikkeling. Maar een checkout valt of staat met integraties met derde partijen: logistiek en payment service providers zijn de voornaamste. Deze hebben vaak al een Magento 2 plugin op de plank liggen, zodat merchants eenvoudig gebruik kunnen maken van hun diensten. Pay. heeft daarom in samenwerking met Bold Commerce een plugin gebouwd die het mogelijk maakt om Pay. te gebruiken in de Hyva Checkout, zonder verder benodigd maatwerk van een technische partij, plug&play dus.
De Pay. Hyva Checkout plugin is geen vervanging van de Magento Pay module, maar een toevoeging, een zogeheten compatiblity module. De vereisten voor deze plugin zijn:
- Een recente Magento versie (getest op 2.4.6)
- Magento 2 Pay. plugin (https://github.com/paynl/magento2-plugin)
- Hyva Themes (v1.2.3)
- Hyva Checkout (v1.1.0)
De belangrijkste betaalmethoden worden ondersteund, te weten:
- iDeal (including bank selection in checkout)
- Creditcards (Visa, Mastercard, American Express and other major brands)
- Bancontact
- in3
- Klarna
- Riverty
- Spraypay
- Wallets (Apple Pay, Google Pay via hosted credit card page)
- SEPA bank transfer
- Gift cards
- Instore card payments with a connected terminal
Je kan de plugin eenvoudig installeren met composer. Zie de Github repo voor instructies:
Magento 2 Hyva checkout