According to data from Baymard Institute, the cart abandonment rate is nearly 70%. And the reason for the checkout process is 26%. At the same time, checkout optimization can increase conversions by 35.62%.
To be outstanding in the competitive eCommerce market, store owners need to optimize the customer experience. One of many ways store owners choose is to arrange the checkout process step – customize the billing and shipping address section.
This problem can be solved below. Let’s take a look at this article!
BILLING AND SHIPPING ADDRESS IN DEFAULT MAGENTO 2 CHECKOUT
Table of Contents
By default, Magento sets up the checkout process in 3 sections, including Billing & Shipping Address, Shipping Methods and Payment Method. All are important to complete the shopping and selling experience.
As you can see, the billing address is placed in the Payment Method section, and it is displayed if the customer does not tick My billing and shipping address are the same checkbox.
Many store owners want to customize this process by relocating the billing address to the shipping stage and deleting the checkboxes for billing and shipping addresses. Stay here and read our detailed instructions below if you’re one of those looking for a technique to change Magento 2 checkout.
REMOVE BILLING AND SHIPPING ADDRESS FROM CHECKOUT MAGENTO 2
Use the following code:
/* config: checkout/options/display_billing_address_on = payment_method */
if (isset($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']
['payment']['children']['payments-list']['children']
)) {
foreach ($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']
['payment']['children']['payments-list']['children'] as $key => $payment) {
unset($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']
['payment']['children']['payments-list']['children'][$key]);
}
}Now, the billing address disappear from Payment Method section.
*Note: If any websites use checkout agreements, those will also be deleted. In this case, the admin needs to add the below code to the agreements block to keep checkout-agreement stay on the checkout page.
if (isset($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children']
)) {
foreach ($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'] as $key => $payment) {
if($key == 'before-place-order') {
foreach ($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children']['before-place-order']['children'] as $key => $payment) {
if($key == 'agreements') {
continue;
}
}
}
unset($jsLayoutResult['components']['checkout']['children']['steps']['children']['billing-step']['children']
['payment']['children']['payments-list']['children'][$key]);
}
} QUICK SOLUTION FOR THESE ISSUES
Store owners unfamiliar with coding meet difficulty if they want to customize the checkout page. Therefore, an available solution without code should be required.
BSS Commerce is proud of our 9-year Magento experience and is confident in providing you with the best solution for a seamless checkout and streamlined sections.
With Magento 2 One Step Checkout extension, the admin will not have any trouble moving billing address below the shipping address or elsewhere because all sections are wrapped up on one page (one step).
Billing and shipping addresses are both on the same page, and there’s no need to waste time going back and forth to double-check the order details.
Highlight features you can get with Magento 2 One Step Checkout:
- Give out via Tracking Address to complete shipping/billing information on the spot and encourage customers to complete their orders as soon as possible.
- Set FREE pre-select payment and shipping method easily.
- Support a wide range of payment methods: Amazon Payment, Paypal, Paypal Braintree, Paypal Express Checkout, Paypal Payflow Pro & PayPal Payment Flow CreditCard, Pay by Credit Eway,…
- Customers can add delivery date and comment for store owner – personalized shopping experience.
- Customers can log into their account right at the Checkout Page; add multiple addresses at ease.
- Support Sales and Marketing by offering gift wrap, gift message and receiving your business newsletter.
CONCLUSION
The article provides instructions for removing billing and shipping addresses from the Magento checkout process and also suggests an optimized solution for the checkout process. I hope it fulfills your expectations and provides you with a wonderful purchasing experience for your customers.
BSS Commerce is one of the leading Multi-platform eCommerce solution and web development services providers in the world. With experienced and certified developers, we commit to bring high-quality products and services to optimize your business effectively.
CONTACT NOW to let us know your problems. We are willing to support you every time.
