Collecting delivery instructions at checkout

Previously, you created a checkout UI extension that renders some text in the checkout flow. Now you want to add custom fields to checkout, to capture information from the customer.

In this tutorial, you'll use the Checkout::ShippingMethods::RenderAfter extension point, checkout UI components, and UI extensions APIs to create a custom field for collecting delivery instructions from customers, and then save those instructions to a metafield.

This tutorial is for delivery instructions, but you can use it as the basis for building other use cases for custom fields.