Hyvä React Checkout module

      Hyvä React Checkout module

        Article summary

        Buckaroo has developed a cutting-edge Hyvä Checkout module as an extension for the Buckaroo Magento 2 plugin. By integrating this module, we have seamlessly incorporated support for Hyvä Checkout, enhancing your payment experience with Buckaroo while enjoying quicker loading times, particularly on mobile devices – a remarkable 13 times faster. With Hyvä's outstanding performance, your store will witness improved conversion rates, superior performance, and reduced overall complexity for developers.

        Please note that there are 2 versions of Hyvä modules:


        Before you start, please make sure that you've installed the following plugins in your Magento 2 environment:

        1. In reactapp/package.json of the Hyvä module, add this repository to the paymentMethods entry:

        "config": {
          "paymentMethodsRepo": {
            "buckaroo": "git@github.com:buckaroo-it/Magento2_Hyva.git"

        2. Run npm i again to process the changes and npm run build to rebuild the app.

        In order to display the payment summary for partial payments using giftcards, you'll need to copy (override) all the files & folders from:





        To upgrade the plugin you just need to use git to fetch the latest changes from GitHub, after that you build the react app again using npm:

        cd Hyva/CheckoutExample/reactapp/src/paymentMethods/buckaroo
        git pull
        cd Hyva/CheckoutExample/reactapp
        npm run build


        A csv file with the translation strings can be found in the i18n folder, you can use this file to add translation to the Hyvä module using the default internationalization functionality provided by Hyvä - Internationalization Docs.

        Supported payment methods

        Currently not all payment methods are supported in our Magento 2 Hyvä checkout extension.
        A list of all supported payment methods can be found below:

        Payment method:Logo:Payment method:Logo:
        AlipayApple Pay
        Riverty / AfterPayRiverty / AfterPay (old)
        SEPA Credit transfer (Bank transfer)SEPA Direct Debit
        Buckaroo VoucherWeChatPay