结账流程 & 新客户账户 自定义

通过主题配置文件，您可以自定义结账流程 & 新客户账户的样式与应用，彰显品牌调性，以及提升品牌一致性。同时提升客户的信任度，一定程度降低客户在结账页的跳出率。

 

---

 

结账自定义

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

• 主题配置编辑器
  您可以通过安装结账应用自定义编辑结账页（仅限 Enterprise 套餐使用），也可以通过主题设置管理您的结账品牌营销 & 新客户账户品牌。
• 管理实时文件和草稿文件
  您可以在首次使用主题配置编辑器并保存后，进行实时文件和草稿文件的自定义与预览。

 

---

 

结账 & 新客户账户主题编辑器

设置入口

您可以在 SHOPLINE admin 中的【设置】 >【结账】>【主题配置】>【自定义结账】即可进入编辑器。

 

基础操作

• 选择结账页面或新客户中心页面
  

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

  •  标准样式下：
    
    
  • 单页样式下：
    
    
• 您还可以再结帐编辑器执行以下操作：
  
  • 撤销和恢复：点击编辑器顶部的【撤销】、【恢复】按钮则可对历史编辑进行操作。
    
  • 保存：点击结账编辑器顶部的【保存】按钮则可保存已编辑的操作。
    

  • 选择不同显示屏幕预览：点击编辑器顶部不同显示屏幕的图标来选择预览样式。
    

 

主要部分

编辑器有两个主要部分，为应用编辑和主题设置（接下来会为您详细介绍这两大部分）：

• 在应用编辑中，您可以通过安装结账应用自定义结账页面的功能（此功能仅支持 SHOPLINE Enterprise 套餐店铺，且仅适用于结账页面）。
• 在主题设置中，您可以自定义结账页面 & 新客户中心页面的外观。
  
  

---

 

结账应用编辑

使用权限说明

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

 

如何安装与使用

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

安装使用

1. 访问 SHOPLINE 应用商店，搜索【结账补充说明Plus】，并点击【安装】。
   
   

2. 添加已安装的应用到结账页面。
   选择需要进行自定义编辑的结账页面（如“单页样式”页面），在页面左侧底部，点击【添加应用】，点击应用，即可添加。
   

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

 

配置应用

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

 

删除应用

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

 

---

 

结账页主题设置

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

备注：此品牌营销内容还应用于感谢页面和订单状态页面。

• 在结账页中添加 Banner。
  
  

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

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

  • 选择图片展示区域。

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

  • 点击【保存】。

• 在结账页中添加 LOGO。
  
  

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

  • 调整 logo 尺寸和位置。

  • 点击【保存】。

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

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

  

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

    1. 点击【添加图片】。

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

    3. 点击【完成】。

  • 更改内容信息和订单摘要的背景颜色。
    
    1.  点击背景颜色前的颜色选择器。
    2.  选择颜色。
    3.  点击【完成】。
       
  • 更改表单背景颜色。
    
    1. 点击表单背景颜色下的下拉选项框。
    2. 选择颜色。
       
• 通用设置-颜色（同时生效于结账页面和新客户中心页面）。
  您可以更改按钮背景、报错信息和强调信息颜色。更改页面颜色后，确保您的客户能够清晰地阅读文本。
  

  

  1. 点击颜色。
  2. 选择颜色。
  3. 点击【保存】。

   

• 通用设置-字体（同时生效于结账页面和新客户中心页面）。
  
  
  1. 在字体区域中，点击【更换】按钮。
  2. 选择字体，点击【完成】。
  3. 点击【保存】。
  4. 您也可以点击【恢复默认】按钮，以便更快让您的字体恢复到默认状态。

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

 

---

 

新客户中心主题设置

您可以在编辑器中自定义新客户中心页面的品牌营销。您可以添加品牌 logo，新客户中心背景，选择新字体和更改其他颜色。

• 在新客户中心页面中添加 LOGO。
  
  

  • 调整 logo 尺寸。

  • 点击【保存】。

• 在新客户中心页面中自定义背景图片或背景颜色。
  

  

• 通用设置-颜色（同时生效于结账页面和新客户中心页面）。
  您可以更改按钮背景、报错信息和强调信息颜色。更改页面颜色后，确保您的客户能够清晰地阅读文本。
  
  
  1. 点击颜色。
  2. 选择颜色。
  3. 点击【保存】。

• 通用设置-字体（同时生效于结账页面和新客户中心页面）。
  
  
  1. 在字体区域中，点击【更换】按钮。
  2. 选择字体，点击【完成】。
  3. 点击【保存】。
  4. 您也可以点击【恢复默认】按钮，以便更快让您的字体恢复到默认状态。
     

 

---

管理实时文件和草稿文件

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

管理实时结账

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

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

 

管理草稿文件

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

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

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

 

---

 

如何联系我们

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

 

---