自定义 Shopify POS 客户显示屏

您可以使用 Shopify 后台中的 POS 编辑器自定义 Shopify POS 的客户显示屏屏幕。客户显示屏屏幕会通过 Shopify POS Terminal 或面向客户的平板电脑向您的客户展示。

客户显示屏包括以下屏幕:

  • 待机屏幕,在没有正在进行的活跃交易时向客户显示。
  • 结账屏幕,在结账流程中向客户显示,包括购物车详情、收据选项和致谢屏幕。

您对 POS 客户显示屏进行的自定义适用于所有地点的所有 POS 设备。

自定义 POS 待机屏幕

您可以在 Shopify 后台中,使用前景图片或文本背景以及支付选项来自定义 POS 待机屏幕。

向 POS 待机屏幕添加前景图片或文本

您可以在 Shopify 后台中根据商店品牌自定义 POS 待机屏幕。您可以添加前景图片或可自定义的文本。前景图片必须是 SVG、PNG 或 WEBP 文件,且最小为 512 像素。基于文本的前景最多显示 250 个字符,且无法调整文本大小或选择其他字体。

步骤:

图片
  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 待机屏幕

  4. 前景 部分中,选择 图片,然后执行以下任一操作:

    • 若要添加前景图片,请点击 选择图片 以选择图片文件,然后点击 完成
    • 若要更改现有前景图片,请点击 更改 > 选择图片。选择一个新的图片文件,然后点击 完成
    • 若要移除前景图片,请点击 更改 > 移除
  5. 可选:若要在不同设备类型上预览自定义待机屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击 保存 以将前景图片保存到待机屏幕。

文本
  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 待机屏幕

  4. 前景 部分中,选择 文本

  5. 文本 字段中,添加您要显示的文本。

  6. 颜色菜单中,点击颜色选择器并调整所选颜色,或者添加十六进制代码以选择新的文本颜色。

  7. 可选:若要在不同设备类型上预览自定义待机屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  8. 点击 保存 以将前景文本保存到待机屏幕。

向 POS 待机屏幕添加背景

您可以添加图片或选择纯色作为 POS 待机屏幕的背景。背景图片必须是 PNG 或 JPEG 格式,尺寸应为 1080 x 1920 像素。

步骤:

图片
  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 待机屏幕

  4. 背景部分中,点击图片

  5. 若要管理背景图片,请执行以下任一操作:

    • 若要添加背景图片,请点击图片 > 选择图片,然后选择图片文件。点击完成
    • 若要更改现有背景图片,请点击更改 > 选择图片。选择一个新的图片文件,然后点击完成
    • 若要移除背景图片,请点击更改 > 移除
  6. 调整叠加不透明度设置,以更改待机屏幕背景的暗度。

  7. 可选:若要在不同设备类型上预览自定义待机屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  8. 点击保存,将背景图片保存到待机屏幕。

颜色
  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 待机屏幕

  4. 背景部分中,执行以下步骤:

    1. 点击颜色
    2. 点击颜色菜单,然后使用颜色选择器 or 添加 HEX 代码以选择新颜色。
  5. 可选:若要在不同设备类型上预览自定义待机屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击保存,将背景颜色保存到待机屏幕。

向 POS 待机屏幕添加付款选项

若要在 POS 待机屏幕上显示支付选项,您必须使用 Shopify Payments。通过使用读卡器,可以在 POS 应用中接受所有信用卡。

步骤:

  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 待机屏幕

  4. 启用 显示卡品牌 设置。

  5. 可选:若要在不同设备类型上预览自定义待机屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击保存,将付款图标保存到待机屏幕。

自定义 POS 结账屏幕

POS 结账屏幕由以下屏幕组成:

  • 购物车摘要,在创建购物车和添加商品时向客户显示。
  • 收据,在接受付款后向客户显示,并允许其选择首选的收据选项。
  • 感谢,在客户选择收据选项并完成交易后向其显示。

您可以为每个屏幕自定义设计元素和 颜色主题

重要提示:如果商家在尝试更改结账屏幕颜色时看到“保存失败 -- 请重试”错误,这是由于 Shopify Payments 设置不完整导致的。完成 Shopify Payments 设置即可解决此问题。

在购物车结账屏幕上显示产品图片

您可以使用客户显示屏编辑器选择在购物车结账屏幕上显示或隐藏产品图片。默认情况下会显示产品图片,但您可以随时停用此设置。

步骤:

  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 结账 > 购物车摘要

  4. 启用或停用 显示产品图片 设置。

  5. 可选:若要在不同设备类型上预览自定义的购物车屏幕,请点击 预览选项 菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击保存,将更改保存到购物车屏幕。

自定义“致谢”结账屏幕上的消息

默认情况下,POS 致谢屏幕会在当面交易结束时显示“谢谢!”消息。您可以在 Shopify 后台使用 POS 编辑器自定义向客户显示的消息。

步骤:

  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 结账 > 致谢

  4. 消息 字段中,添加自定义消息。

  5. 可选:若要在不同设备类型上预览自定义的致谢屏幕,请点击 预览选项 菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击保存,保存对致谢屏幕所做的更改。

调整所有 POS 结账屏幕的配色方案

您可以选择一种主色作为主要背景颜色,并选择一种强调色用于按钮以及小费和收据选择屏幕上的高亮显示。颜色主题适用于所有结账屏幕(购物车摘要、收据和致谢)。

步骤:

  1. 在 Shopify 后台中,转至 Point of Sale > 设置

  2. 自定义 部分中,点击 客户显示屏,打开 POS 编辑器。

  3. 视图 部分中,选择 结账

  4. 背景颜色 旁,点击颜色菜单,然后使用颜色选择器或添加 HEX 代码以选择新颜色。

  5. 可选:若要在不同设备类型上预览自定义结账屏幕,请点击预览选项菜单,然后选择您要使用的设备类型(平板电脑或 POS Terminal)。

  6. 点击保存,将更改保存到结账屏幕。