Pickup Points for Headless Storefronts and Mobile Apps (Beta)

The cart widget lives in a Shopify theme. A native mobile app built on the Storefront API, or a headless storefront such as Hydrogen or Next.js, has no theme to put it in. Buyers of those apps can now choose a pickup point before checkout too.

Two ways to do it:

• Hosted selection page. Open a URL in a WebView, popup or iframe. Buyers get Globe's map, list, search, geolocation and carrier filter, and Globe writes the chosen point to the cart. No key needed: the page runs on your store's domain.
• Storefront pickup API. Build a picker that looks native to your app. A publishable key searches your carriers' pickup points by place and returns the cart attributes that select a point. The docs have examples for Swift, Kotlin, React Native and Hydrogen.

Both save the point on the Storefront API cart the same way the cart widget does. Your carrier mappings, checkout and order processing treat it like a point chosen in your theme, and Globe checks the point with the carrier when the order is created.

The feature is in beta and turned on per store: click Request access in Settings → Headless and mobile apps, or ask us in the in-app support chat. Then turn on the selection page and add your return URLs, or create a publishable key. The documentation walks through both options.