自定義結帳樣式

如果使用在線商店銷售產品，則可以在主題編輯器中自定義結帳頁面的樣式：添加公司徽標，更改顏色或選擇新字體，以使結帳與業務相匹配。

即使想要給結帳頁面添加一些顏色等，但最好保持設計簡單。客戶將使用這些頁面為訂單設置運輸和付款信息，所以您不要分散他們的注意力或使信息難以閱讀，盡量使用圖片具有高對比度的顏色。

備註

在選擇付費計劃並創建第一個產品之後，在checkout設置部分的Customize checkout會顯示出來，

給橫幅添加/上傳背景圖片

在每個結帳頁面的頂部，橫幅顯示商店名稱，該橫幅的背景圖像是可以更改的，要選擇與您的品牌相匹配的圖片。例如，如果銷售珠寶，那麼彩色珠子的圖像可能是一個很好的匹配，分辨率為1000 x 400像素橫幅圖像看起來效果最佳。

Desktop操作步驟：

1、在Shopify後台中，轉到 Settings > Checkout
2、在 Style部分中，單擊Customize checkout以打開主題編輯器
3、在BANNER部分中，單擊Upload image，或選擇已上載到庫中的圖像。
4、點擊Save
iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到Store > Settings
2、在Store settings下，點擊Checkout。
3、在Style部分中，點擊Customize checkout以打開主題編輯器。
4、在BANNER部分，點擊Upload image，或選擇您已上傳到圖書館的圖片。
5、點擊Save

在結帳頁面添加徽標

可以將商店徽標添加到結帳頁面。如果使用橫幅圖片，則徽標將顯示在其上方，可以將徽標放在結帳頁面上橫幅區域的左側、右側或中央。

Desktop操作步驟：

1、在Shopify後台中，轉到Settings > Checkout
2、在 Style部分中，單擊Customize checkout以打開主題編輯器。
3、在LOGO部分中，單擊Upload image，或選擇已上載到庫中的圖像。
4、選擇徽標的位置。
5、選擇徽標的大小。
6、點擊Save




iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到Store > Settings
2、在Store settings下，點擊Checkout
3、在Style部分中，點擊Customize checkout以打開主題編輯器。
4、在 LOGO 部分，點擊Upload image，或選擇您已上傳到圖書館的圖片。
5、選擇徽標的位置。
6、選擇徽標的大小。
7、點擊Save

將背景圖像或顏色添加到主要內容區域

可以將背景圖像或顏色添加到結帳頁面的主要內容區域。這是客戶將輸入其運輸和付款信息的區域，因此要確保可以清楚地閱讀背景中的字段。注意：無法同時添加背景圖像和顏色。

Desktop操作步驟：

1、在Shopify後台中，轉到Settings > Checkout
2、在Style部分中，單擊Customize checkout以打開主題編輯器
3、在MAIN CONTENT AREA部分中，添加背景顏色或圖像。

• 如果要添加顏色，單擊Background color旁邊的框打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
• 如果要添加圖像，單擊Upload image，或選擇已上載到庫中的圖像。較小的圖像將在背景上垂直和水平重複，如瓷磚。

4、點擊Save
iPhone＆Android操作步驟：

1、在Shopify app中，轉到Store > Settings
2、在Store settings下，點擊Checkout
3、在Style部分中，點擊Customize checkout以打開主題編輯器。
4、在MAIN CONTENT AREA部分中，添加背景顏色或圖像

• 如果要添加顏色，點擊Background color旁邊的框打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
• 如果要添加圖像，點擊Upload image，或選擇已上載到庫中的圖像。較小的圖像將在背景上垂直和水平重複。

5、點擊Save

更改表單區域的顏色

可以更改字段的顏色，使其為白色或透明。字段透明，以便顯示背景圖像。確保可以清楚地閱讀字段中的文本。

Desktop操作步驟：

1、在Shopify後台中，轉到Settings > Checkout
2、在 Style部分中，單擊Customize checkout以打開主題編輯器。
3、在MAIN CONTENT AREA部分中，單擊Form fields下拉列表以選擇所需的顏色。
4、點擊Save
iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到 Store > Settings

2、在Store settings下，點擊Checkout。

3、在 Style部分中，點擊Customize checkout以打開主題編輯器。

