從舊版顧客帳號升級至顧客帳號

升級至最新版本的顧客帳號即可存取以下功能,並為您的顧客提供 Shopify 上最佳的帳號體驗。

順暢的登入體驗

  • 單次登入即可使用所有功能:顧客只需登入一次,即可存取所有顧客帳號功能和 App 自訂項目。
  • 免密碼驗證:顧客可以使用電子郵件和一次性驗證碼登入,也就是說不需要重設密碼。
  • 社群登入:提供顧客使用 Facebook 或 Google 登入的選項。

內建功能

  • 退貨:顧客可以從帳號中發起退貨。
  • 商店抵用金:顧客可以在帳號中檢視商店抵用金餘額,並在結帳時使用。
  • 訂閱:顧客可以直接在帳號中恢復、略過或取消訂閱,以及更新付款方式。
  • 更多自助功能:顧客帳號支援訂單追蹤、重新訂購和個檔管理功能。
  • 用於分析的像素:追蹤顧客事件並深入分析顧客的購買後行為,以便利用 Shopify 網頁像素最佳化帳號體驗。
  • 獨立於佈景主題之外進行管理:顧客帳號是獨立於佈景主題之外進行管理,因此佈景主題更新不會影響您的帳號體驗。您將可持續獲得新的顧客帳號功能,而無需變更佈景主題。

現代化、行動優先的設計

全新版面配置具備直覺化導覽、品牌專屬登入、為首次購物者精心挑選的推薦商品,以及更醒目的訂單管理和 app 功能,並針對行動優先體驗全面最佳化。

自訂選項

  • 種類多元的顧客帳號 app:透過 app 區塊自訂您的顧客帳號體驗。舉例而言,您無須編寫程式碼,即可在顧客帳號中新增常客獎勵、訂閱及願望清單功能。app 區塊會沿用您在結帳與帳號編輯器中設定的顏色、字型與樣式,確保您新增的各項功能皆與您的品牌形象保持一致。
  • 連結您自己的身分識別提供者:以您自己的身分識別提供者取代預設的登入體驗,打造完全自訂的驗證流程。
  • Customer Account API:使用專為搭配 Hydrogen 和 Storefront API 運作而設計的 Customer Account API,打造量身定做的顧客帳號體驗。

如果您仍在使用舊版顧客帳號,請按照本指南準備升級,並避免中斷您的顧客體驗。

限制

將舊版顧客帳號升級為顧客帳號之前,請先檢閱以下限制:

  • 自訂登入或註冊體驗:升級後,Shopify 會自動將所有舊版顧客帳號網址 (例如 /account/login) 重新導向至新版顧客帳號。這包含您佈景主題中任何硬式編碼的連結。但是,若您建立了自訂登入或註冊體驗 (例如在互動視窗中,或是在與舊版帳號範本分開的不同頁面上),則可能需要在升級前編輯您的佈景主題以移除這些自訂項目。
  • 工作流程觸發條件和自動化操作:顧客帳號不支援以舊版顧客帳號為基礎的工作流程觸發條件或自動化操作。如果您現有的工作流程或自動化操作是使用舊版顧客帳號所設定,則無法移轉至顧客帳號。
  • 顧客區隔:包含 customer_account_status 篩選條件的顧客區隔在升級後將無法如預期運作,因為 customer_account_status 專用於舊版顧客帳號。新版顧客帳號目前沒有可用的篩選條件。
  • 每個市場的自訂網域:您無法為顧客帳號頁面設定每個市場的自訂網域。這表示即使您的商店已設定多個國際網域,您在所有市場中只能使用一個網域作為顧客帳號網域。
  • Multipass:顧客帳號不支援 Multipass。如果您需要使用自己的身分識別提供者,可以將其連接至顧客帳號
  • 登入頁面自訂:您無法新增自訂區塊至登入頁面。您可以在結帳與帳號編輯器中,自訂登入頁面的標誌、顏色、字型與品牌圖片。

步驟 1:檢閱舊版自訂項目並決定要保留的內容

