設定結帳頁面品牌行銷
您可在結帳頁面編輯器中自訂結帳頁面的品牌行銷,也可以新增品牌標誌、加入背景圖片、變更顏色,並選擇新的字型,讓結帳頁面符合您的商家形象。若要使用進階結帳頁面品牌行銷自訂,請參閱Checkout Branding API。
顧客會使用結帳頁面來輸入訂單的運送和付款資訊。大部分商家都會使用簡潔的結帳頁面設計,讓顧客方便閱讀並避免使其分心。選擇具有高對比度的顏色,以及不會搶走頁面文字焦點的圖片。
在結帳頁面的頁首新增標誌
您可在結帳頁面的頁首新增標誌,也可調整標誌的尺寸、對齊方式和位置。
步驟:
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
-
在「標誌」區域中新增您的標誌:
- 按一下「選擇圖片」。
- 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
- 點擊「完成」。
在「標誌寬度上限」區域中,調整標誌尺寸。
在「標誌對齊」區域中,為標誌選取靠左、置中或靠右對齊。
在「標誌位置」區域中,選取結帳表單、訂單摘要或為標誌選取全寬度。
點擊「儲存」。
為結帳表單加上背景圖片或顏色
您可為結帳表單新增背景顏色或圖片;您只能選擇新增其中一項,不能同時加上背景圖片和顏色。
加入背景顏色或圖片後,請確認顧客可清楚閱讀您的結帳欄位。
步驟:
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
- 在「結帳表單」區段新增背景圖片或顏色:
- 若要新增背景圖片,請執行下列操作:
- 按一下「選擇圖片」。
- 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
- 點擊「完成」。
- 若要新增背景圖片,請執行下列操作:
- 若要新增背景顏色,請執行下列操作: 1. 點擊「背景顏色」旁的顏色圓形,即可開啟顏色選擇器。 2. 選擇顏色或輸入十六進位顏色代碼。
- 點擊「儲存」。
為訂單摘要加上背景圖片或顏色
您可為訂單摘要新增背景顏色或圖片;您只能選擇新增其中一項,不能同時加上背景圖片和顏色。
加入背景顏色或圖片後,請確認顧客可清楚閱讀您的結帳欄位。
步驟:
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
- 在「訂單摘要」區段新增背景圖片或顏色:
- 若要新增背景圖片,請執行下列操作:
- 按一下「選擇圖片」。
- 點擊「新增圖片」以上傳新圖片,或選取已上傳至圖庫的圖片。
- 點擊「完成」。
- 若要新增背景圖片,請執行下列操作:
- 若要新增背景顏色,請執行下列操作: 1. 點擊「背景顏色」旁的顏色圓形,即可開啟顏色選擇器。 2. 選擇顏色或輸入十六進位顏色代碼。
- 點擊「儲存」。
自訂結帳頁面的顏色
您可變更結帳按鈕、錯誤訊息和強調色的顏色。您也可以將結帳欄位為白設色或透明。
變更結帳頁面的任何顏色後,請確保您可在訂單輸入項目和訂單摘要區域的背景上清楚閱讀文字。
變更強調色、按鈕和錯誤訊息顏色
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
-
在「顏色」區段選擇顏色:
- 點擊「強調色」、「按鈕」或「錯誤」旁的顏色圓形,即可開啟顏色選擇器。
- 選擇顏色或輸入十六進位顏色代碼。
點擊「儲存」。
變更表單欄位的顏色
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
- 在「顏色」區段,點擊「表單欄位」下拉式選單,然後選取白色或透明。若您使用Checkout Branding API 為表單欄位設定自訂值,則會顯示其他「自訂 (透過 API 設定)」選項。
- 點擊「儲存」。
自訂結帳頁面的字型
您可從字型清單中選擇以自訂您的結帳頁面。
步驟:
- 從 Shopify 管理介面中,前往「設定」>「結帳」。
- 前往「自訂結帳作業與品牌行銷」區段,在您要編輯的結帳頁面旁點擊「自訂」。
- 點擊油漆刷圖示。
-
在「字體」區段,變更結帳頁面文字標題和內文的字型:
- 在「標題」或「內文」區域,點擊字型名稱以開啟下拉式選單。
- 選取要套用至結帳頁面的字型。
點擊「儲存」。