自訂您的結帳樣式
如果您使用線上商店販售產品,則可以在佈景主題編輯器中自訂結帳頁面的樣式。新增公司標誌、變更顏色或選擇新字型,讓結帳作業更能搭配您的業務風格。
雖然您可能希望為結帳頁面添加大量顏色和趣味,但最好保持設計簡潔。客戶會使用這些頁面輸入訂單的運送和付款資訊,盡量不要分散他們的注意力或使資訊難以閱讀。選擇具有高對比度的顏色,以及不會搶走頁面文字焦點的圖片。
上傳橫幅的背景圖片
在每個結帳頁面頂端都有橫幅,會顯示您的商店名稱。您可以變更該橫幅的背景圖片。請選擇適合您品牌的圖片,例如若您販售珠寶,那麼彩色串珠圖片就相當適合。橫幅圖片的最佳解析度為 1000 x 400 像素。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「橫幅」區段中按一下「上傳圖片」,或選擇已上傳到圖片庫中的圖片。
按一下「儲存」。
在結帳頁面中加入標誌
您可為結帳頁面加上商店標誌。若您使用橫幅圖片,則標誌會顯示在頂端。您可以將標誌放在結帳頁面橫幅區域的左側、右側或中間。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「標誌」區段中按一下「上傳圖片」,或選擇已上傳到圖片庫中的圖片。
選擇標誌位置。
選擇標誌尺寸。
按一下「儲存」。
為主要內容區域加上背景圖片或顏色
您可以為結帳頁面的主要內容區域加上背景圖片或顏色。此為客戶輸入運送和付款資訊的區域,因此請確保您仍可清楚閱讀背景上的欄位。您無法同時加上背景圖片和顏色。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「主要內容區域」區段中,新增背景顏色或圖片。
若您要新增顏色,請按一下「背景顏色」旁的方塊以開啟顏色挑選器,接著選擇顏色或輸入十六進位顏色代碼。
如果要新增圖片,請按一下「上傳圖片」,或選擇已上傳到圖片庫中的圖片。較小的圖片會在背景上以垂直和水平方向重複排列,類似瓷磚。
- 按一下「儲存」。
變更表單欄位的顏色
您可以將欄位的顏色變更為白色或透明。您可能想使欄位透明,以便顯示背景圖片。請確保您可以清楚地閱讀欄位中的文字。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「主要內容區域」區段中,按一下「表單欄位」下拉式選單,以選擇您需要的顏色。
按一下「儲存」。
為訂單摘要加上背景圖片或顏色
當客戶在結帳頁面上按一下「顯示訂單摘要」時,會顯示他們購買的產品清單。您可以為訂單摘要加上背景圖片或顏色。請務必預覽您的選擇,以確保您對訂單摘要的顯示方式感到滿意。您可以在佈景主題編輯器的預覽上按一下「顯示訂單摘要」。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「訂單摘要」區段中,新增背景顏色或圖片。
若您要新增顏色,請按一下「背景顏色」旁的方塊以開啟顏色挑選器,接著選擇顏色或輸入十六進位顏色代碼。
如果要新增圖片,請按一下「上傳圖片」,或選擇已上傳到圖片庫中的圖片。較小的圖片會在背景上以垂直和水平方向重複排列,類似瓷磚。
- 按一下「儲存」。
變更或將圖片從結帳頁面移除
您可以變更或移除任何新增至結帳頁面的圖片。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在您想更換的圖片下按一下「更新」,接著上傳圖片或從圖片庫中選擇圖片。
按一下「儲存」。
若要移除圖片,請按一下圖片下方的「移除」。這樣做不會從 Shopify 刪除該圖片。
新增圖片替代文字
若您滿意結帳頁面上的圖片,建議您新增圖片替代文字。這些文字有助於進行無障礙存取和搜尋引擎最佳化。深入瞭解搜尋引擎最佳化。
步驟:
在圖片下方,按一下「更新」,然後選擇「編輯圖片」。
輸入圖片的替代文字。為圖片選擇簡潔的描述性標題。
按一下「儲存」。
變更結帳頁面的字型
您可從字型清單中選擇以自訂您的結帳頁面。您無法變更結帳頁面上的文字顏色。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「印刷樣式」區段中,按一下「標題」下拉式選單或「正文」下拉式選單,並選擇字型。
按一下「儲存」。
變更結帳頁面上的按鈕和強調色
您可變更按鈕、錯誤訊息和強調色的顏色,如同結帳頁面上的連結。若您變更顏色,請確保您可在主要內容區域和訂單摘要的背景上清楚閱讀文字。
步驟:
- 從 Shopify 管理員介面中,前往「設定 > 結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
- 在 Shopify 應用程式中,前往「商店」 > 「設定」。
- 在「商店設定」底下,點一下「結帳」。
在「樣式」區段中按一下「自訂結帳」,以開啟佈景主題編輯器。
在「顏色」區段中,按一下「強調色」、「按鈕」或「錯誤」旁的顏色方塊來開啟顏色挑選器,接著選擇顏色或輸入十六進位顏色代碼。
按一下「儲存」。
使用第三方應用程式來新增售後優惠至結帳作業中
售後優惠是在顧客完成付款但尚未前往訂單確認葉面時,顯示在結帳頁面的提示。提示訊息會邀請顧客將其他產品新增至訂單中。
即使您可以在顧客完成付款程序前新增優惠,售後優惠仍可以提高您商店的整體訂單量,並帶來以下優點:
- 因為售後優惠是在顧客完成交易後才會顯示,因此產生放棄的購物車的風險較低。
- 因為這項優惠在顧客購買後才會顯示,因此是及時、相關且獨家的優惠。
- 顧客可以一鍵購買其他產品,無須再次輸入自身資訊。
您必須使用支援售後優惠的第三方應用程式,才能在線上商店中啟用優惠。在 Shopify 應用程式商店中檢視售後優惠應用程式。
若您需要第三方應用程式的協助,應聯絡應用程式開發人員。