PHP 7.3 reached end of support in December 2021 and Adobe Commerce 2.3.x reaches end of support in September 2022. You may want to consider planning your upgrade now to Adobe Commerce 2.4.x and PHP 7.4.x to help maintain PCI compliance.
Customize Checkout
Magento checkout is implemented using the UI components. Out of the box, the checkout consists of two steps:
- Shipping Information
- Review and Payment Information
The checkout totals and the corresponding side-bar are only displayed after the first step is completed.
The only exception is checkout of virtual and/or downloadable products: if there are only these types of products in the shopping cart, checkout is automatically transformed to one-step procedure, because shipping information is not required.
For the sake of compatibility, upgradability, and easy maintenance, do not edit the default Magento code. Add your customizations in a custom module.
List of available customizations
You can customize the default checkout in multiple ways. This tutorial includes the following customizations:
- Add a new checkout step
- Customize the view of an existing step
- Add a custom payment method to checkout
- Add custom validations before order placement
- Add custom shipping carrier
- Add custom shipping carrier validations
- Add custom input mask for ZIP code
- Add a custom template for a form field on Checkout page
- Add a new input form to checkout
- Add a new field in address form
- Add custom shipping address renderer
- Add a custom field for an offline payment method