In this chapter, we have built a small, but functional, order notes module. This allowed us to familiarize ourselves with an important aspect of customizing the checkout experience. The gist of this lies in understanding the checkout_index_index layout handle, the JavaScript window.checkoutConfig object, and the uiComponent.

Failure to deliver consistent and stable checkout experiences is bound to result in a loss of conversions. Given the number and complexity of the components involved, it is best to keep the number of checkout customizations to a minimum.

Moving forward, we are going to take a look at some of the things we can do regarding the customization of customer interactions.