Shopify Plus 香港多語言多幣別設定教學（2026 實作版）

想在 Shopify Plus 上做好香港多語言多幣別，核心是先用 Shopify Markets 建立市場結構，再依序設定貨幣、語言、網域路徑、主題 Liquid 切換器與 hreflang，最後用結帳頁測試驗證。以下為完整實作流程。

香港是少數同時需要繁體中文、簡體中文與英文三種介面，並且客戶會用 HKD、USD、CNY、TWD 結帳的市場。對於把香港當成亞太營運樞紐的品牌——不論是從倫敦或紐約進入亞洲的 DTC 品牌,還是要從香港往新加坡、台灣、澳洲擴張的本地零售商——多語言多幣別的設定品質,直接決定跨境轉換率。

Shopify 官方在 Shopify Markets 說明文件中指出,Markets 讓商家可以在單一 store 內管理多個國家/地區的貨幣、語言、定價與網域,而不需要為每個市場開設獨立 store。這是本教學的技術基礎。

開始前需要準備什麼?

在動手之前,先確認以下前置條件。缺任何一項,後面步驟都會卡住。

帳號與方案層級

1. Shopify Plus 方案:一般 Shopify 方案最多支援 3 個市場,Shopify Plus 依官方 Markets 文件可支援最多 50 個市場,這對亞太多國佈局是必要的。
2. Shopify Payments 已啟用:香港自 2023 年起已支援 Shopify Payments。多幣別結帳(Multi-currency checkout)必須透過 Shopify Payments 才能運作;若使用第三方閘道(例如部分本地收單行),買家只能以 store 預設貨幣結帳。
3. Store 擁有者或 Markets 管理權限:Staff 帳號需具備 Manage markets 權限。

技術面

• 主題需為 Online Store 2.0 架構(Dawn 2.0 以上或已升級的自訂主題),否則 localization form 與 country/language selector block 無法直接使用。
• 已安裝 Shopify CLI 3.x,用於本機開發與 theme push。
• 已備妥各市場的 子網域或子目錄策略(下面第 4 步會詳述)。

確認 CLI 版本:

1shopify version
2# 預期輸出: 3.xx.x
3
4shopify theme dev --store your-store.myshopify.com
5# 預期輸出: Preview URL: http://127.0.0.1:9292

內容與翻譯資產

準備好三份對照表:產品標題與描述的繁中/簡中/英文版本、政策頁(退換貨、私隱政策)、以及主題靜態字串。香港個人資料私隱專員公署(PCPD)要求私隱政策須以資料當事人可理解的語言提供,實務上代表繁體中文版本不能只是機器直譯後就上線。

第一步:規劃市場結構,不要一開始就開十個市場

Markets 的設計哲學是「一個市場 = 一組共用貨幣、定價與運送規則的國家集合」。常見的亞太切法:

建議的初始市場分組

• Hong Kong SAR & Macau — 貨幣 HKD,語言 zh-Hant(主)、en、zh-Hans
• Greater China (Taiwan) — 貨幣 TWD,語言 zh-Hant(主)、en
• Southeast Asia — 涵蓋 SG / MY / PH / ID,貨幣 SGD 或 USD,語言 en(主)、zh-Hans
• Oceania — AU / NZ,貨幣 AUD、NZD,語言 en
• International(catch-all) — 其餘國家,貨幣 USD,語言 en

把香港與澳門放在同一市場是實務上的常見做法,因為兩地都以 HKD 計價(澳門買家普遍接受 HKD),且物流成本結構相近。但台灣一定要單獨切出來——TWD 匯率、發票需求、以及超商取貨的物流整合,都與香港完全不同。

在 Admin 中操作路徑:Settings → Markets → Add market。

第二步:設定貨幣與價格調整規則

進入該市場的 Products and pricing 區塊。

三種定價模式

1. 自動匯率換算(Currency conversion):Shopify 依市場匯率自動換算,並套用你設定的轉換費(conversion fee)。適合 SKU 數量多、毛利結構一致的品牌。
2. 固定價格調整(Price adjustment):例如台灣市場整體 +8%,用來吸收跨境運費與退貨成本。
3. 市場專屬定價(Fixed prices per market):用 CSV 上傳每個市場的個別售價。Shopify Plus 才支援大量匯入。

進位規則(Rounding)

這是香港與台灣最容易被忽略的細節。HKD 建議進位到 .0(整數)或 .9;TWD 幾乎一律用整數,消費者看到 NT$1,234.56 會直覺認為是機器換算的雜牌站。

在 Markets → Currency settings → Rounding rules 設定:

