• Topic 主题 トピック Topic Topic
  • Sign in

结账自定义

结账自定义是一项能够自定义和管理结账流程的 SHOPLINE 功能模块,可以使您商店的结账流程独一无二以供客户轻松使用。


 

目录

 


 

结账自定义

结账自定义主要包括以下两个部分:

  • 结账编辑器
    您可以通过安装结账应用自定义编辑结账页(仅限 Enterprise 套餐使用),也可以通过结账页品牌营销编辑管理您的结账品牌营销。
  • 管理实时结账和草稿结账
    您可以在首次使用结账编辑器并保存后,进行实时结账和草稿结账的自定义与预览。

 


 

结账编辑器

设置入口

您可以在 SHOPLINE admin 中的【设置】 >【结账】>【自定义结账流程】>【自定义】即可进入编辑器。
进入结账页.png
进入结账编辑器.png

 

基础操作

  • 选择结账页面

    点击结账编辑器顶部下拉选项框可选择要自定义编辑的结账页面,根据您设置的结账步骤样式(标准样式/单页样式),会展示不同的下拉框选项。

    •  标准样式下:
      标准.png
    • 单页样式下:
      单页2.png
  • 撤销和恢复
    点击结账编辑器顶部的【撤销】、【恢复】按钮则可对历史编辑进行操作。
    返回.png
  • 保存
    点击结账编辑器顶部的【保存】按钮则可保存已编辑的操作。
    保存.png
  • 选择不同显示屏幕预览
    点击结账编辑器顶部不同显示屏幕的图标来选择预览样式。
    页面.png

 

主要部分

结账编辑器有两个主要部分,为结账应用自定义编辑和结账页品牌营销编辑(接下来会为您详细介绍这两大部分)

  • 在结账应用自定义编辑中,您可以通过安装结账应用自定义结账页面的功能(此功能仅支持 SHOPLINE Enterprise 套餐店铺)。
  • 结账页品牌营销编辑中,您可以自定义结账页面的外观。


 

结账应用自定义编辑

使用权限说明

  • 若非 SHOPLINE Enterprise 套餐,则需升级套餐才能使用自定义结账应用功能。
    企业级套餐.png
  • 若为 SHOPLINE Enterprise 套餐,点击左侧边栏中的应用图标,即可使用自定义结账应用功能。
    点击.png

 

如何安装与使用

您可以通过安装应用来进行结账页自定义编辑操作。应用开发者和 SHOPLINE 合作伙伴开发的应用会在 SHOPLINE 应用商店中发布。安装结账应用到 SHOPLINE 后台之后,您就可以使用结账编辑器将其添加到结账页面。下面以安装“结账补充说明Plus“作为示例:

安装使用

  1. 访问 SHOPLINE 应用商店,搜索【结账补充说明Plus】,并点击【安装】
    Frame 35575080 (27).png
  2. 添加已安装的应用到结账页面。
    选择需要进行自定义编辑的结账页面(如“单页样式”页面),在页面左侧底部,点击【添加应用】,点击应用,即可添加

    添加应用.png
    Frame 35575080 (28).png

  3. 移动并放置应用。
    您可以在适用的结账页区域中,通过点击并拖拽应用旁边的 ⋮⋮ 图标,将其移动应用到其他区域。
    某些应用只能放在结账页的特定区域。
    Frame 35575080 (29).png
    如下图,结账补充说明信息被置于订单摘要下方。
    Frame 35575080 (31).png

 

配置应用

您可以自定义结账应用的设置。您可以对每个应用进行自定义的唯一设置。应用设置由创建应用的开发人员或合作伙伴定义。如果您有自己的开发团队,您可以指定要自行自定义的设置。

 

删除应用

  1. 您可以在自定义结账应用页面中删除应用。如要从 SHOPLINE 后台完全删除应用,则您需要卸载应用。

 


 

结账页品牌营销编辑

您可以在【结账编辑器】中自定义结账页面的品牌营销。您可以添加结账页 Banner、品牌 logo,自定义内容信息和订单摘要,选择新字体和更改其他颜色,使结账页独一无二以匹配您的业务。

