自訂顧客帳號頁面

您可以自訂商店的顧客帳號頁面,提供更個人化的顧客體驗。大部分的自訂作業都是在結帳頁面與帳號編輯器中進行,並會套用至您的顧客帳號與登入頁面。

您可以透過以下方式自訂顧客帳號:

  • 將商店的品牌行銷與樣式套用至您的顧客帳號及登入頁面。
  • 自訂顧客登入後重新導向的目的地。
  • 自訂顧客帳號選單,讓顧客能更輕鬆地存取商店的各個部分及他們的帳號。
  • 建立子網域,讓顧客帳號使用您商店的主要網域。
  • 使用 app 將區塊和頁面新增至顧客帳號,為顧客帳號新增更多功能。
  • 針對特定市場與地區量身打造顧客帳號頁面。

自訂顧客帳號品牌行銷與樣式

您可以透過在結帳與帳號編輯器中編輯共用品牌設定,為顧客帳號頁面自訂品牌設定。您對共用品牌設定所做的變更,也會自動套用至顧客帳號與登入頁面。舉例而言,若您在共用品牌設定中上傳標誌,該標誌便會顯示在結帳頁面、顧客帳號頁面及登入頁面上。

您可以直接在顧客帳號頁面與登入頁面,覆寫部分繼承自共用品牌行銷的設定,以便掌握更多顧客帳號頁面樣式的控制權:

若您上傳標誌至主要共用品牌行銷設定,該標誌也會顯示在顧客帳號與登入頁面。您可以在顧客帳號與登入頁面上,直接覆寫繼承的標誌圖片與尺寸。

步驟:

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

  2. 在「設定」區段中,點擊您要自訂之設定旁邊的「編輯」。

  3. 在結帳頁面和帳號編輯器中,從頁面選擇器選單選取任何您要變更標誌的顧客帳號頁面。

  4. 點擊 區段,然後點擊「頁首」。

  5. 在「標誌」區段中,點擊「圖片」欄位並選取新的標誌。

  6. 選填:使用「寬度」滑桿來調整標誌的尺寸。

  7. 點擊「儲存」。

自訂顧客帳號頁面上的顏色

若您在主要共用品牌行銷設定中新增背景與強調色,系統也會在您的顧客帳號與登入頁面上使用這些顏色。您可以直接在顧客帳號與登入頁面覆寫繼承的顏色設定。您可以獨立覆寫每個頁面的顏色。

步驟:

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

  2. 在「設定」區段中,點擊您要自訂之設定旁邊的「編輯」。

  3. 在結帳頁面與帳號編輯器中,從頁面選擇器選單選取任何您要變更顏色設定的顧客帳號頁面。

  4. 自訂頁首的背景顏色:

    1. 點擊 區段,然後點擊「頁首」。
    2. 在「顏色」區段中,點擊「背景」設定,並為頁首選取新的背景顏色。
  5. 自訂頁面主體的背景或強調色:

    1. 點擊 區段,然後點擊「主體」。
    2. 點擊「背景」設定,為主要頁面主體選取新的背景顏色。
    3. 點擊「強調色」設定,為主要頁面主體選取新的強調色。
  6. 點擊「儲存」。

自訂登入頁面樣式

登入頁面是獨立的登陸頁面,供顧客登入網路商店中的帳號。您可以獨立於為結帳和顧客帳號頁面所選的設定,自訂標誌與顏色,讓此頁面更具獨特品牌行銷特色。您也可以上傳圖片,作為電腦版裝置上的主視覺圖片。

步驟:

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

  2. 在「設定」區段中,點擊您要自訂之設定旁邊的「編輯」。

  3. 在結帳頁面與帳號編輯器中,從頁面選擇器選單選取「登入」頁面。

  4. 點擊 區段,然後點擊「主要內容」。

  5. 您可以調整登入頁面的任何下列樣式元素:

    • 在「標誌」區段中,於「圖片」欄位中上傳新的標誌。您也可以手動調整標誌的寬度。
    • 在「顏色」區段中,使用「背景」或「強調色」欄位來自訂登入頁面的顏色。
    • 在「多媒體」區段中,使用「圖片」欄位為登入頁面上傳主視覺圖片。此圖片只會顯示在電腦版裝置上。
  6. 點擊「儲存」。