檢閱您對舊版顧客帳號進行的任何自訂項目 (例如訂閱管理或忠實顧客計畫的連結),並記下對您而言很重要的自訂項目。您應該在升級前重新建立這些項目,以確保轉換順利。自訂項目可能包括在佈景主題編輯器中對顧客帳號範本所做的變更,或對 .liquid 程式碼的變更。

您可能會發現對您不再重要的舊自訂項目。您可以放心地忽略這些項目,因為它們不會在升級過程中一併轉移。

在佈景主題編輯器中檢閱自訂項目:

  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 在目前的佈景主題旁,點擊「編輯佈景主題」。

  3. 點擊「首頁」下拉式選單。

  4. 點擊「舊版顧客帳號」。

  5. 檢閱每個舊版顧客帳號範本,找出任何自訂項目:

    • 顧客帳號
    • 顧客啟用帳號
    • 顧客地址
    • 顧客登入
    • 顧客訂單
    • 顧客註冊
    • 顧客重設密碼

檢閱 .liquid 程式碼中的自訂項目:

  1. 在 Shopify 管理介面中,前往「網路商店」>「佈景主題」。

  2. 在目前的佈景主題旁,點擊「」>「編輯程式碼」。

  3. 在左側側邊欄中,點擊「範本」>「顧客」。這些是舊版顧客帳號的範本。如果您曾變更過檔案結構,則結構可能會有所不同。

  4. 查看每個顧客範本中的程式碼,找出任何自訂項目。

步驟 2:複製您現有的配置

複製您現有的配置,以便在該處進行新的自訂、儲存進行中的變更並預覽變更,確認準備就緒後再向顧客顯示。

步驟:

  1. 在 Shopify 管理介面中,前往「設定」> 結帳

  2. 在「配置」區段中,點擊您要複製的配置旁邊的「複製」。這會建立一份配置副本。

  3. 選擇性步驟:重新命名配置,以便日後尋找。

步驟 3:使用適用於顧客帳號的應用程式取代舊版自訂項目

尋找應用程式來取代您在步驟 1 中找出的每個舊版自訂項目。適用於顧客帳號的應用程式具備多種功能,例如忠實顧客計畫、追加銷售和交叉銷售、編輯訂單、願望清單、評論、退貨、訂閱、表單和問卷、數位下載等等。

瀏覽所有適用於顧客帳號的應用程式:

從已安裝的應用程式新增應用程式區塊

如果您曾使用應用程式自訂舊版顧客帳號,應用程式開發人員可能已更新該應用程式,使其適用於顧客帳號。您可以從結帳和帳號編輯器中,新增這些應用程式的應用程式區塊。

步驟:

  1. 在 Shopify 管理介面中,前往「設定」> 結帳

  2. 您建立的配置副本旁邊,點擊「自訂」以開啟結帳和帳號編輯器。

  3. 在左側側邊欄中,點擊「應用程式」。您會看到所有已安裝且適用於結帳頁面或顧客帳號的應用程式。

  4. 在「全部」分頁下方,找出您用來自訂舊版顧客帳號的應用程式。您可以搜尋特定應用程式名稱以縮小清單範圍。

  5. 點擊該應用程式下方應用程式區塊旁邊的 +。如果可以選擇將應用程式區塊新增至「訂單」、「訂單狀態」、「個人檔案」或「帳號」,即表示該應用程式適用於顧客帳號。

  6. 新增您想要的應用程式區塊並進行設定。深入瞭解如何在結帳和帳號編輯器中使用應用程式

  7. 選擇性步驟:若要預覽頁面在不同螢幕尺寸上的變更,請點擊電腦版的 電腦版 按鈕、行動裝置的 行動裝置 按鈕,或全螢幕的 全螢幕 按鈕,以查看頁面呈現給顧客的樣子。

  8. 點擊「儲存」。

尋找新的應用程式

對於某些自訂項目,您可能需要尋找並安裝新的應用程式,才能重建您在舊版顧客帳號中擁有的相同功能。

步驟:

  1. 前往 Shopify App Store
  2. 搜尋您需要的功能。
  3. 點擊「篩選」。
  4. 在「適用於」下方,選取「顧客帳號」。這會將搜尋範圍限制為適用於顧客帳號的應用程式。
  5. 安裝應用程式後,請依照步驟從已安裝的應用程式新增應用程式區塊