4、在MAIN CONTENT AREA部分中，點擊Form fields下拉列表以選擇所需的顏色。

5、點擊Save

在訂單摘要中添加背景圖像或顏色

當客戶在結帳頁面上點擊Show order summary時，會顯示他們購買的產品列表。可以在訂單摘要中添加背景圖像或顏色。請務必預覽您的選擇，以確保對訂單摘要的顯示方式感到滿意。可以在主題編輯器中單擊預覽上的how order summary。

Desktop操作步驟：

1. Click Save.

1、在Shopify後台中，轉到Settings > Checkout
2、在Style部分中，單擊Customize checkout以打開主題編輯器。
3、在ORDER SUMMARY部分中，添加背景顏色或圖像。

• 如果要添加顏色，請單擊Background color旁邊的框打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
• 如果要添加圖像，請擊 Upload image，或選擇已上載到庫中的圖像。較小的圖像將在背景上垂直和水平重複，如瓷磚。

4、點擊Save
iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到 Store > Settings
2、在Store settings下，點擊Checkout
3、在Style部分中，點擊Customize checkout以打開主題編輯器。
4、在ORDER SUMMARY部分中，添加背景顏色或圖像

• 如果要添加顏色，點擊Background color旁邊的框打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
• 如果要添加圖像，點擊Upload image，或選擇已上載到庫中的圖像。較小的圖像將在背景上垂直和水平重複。

5、點擊Save

從結帳頁面更改或刪除圖像

可以更改或刪除添加到結帳頁面的任何圖像。

Desktop操作步驟：
1、在Shopify後台中，轉到 Settings > Checkout
2、在Style部分中，點擊 Customize checkout以打開主題編輯器。
3、在要替換的圖像下，點擊Update並上載圖像或從庫中選擇一個圖像。
4、點擊Save
iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到Store > Settings
2、在Store settings下，點擊Checkout。
3、在Style部分中，點擊Customize checkout以打開主題編輯器。
4、在要替換的圖像下，點擊Update並上傳圖像，或從庫中選擇一個圖像。
5、點擊Save
要刪除圖像，請單擊圖像下方的Remove。這不會從Shopify中刪除圖像。

添加圖片替代文字

要想對結帳頁面上的圖片感到滿意，最好添加圖片替換文字。此文本有利於Shopify商店SEO優化。

步驟如下：

1、在圖像下，點擊Update，然後選擇Edit image。

2、輸入圖像的替代文字。為圖像選擇一個簡短的描述性標題。

3、點擊Save

更改結帳頁面上的字體

可以從字體列表中進行選擇以自定義結帳頁面，但是無法更改結帳頁面上文本的顏色。




Desktop操作步驟：

1、在Shopify後台中，轉到Settings > Checkout

2、在Style部分中，點擊Customize checkout以打開主題編輯器。

3、在TYPOGRAPHY部分中，單擊Headings下拉列表或Body下拉列表，然後選擇一種字體。

4、點擊Save

iPhone＆Android操作步驟：

1、在Shopify應用程序中，轉到Store > Settings

2、在Store settings下，點擊Checkout。

3、在Style部分中，點擊Customize checkout以打開主題編輯器。

4、在 TYPOGRAPHY 部分中，點擊Headings下拉列表或Body下拉菜單，然後選擇一種字體。

5、點擊Save

在結帳頁面上更改按鈕和強調顏色

可以更改按鈕、錯誤消息和著重符號的顏色，例如結帳頁面上的鏈接。如果更改顏色，請確保根據主要內容區域和訂單摘要的背景，可以清楚地閱讀文本。

Desktop操作步驟：
1、在Shopify後台中，轉到Settings > Checkout
2、在Style部分中，點擊Customize checkout以打開主題編輯器。
3、在COLORS部分中，點擊Accents, Buttons或Errors旁邊的顏色框以打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
4、點擊Save
iPhone＆Android操作步驟：
1、在Shopify應用程序中，轉到Store > Settings
2、在Store settings下，點按Checkout。
3、在 Style部分中，點擊Customize checkout以打開主題編輯器。
4、在COLORS部分中，點擊Accents, Buttons或Errors旁邊的顏色框以打開顏色選擇器，然後選擇顏色或輸入十六進制代碼。
5、點擊Save