為沒有訂單的顧客自訂訂單頁面

顧客可以在未曾於您的商店下單的情況下建立帳號。對於已登入但沒有訂單的顧客,由於沒有現有的訂單記錄可供顯示,因此其「訂單」頁面會顯示導向商店首頁的「立即選購」按鈕。

為了建立興趣並提示顧客探索您的商品,您可以在顧客帳號的「訂單」頁面上,除了預設的「立即選購」按鈕之外,選取並顯示商店的商品系列。

步驟:

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

  2. 在「設定」區段中,點擊您要自訂之設定旁邊的「編輯」。

  3. 在結帳頁面與帳號編輯器中,從頁面選擇器選單選取「訂單」頁面。

  4. 點擊 區段,然後點擊「主體」。

  5. 在「無訂單」區段中,設定空白狀態:

    1. 選填:點擊「預覽」,即可在預覽視窗中顯示空白的「訂單」頁面。
    2. 在「商品系列」選單中,點擊「選取商品系列」。
    3. 選取現有的商品系列,或點擊「建立商品系列」,為空白狀態建立新的商品系列。
  6. 點擊「儲存」。

自訂顧客帳號登入重新導向

您可以設定顧客登入您商店帳號後重新導向的位置。例如,您可能會希望將顧客重新導向至登入前瀏覽的頁面,或重新導向至特定的商品系列。

請按照此指南來自訂顧客帳號登入的重新導向

自訂您的顧客帳號選單

顧客帳號主選單會顯示在已登入顧客的顧客帳號「主體」區段中。根據顧客使用的裝置,選單會顯示在不同位置:

  • 電腦版:選單會以垂直排列的方式顯示在頁面左側。此版面配置最適合顯示含有大量選單連結的選單 (最多包含 3 層的巢狀導覽選項),讓電腦版使用者能更輕鬆地瀏覽。
  • 行動裝置:選單會以水平排列的方式顯示在頁面頂端。這可讓顧客更輕鬆地在顧客帳號頁面之間切換。當選單包含 5 個以上的選單項目時,則會改為顯示 選單圖示 圖示。

當您使用最新版本的顧客帳號時,系統會自動在商店建立顧客帳號選單,且預設包含前往商店首頁的連結和前往顧客訂單的連結。您可以將預設的 customer-account-main-menu 顧客帳號選單替換成現有的選單,或是編輯預設選單

編輯預設的顧客帳號選單

您可以在 Shopify 管理介面中前往「內容」>「選單」區段,或在結帳頁面與帳號編輯器中編輯顧客帳號選單。

建議您在顧客帳號主選單中新增下列任一連結,讓顧客能輕鬆存取與帳號相關的資訊:

  • 個人檔案」:顧客的個人檔案頁面,可讓他們管理個人資訊 (例如姓名與地址)。
  • App」:與顧客帳號相關聯的 app 頁面,例如顧客忠誠度獎勵與訂閱 app。
  • 網路商店上的其他範本
  • 外部連結。

顧客帳號選單不支援網址重新導向。

步驟:

在 Shopify 管理介面中
  1. 在 Shopify 管理介面中,前往「內容」>「選單」。
  2. 在「選單」清單中,點擊「顧客帳號主選單」。
  3. 變更您的顧客帳號選單。深入瞭解編輯選單與連結
  4. 點擊「儲存」。
在結帳頁面與帳號編輯器中
  1. 在 Shopify 管理介面中,前往「設定」>「結帳頁面」。

  2. 在「設定」區段中,點擊您要自訂之設定旁邊的「編輯」。

  3. 在結帳與帳號編輯器中,從頁面選取器選單選取訂單

  4. 在區段側邊欄中,點擊主要

  5. 主要側邊欄中,點擊導覽選單,然後點擊編輯

  6. 編輯對話方塊中,變更您的顧客帳號選單。瞭解編輯選單和連結的詳情。

  7. 點擊儲存,然後點擊 X 以關閉選單編輯器,並預覽更新後的選單。