• HKD → Round to nearest 0
• TWD → Round to nearest 0
• SGD → Round to nearest .90
• USD → Round to nearest .99

用 Liquid 正確顯示貨幣

多幣別 store 一定要輸出 ISO 代碼,否則 HK$ 與 US$ 在視覺上容易混淆:

1{%- if cart.currency.iso_code != shop.currency -%}
2  {{ product.price | money_with_currency }}
3{%- else -%}
4  {{ product.price | money }}
5{%- endif -%}

money_with_currency 會輸出 HK$1,280.00 HKD。你也可以在 Settings → Store details → Currency formatting 自訂 HTML with currency 樣板:

1HK${{amount}} <span class="currency-code">HKD</span>

第三步:啟用語言並匯入翻譯

語言設定在 Settings → Languages,再回到 Markets 指派給各市場。

語言代碼要選對

• 繁體中文(香港)→ zh-HK
• 繁體中文(台灣)→ zh-TW
• 簡體中文 → zh-CN
• 英文 → en

Shopify 支援區域變體,務必分開 zh-HK 與 zh-TW。兩地用語差異實際存在:香港說「加入購物車」「送貨」「信用卡」,台灣說「加入購物車」「配送」「信用卡」,但「網絡/網路」「質素/品質」「登入/登錄」這類差異在客服與退換貨文案上會影響信任感。

翻譯匯入方式

方式 A:Translate & Adapt(官方免費 app)

適合 SKU 在數百以內。支援自動翻譯與人工覆寫,並且能針對同一語言在不同市場做「Adapt」(例如 zh-Hant 在 HK 與 TW 顯示不同文案)。

方式 B:GraphQL Translations API

SKU 上千時,用 API 批次寫入。範例 mutation:

1mutation translationsRegister($resourceId: ID!, $translations: [TranslationInput!]!) {
2  translationsRegister(resourceId: $resourceId, translations: $translations) {
3    userErrors { field message }
4    translations { key value locale }
5  }
6}

Variables:

1{
2  "resourceId": "gid://shopify/Product/1234567890",
3  "translations": [
4    {
5      "key": "title",
6      "value": "經典皮革手袋 — 米白",
7      "locale": "zh-TW",
8      "translatableContentDigest": "<digest>"
9    }
10  ]
11}

translatableContentDigest 必須先用 translatableResource query 取得,否則會回 userErrors: Digest mismatch。這是最常見的失敗點。

方式 C:主題靜態字串(locale files)

