{"id":1295,"date":"2024-04-05T15:52:45","date_gmt":"2024-04-05T10:22:45","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1295"},"modified":"2024-04-05T15:52:46","modified_gmt":"2024-04-05T10:22:46","slug":"how-to-pre-select-default-payment-method-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-pre-select-default-payment-method-in-magento-2\/","title":{"rendered":"How To Pre Select Default Payment Method In Magento 2"},"content":{"rendered":"\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to Pre Select Default Payment Method in the Checkout Page in Magento 2.<\/p>\n\n\n\n

Checkout is a One Important Step for customers. So that if the store owner pre-selects the checkout method that customers most select, it’s easy for customers for a seamless shopping journey. <\/p>\n\n\n\n

Without wasting your time, let us guide you straight away. Follow the easy step given below to Pre Select Default Payment Method in Magento 2.<\/p>\n\n\n\n

STEPS FOR PRE SELECT DEFAULT PAYMENT METHOD IN MAGENTO 2<\/strong><\/h2>\n\n\n\n

Step 1: Create requirejs-config.js file<\/strong><\/p>\n\n\n\n

app\/code\/Vendor\/Extension\/view\/frontend\/requirejs-config.js<\/strong><\/p>\n\n\n

\nvar config = {\n\n\u00a0\u00a0\u00a0\u00a0config: {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0mixins: {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Magento_Checkout\/js\/model\/checkout-data-resolver': {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'Vendor_Extension\/js\/model\/checkout-data-resolver': true\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\n\u00a0\u00a0\u00a0\u00a0}\n\n};\n<\/pre><\/div>\n\n\n
Step 2: Create checkout-data-resolver.js file<\/strong><\/p>\n\n\n\n
app\/code\/Vendor\/Extension\/view\/frontend\/web\/js\/model\/checkout-data-resolver.js<\/strong><\/p>\n\n\n
\ndefine([\n\n\u00a0\u00a0\u00a0\u00a0'Magento_Checkout\/js\/model\/payment-service',\n\n\u00a0\u00a0\u00a0\u00a0'Magento_Checkout\/js\/checkout-data',\n\n\u00a0\u00a0\u00a0\u00a0'Magento_Checkout\/js\/action\/select-payment-method'\n\n], function(\n\n\u00a0\u00a0\u00a0\u00a0paymentService,\n\n\u00a0\u00a0\u00a0\u00a0checkoutData,\n\n\u00a0\u00a0\u00a0\u00a0selectPaymentMethodAction\n\n) {\n\n\u00a0\u00a0\u00a0\u00a0'use strict';\n\n\u00a0\u00a0\u00a0\u00a0return function(checkoutDataResolver) {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0checkoutDataResolver.resolvePaymentMethod = function() {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var availablePaymentMethods = paymentService.getAvailablePaymentMethods(),\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0selectedPaymentMethod = checkoutData.getSelectedPaymentMethod(),\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0paymentMethod = selectedPaymentMethod ? selectedPaymentMethod : 'banktransfer';\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/set payment method as per your requirement\u00a0\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (availablePaymentMethods.length > 0) {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0availablePaymentMethods.some(function (payment) {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (payment.method == paymentMethod) {\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0selectPaymentMethodAction(payment);\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return checkoutDataResolver;\n\n\u00a0\u00a0\u00a0\u00a0};\n\n});\n<\/pre><\/div>\n\n\n
Step 3: Finally run the below commands<\/strong><\/p>\n\n\n
\n$ php bin\/magento setup:upgrade\n\n$ php bin\/magento cache:clean\n\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
Step 4: Output:<\/strong><\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n

<\/strong>Final Thoughts:<\/strong><\/h2>\n\n\n\n
So this was the easiest way which we have told you in this blog. This is how you can Pre Select Default Payment Method in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site.<\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>