客户端配置 | 自定义您的结账页面

如何自定义结账页面

登录后台

1. 登录Subotiz管理后台。点击‘设置 ’> ‘结账页配置’ > ‘结账页’以访问配置页面。
    
2. 页面布局概述：

• 顶部区域：
  • 点击箭头，将返回Subotiz首页，页面有改动后点击箭头将触发二次弹窗确认是否返回。
  • 可切换PC端和移动端快速预览结账页面。
  • “保存”按钮仅在配置更改时点亮（否则置灰），点击后可使更改立即生效。
• 配置面板：
  • 两个功能配置页：组件配置页和 UI 配置页
• 订单预览部分：
  • 该区域可预览订阅的商品详情、支付表单及联络表单。

配置页面组件与UI

1. 组件配置页：自定义结账模块和组件

• 页头：默认启用。如果关闭，以下配置项将不会显示，并且整个“页头”模块将不会向客户展示。
  • 返回按钮：支持开关（默认：开启）。
  • 店铺名称：支持开关（默认：开启）；显示在 '返回按钮'旁边。
  • Logo：支持开关（默认：关闭）；如果之前未配置，但已在“设置”中配置了店铺Logo，则此处默认显示店铺Logo。您也可以在此处上传其他图片（推荐尺寸：120×120 像素）；图片将显示在“返回按钮”和“店铺名称”之间。
• 订单摘要（默认启用）：
  • 开关支持是否显示“移动订单摘要图片”（默认：开启）。如果关闭，将不会向客户展示该图片。
• 订单详情：默认启用。若关闭，以下配置项将不会显示，并且整个“订单详情”模块将不会向客户展示。
  • 商品图片：支持开关（默认：开启）。
  • 商品描述：支持开关（默认：开启）。
• 支付表单：
  • 开关支持是否展示支付表单的标题，默认启用；
• 电子邮件字段选项：

• 联络表单：

当电子邮件字段选项为“必填”和“可选”时，将出现联络表单的标题开关，默认开启。同时，将显示营销邮件订阅复选框，默认勾选，客户可按需取消。

2. UI配置页：

• 颜色：
  • 订单背景
  • 表单背景
  • 强调色
• 字体：
  • 默认系统字体（支持额外80多种字体）。
• 圆角：
  • 支持调整数值以调节圆角的弧度。可在0~24px之间调节。（数值越大，圆角越圆）
• 内边距：
  • 支持调节移动端内边距，0～16px可调

3. 订单预览部分：

• 此处展示预览页面，与C端线上结账页面完全相同。
• Subotiz提供默认的预览订单商品，可自定义预览订单商品：：
  • 点击预览区域底部的“修改预览订单商品”，打开配置弹窗。修改后，预览界面的订单商品将自动更新。
  • 支持通过搜索“定价名称”和“定价ID”搜索目标商品。
  • 选定要更换的商品后，点击“确认”按钮将关闭弹窗，页面将自动刷新为选定商品。

注意事项

• 预览限制