About delivery and shipping
Merchants might want to hide, reorder, and rename the delivery options that are available to buyers during checkout. They might also want to offer several different delivery methods in Shopify checkout such as shipping, local pickup, and pickup points.
This guide introduces ways to customize delivery options and methods with Shopify Functions and checkout UI extensions.
How it works
Anchor link to section titled "How it works"Delivery options are the different ways that customers can choose to have their orders shipped. Some examples of delivery options might include express shipping or standard shipping.
Delivery methods are ways that merchants can fulfill orders from their online stores. Methods include shipping to an address, local pickup, and shipping to a pickup point, all of which are natively supported by Shopify checkout.
You can customize delivery options and methods in Shopify checkout in the following ways:
- Hide, reorder, and rename delivery options
- Add functionality or content to different kinds of delivery methods:
Delivery options
Anchor link to section titled "Delivery options"You can use Shopify Functions to hide, reorder, and rename the delivery options that are available to customers during checkout. You can learn how to use Functions to rename a delivery option offered to customers at checkout, based on the shipping destination, in the following tutorial:
Delivery methods
Anchor link to section titled "Delivery methods"You use checkout UI extensions and Shopify Functions to add functionality or content to a delivery method. You can consult the following tutorials to get started with building and customizing delivery methods:
Extension points
Anchor link to section titled "Extension points"There are static extension points located for all native delivery methods including shipping, local pickup, and pickup points. If multiple delivery methods are available, then customers are shown all options at checkout.
The following example shows a custom field that collects delivery instructions and renders at the purchase.checkout.shipping-option-item.render-after extension point:
Each delivery method has its own unique content and extension points. These extension points can be aware of the available and selected delivery options. Some use cases for extension points include collecting additional information from customers or to display specific delivery and shipping information depending on the selected rate.
Shipping methods can include the carrier information, expected delivery time, rate names, and costs. Local delivery also displays here. To learn about the extension points that are placed in shipping methods, refer to supported locations.
Local pickup
Anchor link to section titled "Local pickup"Local pickup displays a list of store locations where a customer can choose to pick up their order. To learn about where you can extend local pickup, refer to supported locations.
Pickup points
Anchor link to section titled "Pickup points"A pickup point is a third-party location where customers can have their orders shipped, instead of to their address. Common locations are post offices, relay points, or pickup lockers. Pickup points are often a more secure, flexible, and cheaper delivery option for many customers around the world.
Pickup point options display to merchants in the Shopify admin and to customers at checkout. Merchants must activate pickup points in the Shopify admin.
During checkout, customers can choose the delivery method to ship to a pickup point, search for available locations, and then select a location where they want their order delivered. The locations work in partnership with different shipping providers.
Selected pickup points are automatically linked to orders, which can be viewed on the order in the Shopify admin and accessed through the GraphQL Admin API.
A pickup point order can be edited in the Shopify admin. Merchants can change the selected pickup point delivery option of an order by providing a new address, which will return a list of pickup points from installed functions.
Developer tools and resources
Anchor link to section titled "Developer tools and resources"Explore the following developer tools and resources to get familiar with using checkout UI extensions and building delivery customizations: