新版感謝頁面與訂單狀態頁面的自訂選項

Shopify 已推出全新的結帳與帳號基礎架構,安全性更高、升級無虞,並讓您更輕鬆自訂結帳與顧客帳號頁面。其中包含新版的感謝頁面與訂單狀態頁面,這些頁面customizable in the checkout and accounts editor

如果您先前使用不相容的 app、腳本或像素來自訂感謝頁面與訂單狀態頁面,您必須進行升級並替換現有自訂項目,才能讓您和您的顧客持續享有 Shopify 安全結帳平台的優勢。

若尚未升級感謝頁面與訂單狀態頁面,請在您的 Shopify 管理介面中依照個人化的upgrade guide進行。此升級指南會根據現有頁面中找到的已安裝 app 與自訂項目,協助您自訂新版的感謝頁面與訂單狀態頁面。

本文依類別說明可用來自訂您的感謝頁面與訂單狀態頁面的各種解決方案,包括下列選項(若有):

  • 內建的 Shopify 功能
  • 來自 Shopify App Store 的 app
  • 自訂應用程式

瞭解詳情:stores on the Shopify Plus planstores on non-Plus plans 的感謝頁面與訂單狀態頁面升級。

依類別的 app 精選集

許多您可能想在感謝頁面與訂單狀態頁面進行的常見自訂,都可以透過 app 完成。請參考下列清單中的連結,前往 Shopify App Store 的精選 app 集合,協助您找到符合業務需求的 app。

追蹤與分析 app

新版感謝頁面與訂單狀態頁面支援用於追蹤與分析的 app 像素。您可以使用下列 Shopify App Store 精選集中的任一 app 來設定 app 像素:

深入瞭解app pixels

頁面自訂 app

以下 Shopify App Store 精選集中的 app 提供可用來自訂新版感謝頁面與訂單狀態頁面的區塊。

深入瞭解如何使用blocks

更多自訂感謝頁面與訂單狀態頁面的方式

您可能想在新版感謝頁面與訂單狀態頁面進行的部分常見自訂,可以透過現有的 Shopify 功能,或 installing apps from the Shopify App Store,這些 app 可與區塊整合。您也可以透過由您或開發者打造的 custom apps,達成部分自訂。

如果您在現有的感謝頁面與訂單狀態頁面上有以下類別的自訂,請檢視可用的替換選項。

無障礙功能

全新的感謝頁面、訂單狀態頁面與區塊皆以無障礙為考量設計,並符合 Web Content Accessibility Guidelines (WCAG) 與 Voluntary Product Accessibility Template (VPAT)。系統會自動套用無障礙更新。若要瞭解詳情,請參閱 Shopify Accessibility Statement

地址驗證

地址驗證自訂選項
自訂選項說明
Shopify 功能當您在 Shopify 管理介面中 set up address collection preferences 時,Shopify 結帳頁面會提供地址自動完成與驗證設定。
Shopify App Store您可在 Address validation Shopify App Store 精選集中找到具備更多地址驗證功能的 app。
自訂應用程式您可以使用 Checkout UI extensions 來驗證地址、顯示錯誤,並提供顧客可接受的建議。開發人員也可以 customize the address autocomplete provider

身分驗證

顧客在一段時間內無需登入即可 view their Order status page。時間一到,連結即會過期,系統只會顯示經過遮蔽的內容。之後顧客要檢視訂單詳細資料時可用的身分驗證方式,會依您使用的 customer accounts 版本而異:

  • 如果您使用新版的 customer accounts,顧客可以登入以檢視訂單詳細資料,或將新的連結傳送到其在結帳時使用的電子郵件或手機號碼。
  • 如果您使用 legacy accounts,或已將 sign-in links turned off,則顧客只能將新的連結傳送到其在結帳時使用的電子郵件或手機號碼。

在下列情況下,系統也可能會在新版訂單狀態頁面提示顧客登入:

  • 您新增至訂單狀態頁面的區塊需要身分驗證
  • 在您使用新版顧客帳號時,顧客從訂單狀態頁面前往其他顧客帳號頁面

您也可以 connect your own identity provider to customer accounts

套裝組合

套裝組合自訂選項
自訂選項說明
Shopify 功能Shopify Bundles 是 Shopify 開發的免費 app,可讓您在 Shopify 管理介面中建立與編輯固定式商品套裝組合與組合包。瞭解 product bundles 的詳情。
Shopify App Store您可在 Product bundle apps Shopify App Store 精選集中找到更多商品搭售功能的 app。許多 upsell and cross-sell apps 也包含商品搭售功能。
自訂應用程式開發人員可以使用 Cart Transform API 來自訂購物車商品項目的定價與商品推銷,且這些自訂會套用到感謝頁面與訂單狀態頁面。包括下列自訂類型:
  • 將單一購物車商品項目展開為由元件或附加商品組成的套裝組合
  • 將多個購物車商品項目合併為代表套裝組合的單一項目
  • 更新商品項目,以覆寫商品價格、標題或圖片

跨境

使用 Shopify 的 international sales tools,協助您管理並拓展全球銷售。

感謝頁面與訂單狀態頁面不支援依市場進行自訂。

本地化

本地化自訂選項
自訂選項說明
Shopify 功能感謝頁面與訂單狀態頁面的預設文字預設已 translated to several languages。您可以在 主題內容編輯器 中編輯這些預設文字。
Shopify App Store若您使用與 Shopify App Store 中的 app 整合的區塊,請 contact the app developer,確認該 app 是否支援多種語言。
訂單狀態頁面、感謝頁面與頁尾導覽的自訂
自訂選項說明
訂單狀態頁面導覽