主題內的按鈕、表單標籤放在 locales/*.json:

1locales/
2  en.default.json
3  zh-TW.json
4  zh-CN.json

zh-TW.json 片段:

1{
2  "products": {
3    "product": {
4      "add_to_cart": "加入購物車",
5      "sold_out": "已售罄",
6      "unavailable": "暫時無法購買"
7    }
8  },
9  "customer": {
10    "login_page": {
11      "title": "會員登入"
12    }
13  }
14}

推送:

1shopify theme push --only locales/ --theme <THEME_ID>
2# 預期輸出: Pushed 3 files to theme "Production"

AI 輔助翻譯的現實用法

2026 年多數團隊已經不再從零人工翻譯。實務做法是:用 LLM 產出第一版,再由母語編輯做 post-editing,重點檢查三類內容——法律頁面、尺寸與物料描述、以及品牌 tone of voice。純機器翻譯直接上線的風險在於 SEO 與退貨爭議,而不是「讀不通」。把人力集中在高流量的前 100 個 SKU 與所有政策頁,長尾 SKU 用機器翻譯配上人工抽查,是成本與品質的合理平衡點。

第四步:網域與 URL 結構怎麼選?

這一步決定 SEO 成敗,而且改了要重新累積權重,所以務必一次選對。

三種選項與取捨

子目錄(Subfolder):brand.com/zh-hk/

• 優點:所有市場共用主網域權重,SSL 與 DNS 管理最簡單。
• 缺點:無法針對地區設定不同的 CDN 節點或伺服器位置。
• 適合:大多數品牌,尤其是從歐美進入亞洲、主網域已有權重的公司。

子網域(Subdomain):hk.brand.com

• 優點:視覺上明確,方便分開 GA4 property 與廣告追蹤。
• 缺點:Google 對子網域的權重繼承較不明確。

國別頂級網域(ccTLD):brand.com.hk / brand.tw

• 優點:本地信任度最高,在台灣與日本市場的轉換差異尤其明顯。
• 缺點:每個網域要獨立做 SEO,成本高;.com.hk 註冊需符合 HKIRC 的登記要求。

在 Settings → Domains → Manage domain → Add language 中,把語言對應到路徑:

1brand.com          → en (International)
2brand.com/zh-hk    → zh-HK (Hong Kong SAR)
3brand.com/zh-tw    → zh-TW (Taiwan)
4brand.com/zh-cn    → zh-CN (Mainland China)

hreflang 驗證

Shopify 在 Markets 啟用後會自動注入 hreflang tag。用 curl 檢查:

1curl -s https://brand.com/products/leather-bag | grep -i 'hreflang'

預期輸出應包含:

1<link rel="alternate" hreflang="en" href="https://brand.com/products/leather-bag">
2<link rel="alternate" hreflang="zh-HK" href="https://brand.com/zh-hk/products/leather-bag">
3<link rel="alternate" hreflang="zh-TW" href="https://brand.com/zh-tw/products/leather-bag">
4<link rel="alternate" hreflang="x-default" href="https://brand.com/products/leather-bag">

Google Search Central 的國際化文件明確指出,hreflang 必須是雙向的——A 指向 B,B 也要指向 A,否則會被忽略。如果你的主題有自訂 theme.liquid 且移除了 {{ content_for_header }},hreflang 就會消失,這是自訂主題最常見的隱性錯誤。

第五步:在主題中加入語言與貨幣切換器

Online Store 2.0 主題(如 Dawn)已內建 localization form。若是自訂主題,在 sections/header.liquid 加入:

1{%- if localization.available_countries.size > 1 or localization.available_languages.size > 1 -%}
2  {%- form 'localization', id: 'header-localization', class: 'localization-form' -%}
3
4    {%- if localization.available_languages.size > 1 -%}
5      <select name="locale_code" onchange="this.form.submit()">
6        {%- for language in localization.available_languages -%}
7          <option value="{{ language.iso_code }}"
8            {%- if language.iso_code == localization.language.iso_code %} selected{% endif -%}>
9            {{ language.endonym_name | capitalize }}
10          </option>
11        {%- endfor -%}
12      </select>
13    {%- endif -%}
14
15    {%- if localization.available_countries.size > 1 -%}
16      <select name="country_code" onchange="this.form.submit()">
17        {%- for country in localization.available_countries -%}
18          <option value="{{ country.iso_code }}"
19            {%- if country.iso_code == localization.country.iso_code %} selected{% endif -%}>
20            {{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
21          </option>
22        {%- endfor -%}
23      </select>
24    {%- endif -%}
25
26  {%- endform -%}
27{%- endif -%}

endonym_name 會輸出語言的本地名稱(「繁體中文」而非「Traditional Chinese」),這對亞洲買家的辨識度明顯較好。

地理偵測建議與硬性跳轉的差別

不要做強制 redirect。 香港有大量使用英文介面的本地用戶,以及使用 VPN 或海外 IP 的華人買家。強制跳轉會導致跳出率上升,也會影響 Googlebot 的抓取。

正確做法是用 Shopify 的 Geolocation app(官方免費)顯示建議橫幅:「看來你在香港——切換到 HKD 及繁體中文?」讓用戶自己選,並用 cookie 記住選擇。

第六步:結帳、付款與物流的在地化

語言與貨幣做對了,結帳頁沒做對一樣會流失。

付款方式對應

在 Settings → Payments 中,依市場啟用:

• 香港:信用卡、Apple Pay、Google Pay、AlipayHK、PayMe(需第三方 app 或 payment app)
• 台灣:信用卡、LINE Pay、超商代碼繳費
• 新加坡/馬來西亞:PayNow、GrabPay、FPX
• 澳洲:信用卡、Afterpay、Zip

Shopify Payments 支援的本地方式因地區而異,務必以 Shopify 官方 Payments 文件的當地清單為準,不要假設 store 開了就全部可用。

地址欄位順序

中文地址的書寫順序與西方相反(由大到小)。Shopify Checkout 會依 country_code 自動調整欄位順序,但如果你用 Checkout Extensibility 做了自訂 UI extension,要記得處理:

1// checkout UI extension 片段
2const { countryCode } = useShippingAddress();
3const isCJKAddressOrder = ['HK', 'TW', 'CN', 'JP', 'KR'].includes(countryCode);
4// isCJKAddressOrder === true 時,先渲染 區域 → 地區 → 街道 → 樓層室號

稅務與 Duties

香港沒有增值稅或銷售稅,但如果你的市場包含澳洲(GST)、新加坡(GST)、或歐盟(VAT/IOSS),要在 Markets → Duties and import taxes 啟用 DDP(Delivered Duty Paid)。對跨境買家而言,結帳時就付清關稅,遠比包裹到門口才被追收要好。

常見問題排查

切換貨幣後價格沒有變

檢查順序:

1. Shopify Payments 是否已啟用?未啟用則不支援多幣別結帳。
2. 該市場是否 Active 狀態?草稿市場不會生效。
3. 主題是否使用了硬編碼的 {{ product.price | money }} 搭配自訂 currency filter?移除任何第三方 currency converter app 的殘留 script。
4. 瀏覽器 cookie:清除 cart_currency 後重試。

翻譯在前台沒顯示

• 確認語言在 Settings → Languages 是 Published 而非 Draft。
• 確認該語言已在對應 Market 的 Domains and languages 中指派。
• Metafield 內容需要在 metafield 定義中勾選 Translatable 才能被翻譯。這是 Metafield 翻譯失效的頭號原因。

hreflang 沒有出現

• 檢查 theme.liquid 的 <head> 是否保留 {{ content_for_header }}。
• 檢查是否有 app 注入了衝突的 canonical tag。

GraphQL 回傳 Digest mismatch

來源內容被修改後,digest 就失效。重新查詢:

1query {
2  translatableResource(resourceId: "gid://shopify/Product/1234567890") {
3    translatableContent { key value digest locale }
4  }
5}

拿到新的 digest 再重送 mutation。

結帳頁語言與商店語言不一致

Checkout 的語言由 Market 的 primary language 決定,不是由買家在前台選的語言決定。若要讓兩者一致,需確認 Market 的語言清單包含買家選的語言,且該語言在 checkout 已 published。

上線前的驗收清單

用不同國家的 IP(或 Shopify 的 preview URL 加 ?country=HK&locale=zh-TW)逐項確認:

1. 首頁、分類頁、商品頁、購物車、結帳頁在四個語言下皆無亂碼與未翻譯字串。
2. 價格進位符合當地習慣(TWD 無小數點)。
3. 運費在各市場正確顯示,且不會出現 "Shipping not available"。
4. 訂單確認 email 使用買家語言(Settings → Notifications 需為每個語言存一份範本)。
5. hreflang 雙向對應完整。
6. GA4 已設定 content_group 或自訂維度區分語言/市場,否則後續無法歸因。
7. Sitemap 包含所有語言版本:https://brand.com/sitemap.xml 應列出各語言 sitemap。

一個亞太多市場實作的觀察

Branch8 曾為一家在大中華區有實體門市的珠寶零售集團,以及一家經營多品牌的香港餐飲集團,處理過 Shopify Plus 上的多語言與多市場架構。反覆出現的模式是:技術設定通常兩到三週內可以完成,真正的瓶頸在內容治理——誰負責審核繁中與簡中的文案差異、新品上架時翻譯何時進場、促銷檔期的市場專屬定價由誰維護。

實務上有效的做法,是把翻譯流程接進 PIM 或 Shopify Metafields,讓新 SKU 建立時就同步觸發翻譯任務,而不是等到上架前一天才補。搭配 LLM 產出草稿、由分佈在台北與新加坡的編輯做審校,可以讓內容產出速度跟上上架節奏,而不需要每個市場都配一名全職文案。時區的重疊也有幫助——香港、台北、新加坡幾乎同時區,雪梨早三小時,能在歐美團隊上班前把當日的內容問題處理完。

何時該考慮拆成多個 Store?

Markets 不是萬能。以下情況建議獨立 store:

• 中國大陸市場:需要 ICP 備案、境內主機、以及微信/支付寶深度整合,Shopify Markets 難以滿足。
• 法規差異極大:例如某些市場的產品需要獨立的合規標示或不同的 SKU 組合。
• 品牌定位完全不同:同一品牌在不同市場走不同價格帶與產品線。

除此之外,單一 Shopify Plus store 搭配 Markets,在庫存、訂單與客戶資料的統一管理上,幾乎都優於多 store 架構。多 store 的隱性成本主要落在 app 授權費、主題同步與報表合併上。

如果你正在規劃把香港作為亞太電商營運樞紐,或需要把既有的 Shopify Plus store 擴展到台灣、新加坡與澳洲市場,Branch8 在香港、新加坡、台北與雪梨都有交付團隊,可以協助你完成從 Markets 架構規劃、翻譯流程自動化到結帳在地化的完整實作。歡迎與我們聯絡討論你的市場藍圖。

Sources

• Shopify Help Center — Shopify Markets
• Shopify.dev — Markets and internationalization for themes
• Shopify.dev — Liquid localization object
• Shopify Help Center — Shopify Payments
• Shopify.dev — Admin GraphQL API translations
• Google Search Central — Localized versions of your pages
• Office of the Privacy Commissioner for Personal Data, Hong Kong
• Census and Statistics Department, HKSAR