备注:此品牌营销内容还应用于新的客户账户、感谢页面和订单状态页面。
  • 在结账页中添加 Banner。
    banner 1.png

    • 在 Banner 区域中 ,添加您的电脑端或移动端 Banner。

    • 选择电脑端或移动端图片高度。

    • 选择图片展示区域。

    • 可根据喜好是否开启电脑端宽度铺满屏幕。

    • 点击【保存】。

  • 在结账页中添加 LOGO。
    LOGO2.png

    • 在 logo 区域中 ,添加您的 logo。

    • 调整 logo 尺寸和位置。

    • 点击【保存】。

  • 在结账页中自定义内容信息和订单摘要。

    备注:添加背景图片、更改背景颜色和更改表单背景颜色后,请确保结账字段清晰可见。

    摘要.png

    • 添加内容信息和订单摘要的背景图片。

      1. 点击【添加图片】。

      2. 上传新图片或选择已上传到库的图片。

      3. 点击【完成】

    • 更改内容信息和订单摘要的背景颜色。
      1.  点击背景颜色前的颜色选择器。
      2.  选择颜色。
      3.  点击【完成】
    • 更改表单背景颜色。
      1. 点击表单背景颜色下的下拉选项框。
      2. 选择颜色。
  • 自定义结账字体。
    字体.png
    1. 在字体区域中,点击【更换】按钮。
    2. 选择字体,点击【完成】。
    3. 点击【保存】
    4. 您也可以点击【恢复默认】按钮,以便更快让您的结账页字体恢复到默认状态。
  • 自定义其他颜色。
    您可以更改按钮背景、报错信息和强调信息颜色。更改结账页面颜色后,确保您的客户能够清晰地阅读文本。颜色.png
    1. 点击颜色。
    2. 选择颜色。
    3. 点击【保存】。

     

备注:对于以上所有已添加的图片,您可以通过点击更换按钮来编辑 ALT 属性、更换图片和选择压缩比。编辑图片 ALT 关键词将应用于搜索引擎优化(SEO),也有助于提升无障碍访问分数。

 


 

管理实时结账和草稿结账

在您首次使用结账编辑器并保存后,会获得一份为已发布状态的【实时结账】模块,其会实时应用在当前商家的结账页。实时结账模块支持复制、预览、重命名、编辑,并可另存为【草稿结账】模块。

管理实时结账

您可以查看、重命名、复制以及自定义实时结账。您只能拥有一个正在发布的实时结账。

  • 查看:
    点击实时结账栏中的三点按钮,然后点击【查看】。
  • 重命名:
    点击实时结账栏中的三点按钮,然后点击【重命名】。
  • 复制:
    点击实时结账栏中的【复制】,会创建一个新的草稿结账。您最多可以创建 99 个草稿结账页面。如果您已有草稿结账并且复制了实时结账,重复的结账会以新草稿展示。
  • 自定义:
    点击实时结账栏中的【自定义】,您可以通过自定义来重新编辑已发布的实时结账。
    查看.png

 

管理草稿结账

通过实时结账模块,您可以创建并拥有最多 99 个草稿结账。草稿结账模块能让您可以在发布之前试用不同的应用配置和品牌营销。您可以在对结账页有新想法时,进行自定义、设置和测试草稿结账,确保您的新想法能够快速实现。

您可以发布、预览、重命名、复制和删除草稿结账。

  • 发布:
    点击草稿结账栏中的发布按钮,您将替换当前的实时结账。您的实时结账将成为草稿结账。
  • 预览:
    点击草稿结账栏中的三点按钮,然后点击【预览】。
  • 重命名:
    点击草稿结账栏中的三点按钮,然后点击【重命名】。
  • 复制:
    点击草稿结账栏中的三点按钮,然后点击【复制】。当您复制草稿结账时,最新的重复结账会以新草稿展示。
  • 删除:
    点击草稿结账栏中的三点按钮,然后点击【删除】。当您确定删除后,此草稿结账将永久删除。草稿.png

 


 

如何联系我们

SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台官方网站的实时客服来寻求 SHOPLINE 的帮助
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

 


 

还有其它问题?提交请求

评论