
如果您使用Shopify商店銷售產品,則可以在模版編輯器中自定義結賬頁面的樣式。添加公司 logo、更改顏色或選擇新字體,使結賬頁面與您的業務匹配。
雖然您可能希望為結賬頁面增添許多色彩和趣味,但最好采用簡單的設計。您的客戶將使用這些頁面輸入其訂單的發貨和付款信息,您不應該分散他們的注意力或使信息難以查看。選擇對比度高的顏色,以及不會分散對頁面上文字的注意力的圖片。
提示:需要關于customizing the style of your cart and checkout方面的幫助嗎?您可以與 Shopify 專家進行合作來完成工作。
上傳橫幅的背景圖片
注:在您選擇某一套餐并創建第一個產品之前,后臺結賬設置部分中的自定義結賬部分會被隱藏。
在每個結賬頁面的頂部,都會有一個橫幅顯示您的商店名稱。您可以更改橫幅的背景圖片。請選擇適合您的品牌的圖片。例如,如果您銷售的是珠寶,那么彩色珠子的圖片可能就比較適合。分辨率為 1000 x 400 像素的橫幅圖片視覺效果最佳。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在橫幅部分,單擊上傳圖片,或選擇已上傳到庫中的圖片。
單擊保存。
將 logo 添加到結賬頁面
您可以將商店 logo 添加到結賬頁面。如果您在使用橫幅圖片,則 logo 會顯示在橫幅上方。您可以將 logo 置于結賬頁面上橫幅區域的左側、右側或中央。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在 logo 部分中,單擊上傳圖片,或選擇已上傳到庫中的圖片。
選擇 logo 位置。
選擇 logo 大小。
單擊保存。
在主要內容區域中添加背景圖片或顏色
您可以將背景圖片或顏色添加到結賬頁面的主要內容區域。客戶會在此區域中輸入發貨和付款信息,因此請確保在所用背景中您仍可清楚查看字段內容。您無法同時添加背景圖片和顏色。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在主要內容區域部分中,添加背景色或圖片。
如果您要添加顏色,請單擊背景色旁邊的框以打開顏色選擇器,然后選擇一種顏色或輸入一個十六進制代碼。
如果您要添加圖片,請單擊上傳圖片,或選擇已上傳到庫中的圖片。較小的圖片會在背景上以垂直和水平方式重復排列,與瓷磚類似。
單擊保存。
更改表單字段的顏色
您可以更改字段的顏色,讓它們以白色或透明方式顯示。您可能需要讓字段以透明方式顯示,以便展示背景圖片。請確保您可以清楚閱讀字段中的文本。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在主要內容區域部分中,單擊表單字段下拉菜單以選擇所需的顏色。
單擊保存。
為訂單摘要添加背景圖片或顏色
當客戶在結賬頁面上單擊顯示訂單摘要時,會顯示他們要購買的產品的一個列表。您可以向訂單摘要添加背景圖片或顏色。請務必預覽您自己的選擇,從而確保您對訂單摘要的外觀感到滿意。您可以在模版編輯器中的預覽上單擊顯示訂單摘要。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在訂單摘要部分,添加背景色或圖片。
如果您要添加顏色,請單擊背景色旁邊的框以打開顏色選擇器,然后選擇一種顏色或輸入一個十六進制代碼。
如果您要添加圖片,請單擊上傳圖片,或選擇已上傳到庫中的圖片。較小的圖片會在背景上以垂直和水平方式重復排列,與瓷磚類似。
單擊保存。
更改或刪除結賬頁面的圖片
您可以更改或刪除您添加到結賬頁面的任何圖片。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在要替換的圖片下,單擊更新,上傳圖片或從庫中選擇圖片。
單擊保存。
若要刪除圖片,請單擊圖片下方的刪除。這不會從 Shopify 中刪除此圖片。
添加圖片替代文字
當您對結賬頁面上的圖片感到滿意時,最好添加圖片替代文本。此文本可以幫助提高可訪問性和 SEO。詳細了解搜索引擎優化。
步驟:
在圖片下,單擊更新,然后選擇編輯圖片。
輸入圖片的替代文本。為圖片選擇一個簡短的描述性標題。
單擊保存。
更改結賬頁面的字體
您可以從字體列表中進行選擇,以便自定義結帳頁面。您無法更改結帳頁面上的文本顏色。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在字體部分中,單擊標題下拉菜單或正文下拉菜單,然后選擇一種字體。
單擊保存。
更改結賬頁面上的按鈕和主題色
您可以更改結賬頁面上的按鈕顏色、錯誤消息顏色和主題色(例如鏈接)。如果您更改了顏色,請確保您能夠看清主要內容區域和訂單摘要背景中的文本。
步驟:
在 Shopify 后臺中,轉到設置 > 結賬。
在樣式部分中,單擊自定義結賬以打開模版編輯器。
在顏色部分中,單擊主題色、按鈕或錯誤旁邊的顏色框以打開顏色選擇器,然后選擇一種顏色或輸入一個十六進制代碼。
單擊保存。(來源:Shopify)
以上內容屬作者個人觀點,不代表雨果網立場!如有侵權,請聯系我們。
相關推薦:Shopify后臺在線結賬設置頁面介紹