Quickstart — SF Express pickup for Shopify

Get SF Express pickup on your Hong Kong storefront in about 5 minutes.

Install HK Pickup on the Shopify App Store →

HK Pickup shows a delivery choice when the customer clicks Checkout on the cart:

Option	What happens
SF Express pickup	Customer picks a 順豐站, 順豐自助櫃, or 合作點; checkout shipping address is prefilled
Ship to my address	Normal Shopify checkout — no SF pickup data saved

Storefront languages: English, 繁體中文, 简体中文.

Video walkthrough

Each clip is embedded below from /docs/media/ and also on YouTube (Unlisted).

Clip	MP4 (docs embed)	YouTube (Unlisted)
Full setup	hkpickup-full-quickstart.mp4	youtu.be/QAh565Zy8b8
Customer demo	hkpickup-feature-media.mp4	youtu.be/05PF3kmooWo
Merchant setup	hkpickup-backend-only.mp4	youtu.be/0X0d2TJYqR8

Full setup (~90s)

Merchant install → theme embed → settings → customer checkout.

Direct link: media/hkpickup-full-quickstart.mp4 · YouTube: youtu.be/QAh565Zy8b8

Customer demo (~38s)

Delivery choice → SF pickup → checkout address prefill.

Direct link: media/hkpickup-feature-media.mp4 · YouTube: youtu.be/05PF3kmooWo

Merchant setup only (~45s)

Install → embed → settings → documentation links.

Direct link: media/hkpickup-backend-only.mp4 · YouTube: youtu.be/0X0d2TJYqR8

Requirements

Hong Kong store (pickup locations are HK only)
Online Store 2.0 theme (all free Shopify themes on the Theme Store are supported)
Customers reach checkout from the cart page or cart drawer

Setup in three steps

Follow these guides in order:

Install from the App Store — add HK Pickup to your shop and open settings (install guide)
Theme editor setup — turn on the app embed (master on/off switch)
Admin settings — choose pickup types, optional colors and translations

Then verify checkout on your storefront.

Migrating from another SF pickup app? Use Pilot mode in the theme editor to test on your live store before you disable the old app.

Theme developers or stores with multiple checkout apps: see Developer mode.

Customer flow

Cart → Checkout
  → Choose delivery dialog
       ├─ Ship to my address → normal checkout
       └─ SF Express pickup → pick location → checkout (address prefilled)

What is saved on the order

When the customer completes checkout, Shopify copies cart attributes onto the order. Your team can use these to see how the customer chose to receive their order.

Delivery method (every order that uses HK Pickup)

Attribute	Value	Meaning
`_sf_delivery_mode`	`pickup`	Customer chose SF Express pickup
`_sf_delivery_mode`	`home`	Customer chose Ship to my address

SF Express details (pickup only)

When _sf_delivery_mode is pickup, the order also includes:

Attribute	Example	Meaning
`_sf_pickup_code`	`H852K067P`	SF service point code
`_sf_pickup_type`	`SF Locker`	Service type (Station, Locker, or Partner Point)
`_sf_pickup_address`	Full street address	Pickup location address (customer’s storefront language)
`_sf_pickup_region`	`Hong Kong Island`	Region / area
`_sf_pickup_district`	`Kowloon City District`	District / sub-area
`_sf_pickup_locale`	`zh-HK`	Language used when the customer selected the point

For home delivery, SF pickup fields are cleared and only _sf_delivery_mode=home is set.

Where to view: Shopify Admin → Orders → open the order → Additional details (may appear as note attributes depending on your checkout setup).

Need help?

See Troubleshooting or email tech@k2.digital.

FAQ

How long does HK Pickup setup take on Shopify?

About five minutes after install: enable the app embed in the theme editor, choose pickup types in admin settings, then verify checkout on your storefront.

Does HK Pickup work with SF Express Station, Locker, and Partner Point?

Yes. Enable any combination of SF Station, SF Locker, and Partner Point in **Apps → HK Pickup → Pickup types**. Location data loads automatically for Hong Kong.

Checkout looks unchanged after install — is that normal?

Yes until **both** are done: (1) approve the app plan or trial when Shopify asks, and (2) turn on **App embeds → HK Pickup** in the theme editor. If checkout still looks normal after both, use the [storefront response self-check](/docs/en/troubleshooting/#check-the-storefront-response) in Troubleshooting.

Where are SF Express pickup details saved?

On the Shopify order as cart attributes such as `_sf_delivery_mode` and `_sf_pickup_code`. See [What is saved on the order](#what-is-saved-on-the-order) below.