自訂訂單狀態頁面

無論您是否透過支援的貨運業者出貨訂單,您都需要採取某些措施以確保商店的結帳體驗一如您預期。

概覽

當您出貨或更新訂單及包括追蹤編號時,您的客戶會透過電子郵件收到訂單狀態頁面的連結。根據預設,下列電子郵件範本會包括客戶訂單狀態頁面的 URL。

  • 訂單確認
  • 運送確認
  • 貨態更新

您可以從 Shopify 管理員的「訂單」頁面檢視客戶的訂單狀態。

步驟:

  1. 在「訂單」中,開啟您想追蹤的訂單。
  2. 按一下「動作」按鈕,然後按一下「檢視訂單狀態頁面」。

訂單狀態頁面會根據貨件狀態變更而即時更新。可能的值有:

  • 已確認 - 客戶已建立訂單,但您尚未出貨或出貨訂單。這是擷取付款的好時機。
  • 運送中 - 您已在 Shopify 管理員中將訂單標籤為已出貨或部分出貨,且貨件正在運送途中。
  • 已出貨 - 貨件已抵達客戶所在區域,即將送達客戶手中。
  • 已送達 - 客戶已收到貨件。
  • 嘗試投遞 - 貨運業者嘗試將貨件投遞至收件地地址,但未成功。

客戶會透過電子郵件收到訂單狀態的連結。為確保自動寄出電子郵件,您必須:

  1. 設定電子郵件範本。

  2. 將追蹤編號新增至訂單。

  3. 測試功能。

設定電子郵件範本

您的電子郵件範本會控制您出貨及更新訂單時傳送給客戶的訂單確認運送電子郵件。您必須確保這些範本已準備好自動傳送訂單狀態 URL 給您的客戶。URL 會將客戶導向至訂單狀態頁面。預設 SMS 範本已包括訂單狀態 URL。

選擇最符合您的選項:

  • 我尚未自訂電子郵件範本。
  • 我已自訂電子郵件範本。
  • 我不確定是否已自訂電子郵件範本。

我尚未自訂訂單確認或 Shipping 電子郵件範本

若您沒有「訂單確認」或「運送通知」範本,且仍使用預設範本,則您可跳過此步驟。Shopify 已經更新了您的電子郵件範本,其中包含一個引導客戶前往訂單狀態頁面的連結。

您接下來的步驟是:

  • 將追蹤編號新增至訂單 - 訂單狀態連結將以電子郵件自動傳送給客戶。
  • 測試功能。

我已自訂訂單確認或運送電子郵件範本

由於您已自訂一或多個「訂單確認」或「運送通知」範本,Shopify 必須覆寫您的所有自訂,才能為您自動更新範本。

若要確保您的電子郵件範本包括可提供客戶所需連結的 order status URL,您可以:

  • 按一下「還原為預設值」(清除任何其他您的自訂內容) 或
  • 手動將訂單狀態 URL 新增至您的範本。

我不確定是否已自訂電子郵件範本。

如果您不確定您或工作人員是否已自訂您的電子郵件範本,請按以下步驟檢查:

  1. 在「電子郵件範本」區段中,找出「訂單確認」和「運送確認」電子郵件範本。

  2. 若您已自訂電子郵件範本,「還原為預設值」按鈕會顯示於範本頁面底部:

還原為預設按鈕

若您在「訂單確認」或「運送確認」範本頁面中看到「還原為預設值」,請按照上述步驟操作。

將訂單狀態 URL 手動新增至您的電子郵件範本

若要確保您的「訂單確認」和「運送電子郵件」範本為客戶包括 order status URL 連結,您必須新增一些 Liquid 程式碼至範本。

步驟:

  1. 按一下「運送確認」以在線上編輯器中開啟。

  2. 找出下列區段 (如有):

For shipping status on these items:
{% for tracking_url in fulfillment.tracking_urls %}
  {{ tracking_url }}
{% endfor %}

若該程式碼不存在,您想在電子郵件中顯示連結時,請新增步驟 4 中的程式碼。

  1. 以下列程式碼取代:
Track the status of your order: {{ order_status_url }}.

您可以變更此訊息以配合您的品牌。您只須複製 (在 PC 上為 ctrl + C ,在 Mac 上為 command + C) 並貼上 (在 PC 上為 ctrl + V ,在 Mac 上為 command + V) {{ order_status_url }} 程式碼,須與此處的格式完全相同。

  1. 針對您的貨態更新訂單確認電子郵件重複步驟 1 到 5。

將追蹤編號新增至訂單

在您設定電子郵件範本以傳送 order_status_url 之後,您必須將追蹤編號新增至訂單。接著您的電子郵件會自動傳送訂單狀態 URL 給客戶。

如果您不確定如何新增追蹤編號,請按照以下指南操作:

測試結帳功能以確保其正常運作,特別是在您已新增其他指令碼後。

新增選擇加入訂單更新

客戶可透過電子郵件或電話接收訂單更新,取決於他們在結帳時輸入的資訊而定。您可以啟用按鈕來讓客戶在下單之後選擇加入訂單更新。啟用之後,客戶即可在訂單狀態頁面上新增手機號碼或電子郵件地址。

步驟:

訂單更新選擇加入

  1. 在 Shopify 管理員中,按一下「設定」,然後按一下「結帳」。
  2. 找到「客戶聯絡」區段,接著勾選「其他聯絡方式」下的選項:
    訂單更新選擇加入設定
  3. 按一下「儲存」

測試版:Arrive 是一款適用於 iOS 裝置的行動應用程式。它會向客戶更新訂單的交付狀態。Arrive 為測試版本,因此部分商店無法使用。

測試功能

若您將任何程式碼新增至「其他指令碼」方塊,例如追蹤像素或來自第三方 App 的自訂程式碼,您可以提交測試訂單來測試結帳體驗。

步驟:

  1. 在結帳時使用您自己的電子郵件並選擇支援的貨運業者,按照提交測試訂單上的說明進行。.
  2. 在您的 Shopify 管理員中出貨訂單並為訂單新增追蹤編號。

如果您發現任何異常狀況,則第三方應用程式的自訂程式碼之間可能存在衝突。請聯絡應用程式開發人員以解決問題。您可以在 Shopify 應用程式商店 中搜尋應用程式名稱來尋找資訊。

新增其他指令碼

其他指令碼」方塊會用來將程式碼插入至您訂單狀態頁面的範本。您可以新增下列任何內容:

  • HTML - 您可以使用任何有效的 HTML5 程式碼,例如指定碼、樣式、iframe 和物件元素。

  • Liquid 程式碼 - 您可存取結帳及商店 liquid 物件。

  • ROI/轉換追蹤指令碼

  • 轉介追蹤指令碼

使用其他指令碼的自訂範例

以下是一些使用「其他指令碼」欄位的自訂範例:

存取其他指令碼

  1. 找到「訂單處理」區段。您會在靠近區段底部的位置看到「其他指令碼」。

其他指令碼文字方塊

其他資訊

訂單狀態頁面是一項新功能,且仍在開發中。您可在下方看到此功能的狀態相關資訊,以及我們即將增加其功能的計畫。

  • 支援的貨運業者
  • 未支援的貨運業者
  • 包含多個貨件或運輸業者的訂單 (部分出貨)
  • 新增備註或訊息至訂單狀態頁面
  • 客戶隱私權

支援的貨運業者

目前完整支援全新訂單狀態頁面的貨運業者只有 USPS、UPS、FedEx 和加拿大郵政。

透過支援貨運業者運送的貨件,其訂單狀態頁面包括會即時更新的運送地圖。

未支援的貨運業者

訂單狀態頁面僅完整支援 USPS、UPS、FedEx、DHL Express 和加拿大郵政等貨運業者。但您仍應更新電子郵件範本並繼續為訂單出貨作業新增追蹤編號,以便客戶收到 order status URL (訂單狀態 URL)。

在訂單狀態頁面上,透過不支援的貨運業者下達的訂單仍會顯示追蹤編號。該編號會連結到貨運業者的網站,客戶可以在其網站上取得關於訂單狀態的詳細資訊。

不同於受支援的貨運業者,訂單狀態將不會顯示,地圖上的圖釘也不會即時更新。

包含多個貨件或運輸業者的訂單 (部分出貨)

訂單狀態頁面支援部分出貨或您以多項貨件出貨的訂單。Shopify 會使用訂單狀態頁面上的追蹤編號和內容建立第二個訂單狀態區塊。

我們支援部分出貨,即使是透過不同的貨運業者進行也可支援。

新增備註或訊息

您可以使用 JavaScript 物件將內容方塊新增至結帳流程中的訂單狀態頁面。

若您按照我們的指南操作,只需要瞭解一些 HTML 就可以為訂單狀態頁面新增內容,例如備註或訊息。

客戶隱私權

雖然訂單狀態頁面的連結看起來像是可公開訪問的 URL,但客戶的運送地址安全無虞,任何人都看不到。

如果有人透過與完成結帳所使用的裝置不同的裝置存取訂單狀態頁面,便會要求登入以保護客戶資訊。您的客戶需要兩種認證才可存取該頁面:

  • 訂單編號 (他們可在電子郵件中取得) 以及
  • 他們用來結帳的電子郵件地址。

翻譯您的訂單狀態頁面

您也可控制訂單狀態頁面使用的語言,如同您控制 Shopify 商店的其他部份一樣。若您已翻譯完整佈景主題語言,您的訂單狀態頁面將會以您選擇的語言顯示。

若預設文字不適合您的品牌風格,您可以逐行翻譯訊息。例如,訂單狀態頁面第一行寫著「感謝你,John」,則可以翻譯為「謝啦,John!」。

步驟:

  1. 找到要編輯的佈景主題,然後按一下「操作」 > 「編輯語言」

  2. 向下捲動至「結帳感謝您」標題:

結帳感謝您標頭

結帳感謝您」標題到「結帳商店政策」標題的欄位包含可針對訂單狀態頁面翻譯的訊息。

  1. 在欄位中輸入翻譯文字。

  2. 按一下「儲存」

進階自訂

若您擁有 Shopify Plus 訂閱,您即可存取 checkout.liquid 版面配置及 checkout.scss.liquid 資產檔案,賦予您完整控制權,為結帳體驗打造更進階的自訂內容。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用