設定結帳頁面品牌行銷

您可在結帳頁面編輯器中自訂結帳頁面的品牌行銷,也可以新增品牌標誌、加入背景圖片、變更顏色,並選擇新的字型,讓結帳頁面符合您的商家形象。若要使用進階結帳頁面品牌行銷自訂,請參閱Checkout Branding API

您為結帳頁面選擇的部分品牌行銷選項也會自動套用至新版顧客帳號頁面

顧客會使用結帳頁面來輸入訂單的運送和付款資訊。大部分商家都會使用簡潔的結帳頁面設計,讓顧客方便閱讀並避免使其分心。選擇具有高對比度的顏色,以及不會搶走頁面文字焦點的圖片。

您可在結帳頁面的頁首新增標誌,也可調整標誌的尺寸、對齊方式和位置。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「標誌」區域中新增您的標誌:

    1. 按一下「選擇圖片」。
    2. 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
    3. 點擊「完成」。
  5. 在「標誌寬度上限」區域中,調整標誌尺寸。

  6. 在「標誌對齊」區域中,為標誌選取靠左、置中或靠右對齊。

  7. 在「標誌位置」區域中,選取結帳表單、訂單摘要或為標誌選取全寬度。

  8. 點擊「儲存」。

為結帳表單加上背景圖片或顏色

您可為結帳表單新增背景顏色或圖片;您只能選擇新增其中一項,不能同時加上背景圖片和顏色。

加入背景顏色或圖片後,請確認顧客可清楚閱讀您的結帳欄位。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「背景 1」區段新增背景圖片或顏色:
    • 若要新增背景圖片,請執行下列操作:
      1. 按一下「選擇圖片」。
      2. 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
      3. 點擊「完成」。

- 若要新增背景顏色,請執行下列操作: 1. 點擊「背景顏色」旁的顏色圓形,即可開啟顏色選擇器。 2. 選擇顏色或輸入十六進位顏色代碼。

  1. 點擊「儲存」。

為訂單摘要加上背景圖片或顏色

您可為訂單摘要新增背景顏色或圖片;您只能選擇新增其中一項,不能同時加上背景圖片和顏色。

加入背景顏色或圖片後,請確認顧客可清楚閱讀您的結帳欄位。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「背景 2」區段新增背景圖片或顏色:
    • 若要新增背景圖片,請執行下列操作:
      1. 按一下「選擇圖片」。
      2. 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
      3. 點擊「完成」。

- 若要新增背景顏色,請執行下列操作: 1. 點擊「背景顏色」旁的顏色圓形,即可開啟顏色選擇器。 2. 選擇顏色或輸入十六進位顏色代碼。

  1. 點擊「儲存」。

自訂結帳頁面的顏色

您可變更結帳按鈕、錯誤訊息和強調色的顏色。您也可以將結帳欄位為白設色或透明。

變更結帳頁面的任何顏色後,請確保您可在訂單輸入項目和訂單摘要區域的背景上清楚閱讀文字。

變更強調色、按鈕和錯誤訊息顏色

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「顏色」區段選擇顏色:

    1. 點擊「強調色」、「按鈕」或「錯誤」旁的顏色圓形,即可開啟顏色選擇器。
    2. 選擇顏色或輸入十六進位顏色代碼。
  5. 點擊「儲存」。

變更表單欄位的顏色

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「顏色」區段中,點擊「表單欄位和卡片背景」下拉式選單,然後選取白色或透明。若您使用Checkout Branding API 為表單欄位設定自訂值,則會顯示其他「自訂 (透過 API 設定)」選項。
  5. 點擊「儲存」。

自訂結帳頁面的字型

您可從字型清單中選擇以自訂您的結帳頁面。

步驟:

  1. 從 Shopify 管理介面 中,前往「設定」>「結帳」。
  2. 在「自訂結帳流程」區段中,在您要編輯的結帳頁面旁點選「自訂」。
  3. 點擊齒輪圖示。
  4. 在「字體」區段,變更結帳頁面文字標題和內文的字型:

    1. 在「標題」或「內文」區域,點擊字型名稱以開啟下拉式選單。
    2. 選取要套用至結帳頁面的字型。
  5. 點擊「儲存」。

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

免費試用