How a payment gateway should be?<\/h2>\n\n\n\n\n- 100% secure<\/li>\n\n\n\n
- Compatible with your store platform<\/li>\n\n\n\n
- Offers speedy payment process<\/li>\n\n\n\n
- Fraud detection<\/li>\n\n\n\n
- Invoicing capabilities<\/li>\n\n\n\n
- Impressive UI<\/li>\n\n\n\n
- Feasible costs<\/li>\n\n\n\n
- Support for international payments<\/li>\n\n\n\n
- Support policy<\/li>\n\n\n\n
- Types of cards supported<\/li>\n\n\n\n
- Support for recurring payments<\/li>\n\n\n\n
- Hosted\/Non hosted payments<\/li>\n<\/ul>\n\n\n\n
If you are a Magento store owner, you need to filter out the points that must be fulfilled by the payment gateway you use for your business requirements.<\/p>\n\n\n\n
However, an ideal payment gateway that fulfills all your requirements exists only in a parallel world. But wait, you can create payment method in Magento 2<\/strong><\/em> on your own! And this post shows you how to do it.<\/p>\n\n\n\nSteps to Create Payment Method in Magento 2:<\/h2>\n\n\n\n
1. Create registration.php<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/registration.php<\/strong> and add the below code to it:<\/p>\n\n\n\n\n\n<?php\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\n \\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\n 'Meetanshi_CustomPayment',\n __DIR__\n);<\/pre>\n<\/div>\n<\/div>\n\n\n\n2. Create module.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/module.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:Module\/etc\/module.xsd\">\n <module name=\"Meetanshi_CustomPayment\" setup_version=\"1.0.0\">\n <\/module>\n<\/config><\/pre>\n\n\n\n3. Create config.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/config.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"..\/..\/Store\/etc\/config.xsd\">\n <default>\n <payment>\n <custompayment>\n <payment_action>authorize<\/payment_action> <!-- You can use another method -->\n <model>Meetanshi\\CustomPayment\\Model\\PaymentMethod<\/model>\n <active>1<\/active>\n <title>Custom Payment<\/title>\n <order_status>pending_payment<\/order_status><!-- set default order status-->\n <\/custompayment>\n <\/payment>\n <\/default>\n<\/config><\/pre>\n\n\n\n4. Create system.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/adminhtml\/system.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Config:etc\/system_file.xsd\">\n <system>\n <section id=\"payment\">\n <group id=\"custompayment\" translate=\"label\" sortOrder=\"100\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n <label>Custom Payment Method<\/label>\n <field id=\"active\" translate=\"label comment\" sortOrder=\"10\" type=\"select\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"0\">\n <label>Enable<\/label>\n <source_model>Magento\\Config\\Model\\Config\\Source\\Yesno<\/source_model>\n <\/field>\n <field id=\"title\" translate=\"label\" type=\"text\" sortOrder=\"20\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n <label>Custom Payment<\/label>\n <\/field>\n <\/group>\n <\/section>\n <\/system>\n<\/config><\/pre>\n\n\n\n
5. Create PaymentMethod.php file at app\/code\/Meetanshi\/CustomPayment\/Model\/PaymentMethod.php add below code to this file:<\/p>\n\n\n\n
<?php\n \nnamespace Meetanshi\\CustomPayment\\Model;\n \n\/**\n * Pay In Store payment method model\n *\/\nclass PaymentMethod extends \\Magento\\Payment\\Model\\Method\\AbstractMethod\n{\n \/**\n * Payment code\n *\n * @var string\n *\/\n protected $_code = 'custompayment';\n}<\/pre>\n\n\n\n
6. Create checkout_index_index.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/layout\/checkout_index_index.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n <body>\n <referenceBlock name=\"checkout.root\">\n <arguments>\n <argument name=\"jsLayout\" xsi:type=\"array\">\n <item name=\"components\" xsi:type=\"array\">\n <item name=\"checkout\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"steps\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"billing-step\" xsi:type=\"array\">\n <item name=\"component\" xsi:type=\"string\">uiComponent<\/item>\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"payment\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"renders\" xsi:type=\"array\">\n <!-- merge payment method renders here -->\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"custompayment\" xsi:type=\"array\">\n <item name=\"component\" xsi:type=\"string\">Meetanshi_CustomPayment\/js\/view\/payment\/method-renderer<\/item>\n <item name=\"methods\" xsi:type=\"array\">\n <item name=\"custompayment\" xsi:type=\"array\">\n <item name=\"isBillingAddressRequired\" xsi:type=\"boolean\">true<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/arguments>\n <\/referenceBlock>\n <\/body>\n<\/page><\/pre>\n\n\n\n7. Create a method-renderer.js<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/js\/view\/payment\/method-renderer.js<\/strong> and add below code to this file:<\/p>\n\n\n\ndefine(\n [\n 'uiComponent',\n 'Magento_Checkout\/js\/model\/payment\/renderer-list'\n ],\n function (\n Component,\n rendererList\n ) {\n 'use strict';\n rendererList.push(\n {\n type: 'custompayment',\n component: 'Meetanshi_CustomPayment\/js\/view\/payment\/method-renderer\/custompayment'\n }\n );\n return Component.extend({});\n }\n);<\/pre>\n\n\n\n8. Create custompayment.js<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/js\/view\/payment\/method-renderer\/custompayment.js<\/strong> add below code to this file:<\/p>\n\n\n\ndefine(\n [\n 'Magento_Checkout\/js\/view\/payment\/default'\n ],\n function (Component) {\n 'use strict';\n \n return Component.extend({\n defaults: {\n template: 'Meetanshi_CustomPayment\/payment\/customtemplate'\n }\n });\n }\n);<\/pre>\n\n\n\n9. Create customtemplate.html<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/template\/payment\/customtemplate.html <\/strong>and add below code to this file:<\/p>\n\n\n\n<div class=\"payment-method\" data-bind=\"css: {'_active': (getCode() == isChecked())}\">\n <div class=\"payment-method-title field choice\">\n <input type=\"radio\"\n name=\"payment[method]\"\n class=\"radio\"\n data-bind=\"attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()\"\/>\n <label data-bind=\"attr: {'for': getCode()}\" class=\"label\"><span data-bind=\"text: getTitle()\"><\/span><\/label>\n <\/div>\n <div class=\"payment-method-content\">\n <!-- ko foreach: getRegion('messages') -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <div class=\"payment-method-billing-address\">\n <!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <\/div>\n <div class=\"checkout-agreements-block\">\n <!-- ko foreach: $parent.getRegion('before-place-order') -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <\/div>\n <div class=\"actions-toolbar\">\n <div class=\"primary\">\n <button class=\"action primary checkout\"\n type=\"submit\"\n data-bind=\"\n click: placeOrder,\n attr: {title: $t('Place Order')},\n css: {disabled: !isPlaceOrderActionAllowed()},\n enable: (getCode() == isChecked())\n \"\n disabled>\n <span data-bind=\"i18n: 'Place Order'\"><\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div><\/pre>\n\n\n\nThat’s it for creating custom payment methods in Magento 2 store. The extension will create backend settings to enable the payment method and set a title for it.<\/p>\n\n\n\n![\"custom](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/12\/custom-payment-method-configuration.png\")
<\/figure>\n\n\n\nOnce, the payment method is enabled, it can be displayed in the frontend while checking out the products:<\/p>\n\n\n\n![\"custom](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2019\/12\/custom-payment-method-in-frontend.png\")
<\/figure>\n\n\n\nIf you can find readymade solutions from here<\/a> for your Magento 2 store, you would never need to visit this post again! Likewise you can get payment related additional information from order in Magento 2<\/a> to help you extract and access the payment related details for specific products.<\/p>\n\n\n\nDo share the post with fellow developers via social media.<\/p>\n\n\n\n
Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"
A payment gateway is a key to secure E-commerce business. Selecting a payment method that is suitable for your business type deserves proper attention. A…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-735","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":15137,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions\/15137"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
If you are a Magento store owner, you need to filter out the points that must be fulfilled by the payment gateway you use for your business requirements.<\/p>\n\n\n\n
However, an ideal payment gateway that fulfills all your requirements exists only in a parallel world. But wait, you can create payment method in Magento 2<\/strong><\/em> on your own! And this post shows you how to do it.<\/p>\n\n\n\n 1. Create registration.php<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/registration.php<\/strong> and add the below code to it:<\/p>\n\n\n\n 2. Create module.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/module.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n 3. Create config.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/config.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n 4. Create system.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/etc\/adminhtml\/system.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n 7. Create a method-renderer.js<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/js\/view\/payment\/method-renderer.js<\/strong> and add below code to this file:<\/p>\n\n\n\n 8. Create custompayment.js<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/js\/view\/payment\/method-renderer\/custompayment.js<\/strong> add below code to this file:<\/p>\n\n\n\n 9. Create customtemplate.html<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/web\/template\/payment\/customtemplate.html <\/strong>and add below code to this file:<\/p>\n\n\n\n That’s it for creating custom payment methods in Magento 2 store. The extension will create backend settings to enable the payment method and set a title for it.<\/p>\n\n\n\n Once, the payment method is enabled, it can be displayed in the frontend while checking out the products:<\/p>\n\n\n\n If you can find readymade solutions from here<\/a> for your Magento 2 store, you would never need to visit this post again! Likewise you can get payment related additional information from order in Magento 2<\/a> to help you extract and access the payment related details for specific products.<\/p>\n\n\n\n Do share the post with fellow developers via social media.<\/p>\n\n\n\n Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":" A payment gateway is a key to secure E-commerce business. Selecting a payment method that is suitable for your business type deserves proper attention. A…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-735","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":15137,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/735\/revisions\/15137"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Steps to Create Payment Method in Magento 2:<\/h2>\n\n\n\n
<?php\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\n \\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\n 'Meetanshi_CustomPayment',\n __DIR__\n);<\/pre>\n<\/div>\n<\/div>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:Module\/etc\/module.xsd\">\n <module name=\"Meetanshi_CustomPayment\" setup_version=\"1.0.0\">\n <\/module>\n<\/config><\/pre>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"..\/..\/Store\/etc\/config.xsd\">\n <default>\n <payment>\n <custompayment>\n <payment_action>authorize<\/payment_action> <!-- You can use another method -->\n <model>Meetanshi\\CustomPayment\\Model\\PaymentMethod<\/model>\n <active>1<\/active>\n <title>Custom Payment<\/title>\n <order_status>pending_payment<\/order_status><!-- set default order status-->\n <\/custompayment>\n <\/payment>\n <\/default>\n<\/config><\/pre>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:Magento_Config:etc\/system_file.xsd\">\n <system>\n <section id=\"payment\">\n <group id=\"custompayment\" translate=\"label\" sortOrder=\"100\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n <label>Custom Payment Method<\/label>\n <field id=\"active\" translate=\"label comment\" sortOrder=\"10\" type=\"select\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"0\">\n <label>Enable<\/label>\n <source_model>Magento\\Config\\Model\\Config\\Source\\Yesno<\/source_model>\n <\/field>\n <field id=\"title\" translate=\"label\" type=\"text\" sortOrder=\"20\" showInDefault=\"1\" showInWebsite=\"1\" showInStore=\"1\">\n <label>Custom Payment<\/label>\n <\/field>\n <\/group>\n <\/section>\n <\/system>\n<\/config><\/pre>\n\n\n\n
5. Create PaymentMethod.php file at app\/code\/Meetanshi\/CustomPayment\/Model\/PaymentMethod.php add below code to this file:<\/p>\n\n\n\n<?php\n \nnamespace Meetanshi\\CustomPayment\\Model;\n \n\/**\n * Pay In Store payment method model\n *\/\nclass PaymentMethod extends \\Magento\\Payment\\Model\\Method\\AbstractMethod\n{\n \/**\n * Payment code\n *\n * @var string\n *\/\n protected $_code = 'custompayment';\n}<\/pre>\n\n\n\n
6. Create checkout_index_index.xml<\/strong> file at app\/code\/Meetanshi\/CustomPayment\/view\/frontend\/layout\/checkout_index_index.xml<\/strong> and add below code to this file:<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n <body>\n <referenceBlock name=\"checkout.root\">\n <arguments>\n <argument name=\"jsLayout\" xsi:type=\"array\">\n <item name=\"components\" xsi:type=\"array\">\n <item name=\"checkout\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"steps\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"billing-step\" xsi:type=\"array\">\n <item name=\"component\" xsi:type=\"string\">uiComponent<\/item>\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"payment\" xsi:type=\"array\">\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"renders\" xsi:type=\"array\">\n <!-- merge payment method renders here -->\n <item name=\"children\" xsi:type=\"array\">\n <item name=\"custompayment\" xsi:type=\"array\">\n <item name=\"component\" xsi:type=\"string\">Meetanshi_CustomPayment\/js\/view\/payment\/method-renderer<\/item>\n <item name=\"methods\" xsi:type=\"array\">\n <item name=\"custompayment\" xsi:type=\"array\">\n <item name=\"isBillingAddressRequired\" xsi:type=\"boolean\">true<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/arguments>\n <\/referenceBlock>\n <\/body>\n<\/page><\/pre>\n\n\n\n
define(\n [\n 'uiComponent',\n 'Magento_Checkout\/js\/model\/payment\/renderer-list'\n ],\n function (\n Component,\n rendererList\n ) {\n 'use strict';\n rendererList.push(\n {\n type: 'custompayment',\n component: 'Meetanshi_CustomPayment\/js\/view\/payment\/method-renderer\/custompayment'\n }\n );\n return Component.extend({});\n }\n);<\/pre>\n\n\n\ndefine(\n [\n 'Magento_Checkout\/js\/view\/payment\/default'\n ],\n function (Component) {\n 'use strict';\n \n return Component.extend({\n defaults: {\n template: 'Meetanshi_CustomPayment\/payment\/customtemplate'\n }\n });\n }\n);<\/pre>\n\n\n\n<div class=\"payment-method\" data-bind=\"css: {'_active': (getCode() == isChecked())}\">\n <div class=\"payment-method-title field choice\">\n <input type=\"radio\"\n name=\"payment[method]\"\n class=\"radio\"\n data-bind=\"attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()\"\/>\n <label data-bind=\"attr: {'for': getCode()}\" class=\"label\"><span data-bind=\"text: getTitle()\"><\/span><\/label>\n <\/div>\n <div class=\"payment-method-content\">\n <!-- ko foreach: getRegion('messages') -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <div class=\"payment-method-billing-address\">\n <!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <\/div>\n <div class=\"checkout-agreements-block\">\n <!-- ko foreach: $parent.getRegion('before-place-order') -->\n <!-- ko template: getTemplate() --><!-- \/ko -->\n <!--\/ko-->\n <\/div>\n <div class=\"actions-toolbar\">\n <div class=\"primary\">\n <button class=\"action primary checkout\"\n type=\"submit\"\n data-bind=\"\n click: placeOrder,\n attr: {title: $t('Place Order')},\n css: {disabled: !isPlaceOrderActionAllowed()},\n enable: (getCode() == isChecked())\n \"\n disabled>\n <span data-bind=\"i18n: 'Place Order'\"><\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div><\/pre>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n