自訂 Shopify POS 顧客顯示畫面
您可以使用 Shopify 管理介面中的 POS 編輯器,自訂 Shopify POS 的顧客顯示畫面。顧客顯示畫面會透過 Shopify POS Terminal 或面嚮顧客的平板電腦顯示給顧客觀看。
顧客顯示畫面包含下列畫面:
- 待機畫面:會在沒有進行中交易時向顧客顯示。
- 結帳畫面:會在結帳流程向顧客顯示,包含購物車詳情、收據選項與感謝畫面。
您對 POS 顧客顯示畫面所做的自訂設定,會套用至所有 地點 的所有 POS 裝置。
自訂您的 POS 待機畫面
您可以在 Shopify 管理介面中使用 前景圖片或文字、背景 和 付款選項,自訂您的 POS 待機畫面。
在 POS 待機畫面中新增前景圖片或文字
您可以在 Shopify 管理介面中以您的商店品牌風格自訂 POS 待機畫面。您可以新增前景圖片或可自訂文字。前景圖片必須是可擴充向量圖形 (SVG)、PNG 或 WEBP 檔案,且長寬至少須為 512 像素。以文字為基礎的前景最多可顯示 250 個字元,且無法調整文字大小或選取不同字型。
步驟:
圖片
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「待機畫面」。
在「前景」區段中選取「圖片」,然後執行下列任一動作:
- 若要新增前景圖片,請點擊「選取圖片」以挑選圖檔,然後點擊「完成」。
- 若要變更現有的前景圖片,請點擊「變更」>「選取圖片」。挑選新的圖檔,然後點擊「完成」。
- 若要移除前景圖片,請點擊「變更」>「移除」。
選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。
點擊「儲存」以將前景圖片儲存至您的待機畫面。
文字
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「待機畫面」。
在「前景」區段中,選取「文字」。
在「文字」欄位中,新增您要顯示的文字。
在「顏色」選單中,點擊顏色選擇器並調整所選顏色,或新增 HEX 代碼以選取新的文字顏色。
選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。
點擊「儲存」以將前景文字儲存至您的待機畫面。
在 POS 待機畫面中新增背景
您可以新增圖片或選取純色,作為 POS 待機畫面的背景。背景圖片必須是 PNG 或 JPEG 格式,尺寸應為 1080 x 1920 像素。
步驟:
圖片
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「待機畫面」。
在「背景」區段中,點擊「圖片」。
若要管理背景圖片,請執行下列任一動作:
- 若要新增背景圖片,請點擊「圖片」>「選取圖片」,然後挑選圖檔。點擊「完成」。
- 若要變更現有的背景圖片,請點擊「變更」>「選取圖片」。挑選新的圖檔,然後點擊「完成」。
- 若要移除背景圖片,請按一下「變更」>「移除」。
調整「疊加層不透明度」設定,變更待機畫面背景的暗度。
選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將背景圖片儲存至待機畫面。
顏色
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「待機畫面」。
在「背景」區段中執行以下步驟:
- 按一下「顏色」。
- 按一下顏色選單,然後使用顏色選擇器或新增 HEX 色碼以選取新顏色。
選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將背景顏色儲存至待機畫面。
將付款選項新增至 POS 待機畫面
若要在 POS 待機畫面上顯示付款選項,您必須使用 Shopify Payments。只要使用讀卡機,POS app 便能接受所有信用卡。
步驟:
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「待機畫面」。
啟用「顯示卡片品牌」設定。
選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將付款圖示儲存至待機畫面。
自訂 POS 結帳畫面
POS 結帳畫面包含以下畫面:
您可以為這些畫面分別自訂設計元素與顏色佈景主題。
重要事項:若商家嘗試變更結帳畫面顏色時,看到「儲存失敗 — 請再試一次」的錯誤訊息,這是因為 Shopify Payments 設定不完整所致。完成 Shopify Payments 設定即可解決此問題。
在購物車結帳畫面上顯示產品圖片
您可以使用顧客顯示畫面編輯器,選擇在購物車結帳畫面上顯示或隱藏產品圖片。系統預設為顯示產品圖片,但您隨時都可以停用此設定。
步驟:
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「結帳頁面」>「購物車摘要」。
啟用或停用「顯示產品圖片」設定。
選用:若要在不同裝置類型上預覽自訂購物車畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將變更儲存至購物車畫面。
自訂「感謝您」結帳畫面上的訊息
預設情況下,POS「感謝您」畫面會在實體交易結束時顯示「Thank you! (感謝您!)」訊息。您可以使用 Shopify 管理介面中的 POS 編輯器,自訂向顧客顯示的訊息。
步驟:
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「結帳頁面」>「感謝您」。
在「訊息」欄位中,新增自訂訊息。
選用:若要在不同裝置類型上預覽自訂的「感謝您」畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將變更儲存至「感謝您」畫面。
在所有 POS 結帳畫面上調整顏色配置
您可以選取作為主要背景顏色的主要顏色,以及用於小費和收據選取畫面中按鈕與醒目顯示的強調色。顏色佈景主題會套用至所有結帳畫面 (購物車摘要、收據及感謝您)。
步驟:
在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。
在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。
在「檢視畫面」區段中,選取「結帳頁面」。
在「背景顏色」旁,按一下顏色選單,然後使用顏色選擇器或新增 HEX 色碼以選取新顏色。
選用:若要在不同裝置類型上預覽自訂結帳畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。
按一下「儲存」,將變更儲存至結帳畫面。