如果您的舊版顧客帳號中有外部連結 (例如連至獨立訂閱或退貨入口網站的連結),請檢查是否有任何 Shopify 功能或應用程式可用於提供該功能。

使用 Shopify 功能和應用程式的好處是,顧客只需登入一次即可存取所有功能,而連結至外部入口網站通常需要額外的驗證步驟。

如果您仍需要新增外部連結,您可以將連結新增至顧客帳號主選單,或使用應用程式在頁面內文中新增連結。Shopify Checkout Blocks 可讓您將內容區塊 (包含連結) 新增至顧客帳號中的訂單狀態頁面。還有數個公開應用程式可讓您新增連結至顧客帳號中的其他頁面。請依照尋找新的應用程式的步驟,找出適合您的應用程式。

步驟 4:確認您的品牌設定為最新狀態

結帳頁面和顧客帳號共用相同的品牌設定。請確認您的品牌和標誌在所有頁面上皆顯示正確。

步驟:

  1. 在 Shopify 管理介面中,前往「設定」> 結帳

  2. 您建立的配置副本旁邊,點擊「自訂」以開啟結帳和帳號編輯器。

  3. 在左側側邊欄中,點擊「設定」並查看目前的品牌設定。

  4. 在編輯器的頂端列中,點擊「結帳」以開啟頁面選取器選單。

  5. 導覽至不同的結帳和顧客帳號頁面,確認您的品牌和標誌在整個體驗中皆顯示正確。

  6. 視需要調整設定。

  7. 點擊「儲存」。

步驟 5:連結顧客帳號的子網域

根據預設,您的顧客帳號頁面 (例如登入頁面、訂單頁面和個人檔案頁面) 會使用 shopify.com 網址格式作為基礎網域,類似具有您商店專屬 ID 的 shopify.com/1234567890/account。您可以改為選擇並連結顧客帳號的子網域 (以線上商店的主要域名為基礎),使顧客帳號與您的品牌相符。例如:account.your-store.com

當顧客造訪其帳號時,包含訂單狀態頁面在內皆會顯示此子網域。

步驟 6:檢查您的寄件者電子郵件是否為最新狀態

查看您的寄件者電子郵件地址,並確認您有權存取該地址。顧客會使用傳送至其電子郵件的驗證碼登入,而這些電子郵件是由您的寄件者電子郵件地址所寄出。

步驟 7:發布您的配置

完成應用程式和品牌設定的設定後,請發布您的配置。這會使變更在結帳頁面和顧客帳號中生效。

在您完成步驟 9 前,您的網路商店和結帳頁面仍會連結至舊版顧客帳號。

步驟:

  1. 在 Shopify 管理介面中,前往「設定」> 結帳

  2. 您建立的配置副本旁邊,執行以下動作:

    1. 選擇性步驟:點擊「自訂」以預覽變更。
    2. 點擊「發布」。

步驟 8:預覽並測試您的新顧客帳號設定

您的新設定現已發布,但在您完成升級前,網路商店和結帳頁面仍會連結至舊版顧客帳號。

若要在完成升級前測試新的顧客帳號體驗,請複製您的新顧客帳號網址,然後在新的瀏覽器分頁中開啟。若您設定了顧客帳號子網域,則網址格式將類似於 account.{your-store-domain}.com。若未設定子網域,預設格式則為 https://shopify.com/{your-store-ID}/account

步驟:

  1. 在 Shopify 管理介面中,前往**設定** > **顧客帳號**

  2. 在「顧客帳號」區段中,複製「網址」欄位中的網頁網址。

  3. 在網頁瀏覽器中開啟新分頁,將網址貼上至網址列,接著按下 Enter 鍵以載入頁面。

  4. 登入您的測試顧客帳號,使用您發布的結帳頁面和帳號設定來預覽新的顧客帳號體驗。

步驟 9:升級

當您準備好讓顧客從網路商店和結帳頁面存取顧客帳號時,即可進行升級。

步驟:

  1. 在 Shopify 管理介面中,前往**設定** > **顧客帳號**

  2. 點擊頁面頂端橫幅中的**升級**。

舊版顧客帳號資源