自訂 Shopify POS 顧客顯示畫面

您可以使用 Shopify 管理介面中的 POS 編輯器,自訂 Shopify POS 的顧客顯示畫面。顧客顯示畫面會透過 Shopify POS Terminal 或面嚮顧客的平板電腦顯示給顧客觀看。

顧客顯示畫面包含下列畫面:

  • 待機畫面:會在沒有進行中交易時向顧客顯示。
  • 結帳畫面:會在結帳流程向顧客顯示,包含購物車詳情、收據選項與感謝畫面。

您對 POS 顧客顯示畫面所做的自訂設定,會套用至所有 地點 的所有 POS 裝置。

自訂您的 POS 待機畫面

您可以在 Shopify 管理介面中使用 前景圖片或文字背景付款選項,自訂您的 POS 待機畫面。

在 POS 待機畫面中新增前景圖片或文字

您可以在 Shopify 管理介面中以您的商店品牌風格自訂 POS 待機畫面。您可以新增前景圖片或可自訂文字。前景圖片必須是可擴充向量圖形 (SVG)、PNG 或 WEBP 檔案,且長寬至少須為 512 像素。以文字為基礎的前景最多可顯示 250 個字元,且無法調整文字大小或選取不同字型。

步驟:

圖片
  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「待機畫面」。

  4. 在「前景」區段中選取「圖片」,然後執行下列任一動作:

    • 若要新增前景圖片,請點擊「選取圖片」以挑選圖檔,然後點擊「完成」。
    • 若要變更現有的前景圖片,請點擊「變更」>「選取圖片」。挑選新的圖檔,然後點擊「完成」。
    • 若要移除前景圖片,請點擊「變更」>「移除」。
  5. 選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 點擊「儲存」以將前景圖片儲存至您的待機畫面。

文字
  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「待機畫面」。

  4. 在「前景」區段中,選取「文字」。

  5. 在「文字」欄位中,新增您要顯示的文字。

  6. 在「顏色」選單中,點擊顏色選擇器並調整所選顏色,或新增 HEX 代碼以選取新的文字顏色。

  7. 選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。

  8. 點擊「儲存」以將前景文字儲存至您的待機畫面。

在 POS 待機畫面中新增背景

您可以新增圖片或選取純色,作為 POS 待機畫面的背景。背景圖片必須是 PNG 或 JPEG 格式,尺寸應為 1080 x 1920 像素。

步驟:

圖片
  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「待機畫面」。

  4. 在「背景」區段中,點擊「圖片」。

  5. 若要管理背景圖片,請執行下列任一動作:

    • 若要新增背景圖片,請點擊「圖片」>「選取圖片」,然後挑選圖檔。點擊「完成」。
    • 若要變更現有的背景圖片,請點擊「變更」>「選取圖片」。挑選新的圖檔,然後點擊「完成」。
    • 若要移除背景圖片,請按一下「變更」>「移除」。
  6. 調整「疊加層不透明度」設定,變更待機畫面背景的暗度。

  7. 選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。

  8. 按一下「儲存」,將背景圖片儲存至待機畫面。

顏色
  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「待機畫面」。

  4. 在「背景」區段中執行以下步驟:

    1. 按一下「顏色」。
    2. 按一下顏色選單,然後使用顏色選擇器或新增 HEX 色碼以選取新顏色。
  5. 選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 按一下「儲存」,將背景顏色儲存至待機畫面。

將付款選項新增至 POS 待機畫面

若要在 POS 待機畫面上顯示付款選項,您必須使用 Shopify Payments。只要使用讀卡機,POS app 便能接受所有信用卡。

步驟:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「待機畫面」。

  4. 啟用「顯示卡片品牌」設定。

  5. 選用:若要在不同裝置類型上預覽自訂的待機畫面,請點擊「預覽選項」選單,然後選取您要使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 按一下「儲存」,將付款圖示儲存至待機畫面。

自訂 POS 結帳畫面

POS 結帳畫面包含以下畫面:

  • 購物車摘要:在建立購物車並新增品項時向顧客顯示。
  • 收據:在接受付款後向顧客顯示,可讓顧客選擇偏好的收據選項。
  • 感謝您:在顧客選擇收據選項並完成交易後向顧客顯示。

您可以為這些畫面分別自訂設計元素與顏色佈景主題

重要事項:若商家嘗試變更結帳畫面顏色時,看到「儲存失敗 — 請再試一次」的錯誤訊息,這是因為 Shopify Payments 設定不完整所致。完成 Shopify Payments 設定即可解決此問題。

在購物車結帳畫面上顯示產品圖片

您可以使用顧客顯示畫面編輯器,選擇在購物車結帳畫面上顯示或隱藏產品圖片。系統預設為顯示產品圖片,但您隨時都可以停用此設定。

步驟:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「結帳頁面」>「購物車摘要」。

  4. 啟用或停用「顯示產品圖片」設定。

  5. 選用:若要在不同裝置類型上預覽自訂購物車畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 按一下「儲存」,將變更儲存至購物車畫面。

自訂「感謝您」結帳畫面上的訊息

預設情況下,POS「感謝您」畫面會在實體交易結束時顯示「Thank you! (感謝您!)」訊息。您可以使用 Shopify 管理介面中的 POS 編輯器,自訂向顧客顯示的訊息。

步驟:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「結帳頁面」>「感謝您」。

  4. 在「訊息」欄位中,新增自訂訊息。

  5. 選用:若要在不同裝置類型上預覽自訂的「感謝您」畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 按一下「儲存」,將變更儲存至「感謝您」畫面。

在所有 POS 結帳畫面上調整顏色配置

您可以選取作為主要背景顏色的主要顏色,以及用於小費和收據選取畫面中按鈕與醒目顯示的強調色。顏色佈景主題會套用至所有結帳畫面 (購物車摘要、收據及感謝您)。

步驟:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「銷售點 (POS)」。

  2. 在「自訂店內體驗」區段中,點擊「顧客顯示畫面」的「編輯」。

  3. 在「檢視畫面」區段中,選取「結帳頁面」。

  4. 在「背景顏色」旁,按一下顏色選單,然後使用顏色選擇器或新增 HEX 色碼以選取新顏色。

  5. 選用:若要在不同裝置類型上預覽自訂結帳畫面,請按一下「預覽選項」選單,然後選取欲使用的裝置類型 (平板電腦或 POS Terminal)。

  6. 按一下「儲存」,將變更儲存至結帳畫面。