新版訂單狀態頁面屬於顧客帳號頁面。若您使用 new version of customer accounts,商店頁首會在 customer account menu 中顯示前往顧客帳號頁面的導覽。

如果您仍使用 legacy customer accounts,或已 hidden customer accounts,則新版訂單狀態頁面不會顯示頁首導覽。

感謝頁面導覽您可以使用 Shopify Checkout Blocks 等 app,透過文字、連結或圖片來自訂感謝頁面的頁首與頁尾。頁首自訂內容會顯示在商店名稱下方,頁尾自訂內容會顯示在該頁面的頁尾導覽下方。
頁尾導覽當您 add store policies 後,系統會自動在感謝頁面與訂單狀態頁面顯示為頁尾連結。

付款方式

付款方式自訂選項
自訂選項說明
Shopify 功能若要瞭解您所在地區可用的付款方式,請參閱 Shopify PaymentsThird-party payment providersadditional payment methods
Shopify App Store您可在 Payment option apps Shopify App Store 精選集中找到提供更多付款選項的 app。
自訂應用程式開發人員可使用 Payment Customization Function API,在結帳時重新命名、重新排列與排序顧客可用的付款方式。

分期付款

分期付款自訂選項
自訂選項說明
Shopify 功能Shop Pay Installments 可讓顧客在結帳時選擇以分期付款支付訂單,且在部分國家/地區支援。深入瞭解 Shop Pay Installments eligibility requirements
Shopify App Store您可在 Payment installments Shopify App Store 精選集中找到更多分期付款選項的 app。

取貨點

取貨點自訂選項
自訂選項說明
Shopify 功能部分國家/地區支援 Shipping to pickup points。深入瞭解 requirements for using pickup points
Shopify App Store您可在 Shopify App Store 的 Pickup points 精選集中找到提供更多取貨點選項的 app。
自訂應用程式開發人員可使用 Pickup Point Delivery Option Generator API 產生自訂取貨點,以在結帳頁面顯示。

定價

定價自訂選項
自訂選項說明
Shopify App Store您可在 Shopify App Store 的 Pricing apps 精選集中找到更多定價最佳化 app。
自訂應用程式開發人員可以使用 Cart Transform API 來自訂購物車商品項目的定價與商品推銷,且這些自訂會套用到感謝頁面與訂單狀態頁面。包括下列自訂類型:
  • 將單一購物車商品項目展開為由元件或附加商品組成的套裝組合
  • 將多個購物車商品項目合併為代表套裝組合的單一項目
  • 更新商品項目,以覆寫商品價格、標題或圖片

隱私與安全

隱私與安全自訂選項
自訂選項說明
Shopify 功能Shopify Checkout 很安全,所有商店預設皆符合 PCI 規範。瞭解 PCI compliance 的詳情。Shopify 的 fraud analysis 會為每筆訂單提供風險評估。
Shopify App Store您可在 Shopify App Store 的 Privacy and security 精選集中找到提供更多隱私與安全選項的 app。
自訂應用程式Shopify 會透過確保自訂應用程式能 safely process protected customer data 來保護顧客資訊。具備所需權限範圍的自訂應用程式可存取受保護的顧客資料。開發人員也可使用 Customer Privacy API,強化顧客的 Cookie 同意聲明體驗。

再次訂購

再次購買自訂選項
自訂選項說明
Shopify 功能新的訂單狀態頁面預設包含「再次購買」按鈕。您可在結帳與顧客帳號編輯器中隱藏「再次購買」按鈕。
Shopify App Store您可在 Shopify App Store 的 Reordering 精選集中找到提供更多再次購買選項的 app。

退貨與換貨

退貨與換貨自訂選項
自訂選項說明
Shopify 功能新的訂單狀態頁面包含 self-serve returns,可讓顧客提交商品退貨申請。瞭解如何 set up self-serve returns
Shopify App Store您可在 Shopify App Store 的 Returns and exchanges 精選集中找到提供更多退貨與換貨選項的 app。

安排取貨或配送

安排取貨或配送的自訂選項
自訂選項說明
Shopify 功能在您 set up in-store pickup 時,選擇處理時間即可設定預期取貨日期。
Shopify App Store您可在 Shopify App Store 的 Scheduling pickup or delivery 精選集中找到更多取貨或配送排程選項的 app。

運送與出貨作業

運送與出貨作業自訂選項
自訂選項說明
Shopify 功能為商店設定 shipping and order fulfillment 時,您可以設定 shipping profilesexpected delivery dateslocal delivery 以及 in-store pickup。您也能設定訂單路由,依一組規則自動將訂單指派至出貨地點。
Shopify App Store您可在 Shopify App Store 的 Shipping and fulfillment 精選集中找到更多運送與出貨作業選項的 app。
自訂應用程式開發人員可 customize delivery options,並使用 Order Routing Location Rule Function APIFulfillment Constraints API 來自訂訂單出貨作業。瞭解 building custom apps for order routing 的詳情。

樣式

樣式自訂選項
自訂選項說明
Shopify 功能您可以使用 checkout and accounts editor 來自訂新版感謝頁面與訂單狀態頁面的品牌樣式。您也可以使用 Checkout Branding API 進一步自訂品牌樣式。
Shopify App Store您可以使用 Shopify Checkout Blocks app 內的品牌編輯器,其由 Checkout Branding API 提供支援,讓您無需修改任何程式碼即可自訂感謝頁面與訂單狀態頁面的外觀。