為顧客帳號頁面建立子網域

您的顧客帳號頁面會將商店的主要網域作為基準網域。例如,若您的主要網域是 your-store.com,則顧客帳號子網域會建立為 account.your-store.com。若您變更主要網域,顧客帳號網域也會隨之更新。若要查看或變更主要網域,請前往 Shopify 管理介面的「設定」>「網域」。

您可以使用網路商店的主要網域為顧客帳號建立子網域,並將顧客導向他們的帳號頁面。您建立的域名是您用於商店之主要域名的子網域。此子網域會成為所有顧客帳號頁面的主要域名,提供從登入到帳號管理一致的品牌行銷體驗。例如,如果您的子網域是 account.your-store.com,則顧客會在 account.your-store.com/authentication/login 存取登入頁面。

深入瞭解顧客帳號頁面的子網域

使用 app 自訂顧客帳號

透過 app 自訂顧客帳號,您就能在商店中為顧客提供更完善的體驗。使用 app 可新增實用的自助服務功能,例如退貨流程、訂閱、追加銷售、評論和願望清單,同時維持一致的品牌形象,並讓登入程序保持簡單。您可以使用區塊,將功能新增至現有的顧客帳號頁面,或在顧客帳號中新增頁面。舉例來說,若您使用支援 app 頁面的願望清單 app,就可以將願望清單頁面新增至顧客帳號,讓顧客在該處管理自己的願望清單。

您可以使用結帳和帳號編輯器進行以下自訂作業:

請前往 Shopify App Store 查看顧客帳號 app 的完整清單。深入瞭解如何使用 app 自訂結帳與顧客帳號

使用區塊在顧客帳號中新增頁面

部分 app 提供的區塊可讓您在顧客帳號頁首新增頁面。例如,願望清單 app 可能提供讓您在顧客帳號中新增願望清單頁面的區塊。

您可以從結帳和帳號編輯器的「App」側邊欄建立 app 頁面。部分 app 頁面支援直接連結,這能讓您從結帳和帳號編輯器或 Shopify 管理介面的「選單」頁面,將頁面連結至您的顧客帳號選單。

新增頁面後,您可以從「App」側邊欄的「已新增」分頁,或從結帳和帳號編輯器的頁面選擇器選單存取該頁面。

步驟:

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

  2. 在「設定」區段中,點擊您要自訂的結帳設定旁邊的「自訂」。

  3. 在「AppApp 區段中,找到您要為其建立頁面的 app。

  4. 點擊「+」圖示,然後在「新增頁面至」區段中,點擊「帳號」。

  5. 在「區塊」設定中,進行 app 的相關設定。

  6. 點擊「儲存」。

  7. 選填:若要在顧客帳號選單中向顧客顯示 app 頁面,請點擊「新增至選單」。在「顧客帳號主選單」對話方塊中,執行下列操作:

    1. 檢閱從結帳和帳號編輯器自動填入的「標籤」與「連結」。若要重新命名連結,請更新「標籤」欄位**。
    2. 選填:新增其他任何您想加入「顧客帳號主選單」的選單項目。
    3. 點擊「儲存」。

為特定市場自訂顧客帳號頁面

您可以使用結帳和帳號編輯器為特定市場與地區自訂顧客帳號頁面。這可讓您針對特定地區自訂顧客帳號頁面,例如為國內市場的顧客加入額外的帳號功能,或是針對國際地區在顧客帳號中顯示有關運送延遲的自訂訊息。

除了針對特定市場的品牌行銷、設定和區塊覆寫設定外,顧客帳號頁面也支援對下列自訂類型採用市場專用覆寫設定:

  • 新增或移除整頁擴充功能,例如第三方 app 提供的訂閱管理頁面。
  • 變更顧客帳號選單,例如變更套用至顧客帳號頁面「頁首」區段的預設 customer-account-main-menu
  • 新增或移除訂單動作,例如提出退貨要求的按鈕。

深入瞭解如何為特定市場調整結帳與帳號頁面