SHOPLINE结账自定义

2024-03-27 47

SHOPLINE的结账自定义功能是一项强大的功能模块,允许商家自定义和管理结账流程,从而打造独具特色的购物体验。通过结账自定义功能,商家可以灵活调整结账流程,使之更符合自身业务需求,并为客户提供更便捷、个性化的结账体验。接下来为大家演示如何结账自定义和相应设置。

一、结账自定义

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

1、结账编辑器

可以通过安装结账应用自定义编辑结账页(仅限 Enterprise 套餐使用),也可以通过结账页品牌营销编辑管理结账品牌营销。

2、管理实时结账和草稿结账

可以在首次使用结账编辑器并保存后,进行实时结账和草稿结账的自定义与预览。

二、结账编辑器

1、设置入口

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

SHOPLINE结账自定义

SHOPLINE结账自定义

2、基础操作

(1)选择结账页面

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

标准样式下:

SHOPLINE结账自定义

单页样式下:

SHOPLINE结账自定义

(2)撤销和恢复

点击结账编辑器顶部的【撤销】、【恢复】按钮则可对历史编辑进行操作。

SHOPLINE结账自定义

(3)保存

点击结账编辑器顶部的【保存】按钮则可保存已编辑的操作。

SHOPLINE结账自定义

(4)选择不同显示屏幕预览

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

SHOPLINE结账自定义

3、主要部分

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

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

三、结账应用自定义编辑

1、使用权限说明

若非 SHOPLINE Enterprise 套餐,则需升级套餐才能使用自定义结账应用功能。

SHOPLINE结账自定义

若为 SHOPLINE Enterprise 套餐,点击左侧边栏中的应用图标,即可使用自定义结账应用功能。

SHOPLINE结账自定义

2、安装与使用

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

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

SHOPLINE结账自定义

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

SHOPLINE结账自定义

SHOPLINE结账自定义

(3)移动并放置应用。

可以在适用的结账页区域中,通过点击并拖拽应用旁边的 ⋮⋮ 图标,将其移动应用到其他区域。某些应用只能放在结账页的特定区域。

SHOPLINE结账自定义

如下图,结账补充说明信息被置于订单摘要下方。

SHOPLINE结账自定义

3、配置应用

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

4、删除应用

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

四、结账页品牌营销编辑

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

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

SHOPLINE结账自定义

  • 在 Banner 区域中 ,添加电脑端或移动端 Banner;
  • 选择电脑端或移动端图片高度;
  • 选择图片展示区域;
  • 可根据喜好是否开启电脑端宽度铺满屏幕;
  • 点击【保存】。

在结账页中添加 LOGO。

SHOPLINE结账自定义

  • 在 logo 区域中 ,添加 logo;
  • 调整 logo 尺寸和位置;
  • 点击【保存】。

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

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

SHOPLINE结账自定义

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

  • 点击【添加图片】;
  • 上传新图片或选择已上传到库的图片;
  • 点击【完成】。

更改内容信息和订单摘要的背景颜色:

  • 点击背景颜色前的颜色选择器;
  • 选择颜色;
  • 点击【完成】。

更改表单背景颜色:

  • 点击表单背景颜色下的下拉选项框;
  • 选择颜色。

自定义结账字体。

SHOPLINE结账自定义

  • 在字体区域中,点击【更换】按钮;
  • 选择字体,点击【完成】;
  • 点击【保存】;
  • 也可以点击【恢复默认】按钮,以便更快让结账页字体恢复到默认状态。

自定义其他颜色:

可以更改按钮背景、报错信息和强调信息颜色。更改结账页面颜色后,确保客户能够清晰地阅读文本。

SHOPLINE结账自定义

  • 点击颜色;
  • 选择颜色;
  • 点击【保存】。

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

五、管理实时/草稿结账

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

1、管理实时结账

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

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

SHOPLINE结账自定义

2、管理草稿结账

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

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

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

SHOPLINE结账自定义

  • 广告合作

  • QQ群号:707632017

温馨提示:
1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。 2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。