Extensibility for delivery and shipping

You can customize and build additional functionality to delivery methods in Shopify checkout with the following methods:

• Extension points, using a checkout UI extension
• Delivery customizations, using a checkout function

If you're adding functionality or content to a delivery method, then you should use checkout UI extensions in extension points. There are static extension points located for all native delivery methods including shipping, local pickup, and pickup points.

The following example shows a custom field that collects delivery instructions and renders at the purchase.checkout.shipping-option-item.render-after extension point:

To hide, rename, or reorder shipping options, you must use a checkout function. Delivery customization functions are only applicable to shipping options and aren't compatible with local delivery, local pickup, or pickup points.

Explore the following developer tools and resources to get familiar with using checkout UI extensions and building delivery customizations:

Checkout UI extensions API reference

Consult the API reference for checkout UI extension points and their respective types.

Components for checkout UI extensions

Learn about the components that are available in checkout UI extensions.

Checkout extension configuration

Learn about the properties you can configure in your checkout UI extension.

Shopify Functions APIs reference

Learn about the available APIs for Shopify Functions.

• Use checkout UI extensions with delivery methods using a checkout UI extension
• Create a function that lets merchants rename a delivery option offered to their customers at checkout