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

Option设计器使用指南

 

如果您希望使用不同类型的选项设计商品的定制方案,并且不需要在商品页面渲染定制效果,您可以使用 Option 设计器。例如您售卖美瞳,眼镜这类产品,需要消费者选择双眼的度数,镜片镜架类型等。

温馨提醒:Option 设计器中目前提供的图片/文本的预览相关功能后续将不再进行升级,如果您的商品需要进行预览效果渲染 ,请使用【Preview 设计器】。使用教程请查看 Preview 设计器使用指南】。

 


 

目录

 


 

设计页面概览

  1. 选项列表:这里是展示您添加的选项的列表,您可以在这里管理已经添加的各类选项,例如选中选项进行编辑、调整选项的顺序、复制、删除等操作
  2. 添加选项:这里展示  Option 设计器支持的选项,您可以点击【选项组】右侧的【添加】按钮进行添加
  3. 编辑选项:这里是填写选项具体信息的地方,您可以通过在选项列表选中选项,在这个位置填写具体的选项信息
  4. 查看选项效果:您可以在右侧查看选项的效果
    Group 3558221.png

 


 

定制组

【定制组】一个组合的概念,用于将同一块定制内容的选项放在一个组内便于查看和管理,定制组的概念等同于 option set /option group。您可以针对某个定制组自由的添加任意定制选项。

Group 3558220.png

 

绝大多数情况下商品拥有一个定制组即可,当您的产品需要多张预览画布时,您可以根据画布的数量区分出多个定制组,因为一个定制组可以设定一张画布(画布即预览效果的背景图)。您最多可以添加多达 30个定制组。

  • 您可以为定制组内的各类定制选项设定展示条件,控制选项的显示或隐藏,点击【设置展示条件】进行设置
  • 您可以为选项的效果预览设置背景图,点击【背景图设置】
    备注:请注意,Option 设计器即将下线预览功能,【背景图设置】功能将同步下线。
  • 若您的定制组是草稿类型,您可以点击【隐藏此组】,这样您的客户就不会看到这个组的定制内容,并且不影响其他定制组的正常展示

         Group 3558225 (1).png

 

 


 

图片选项

【Option 设计器】【图片选项】中集成了众多功能供您使用,分为两部分:基础选项信息+高级预览效果

【基础选项信息】模块

  • 您可以针对这个选项填写需要的【标题】【备注】【选项值】(您将使用图片作为选项值,并且可以赋予文案描述,以及设置额外定制费用)。您可以选择从您的设备中一次性上传多张图片供消费者选择,【商品定制】将为您自动创建多个选项值,并且将图片的文件名作为文案,因此您可以提前命名图片也可以后续修改文案。
  • 您可以将这个【图片选项】设置为必须定制,只需打开【定制项必填】开关即可。开启后客户若不选择定制这项内容,那么将无法提交订单。
  • 若您的产品同时支持消费者上传自己的照片用于定制,那么您可以勾选【买家上传图片】并设置这项服务特殊的费用,您的客户即可在店铺上传照片。
  • 另外,您可以根据喜好选择这个选项在店铺的展示样式,【平铺展示】【下拉展示】
  • 您可以设定消费者选择的数量限制。勾选【允许买家选择多个选项】> 【填写数量范围】。

       

【高级预览效果】模块中

备注:请注意,Option 设计器即将下线预览功能,【高级预览效果】功能将同步下线。
  • 如果您希望向客户实时展示定制的渲染效果,那么您可以勾选【选项图片展示在背景图】【商品定制】将提供一个用于渲染效果的画布,您可以在设置画布的背景图片,并且调整图片在背景图上的展示位置,当客户选择某张图片后,我们将即时向您的客户展示定制效果。
  • 为了便于您的操作,系统会默认同一个【图片选项】内全部的图片展示的位置都相同,因此您只需调整一次即可,若您的不同图片需要展示在不同的位置,您可以勾选【选项图片展示在不同位置】然后依次调整每张图展示的位置。并且,您可以选择是否允许您的客户在画布上自由移动图片的位置。
  • 为了您的定制效果更加真实,特别是您需要圈定画布上的某一块区域用于展示效果时,【商品定制】支持您设置展示的区域以及形状,您可以打开【图片展示区调整】,并且选择适合您的形状。
  • 如果您的产品展示的区域形状是不规则的(例如椭圆),我们提供一个能够支持您设计任意形状效果的方案,您只需 2 个步骤即可实现:
    1. 首先,准备一张您需要使用的背景图,按照您的诉求使用 Photoshop 将用于展示的不规则区域进行镂空,存为 PNG 格式的图片。然后将这张图设置为选项组的背景。
    2. 将画布设置为【在画布下层】即可。

完成设置后,您可以在编辑器的预览区域任意选择一张图片查看效果,也可以保存定制后前往店铺查看。 

 

 


 

文字

【商品定制】【文字】中集成了众多功能供您使用,分为两部分:基础的文字填写+高级的文字效果设计

 

在基础的【文字填写】模块中

  • 您可以填写【标题】【备注】【最多输入字符数】
  • 您可以打开【定制项必填】开关设置这个选项为必选
  • 您可以设置这个定制服务的【附加价格】
  • 您可以限制字符类型与格式的限制。

         

在高级的【文字效果设计】模块中

备注:请注意,Option 设计器即将下线预览功能,【文字预览效果】功能将同步下线
  • 您可以选择在店铺中向客户实时展示定制的文字效果,开启【启用文字效果预览】即可
  • 你可以设计文字的【颜色】,您可以设置多种颜色供您的客户选择,并且您可以选择允许客户自由选择颜色,前提是您需要确保您的工厂能够生产
  • 您可以设计文字的【字体】并向客户提供多种选择,【商品定制】提供一系列流行的字体供您使用,并且您可以上传您需要的字体文件(TTF 格式)进行使用
  • 您可以设计文字的【大小】,并且可以选择【支持用户调整字体大小】
  • 您可以设计文字的艺术效果,【商品定制】提供多种艺术效果供您使用
  • 您可以设计文字的弧度效果,并且可以允许客户自由移动文字在画布上的展示位置

         

 


 

文件上传

当您需要消费者提供用于定制产品的文件时,例如图片,PDF 文件等,您可以使用【文件上传】

  • 您可以填入【标题】【备注】【预览显示样式】,以及这项定制服务需要的【附加价格】
  • 您可以打开【定制项必填】开关设置这个选项为必选
  • 您可以设置允许客户最多上传多少个文件,PRO套餐客户可设置一次性最多上传 60 个文件

       

 


 

下拉选项

当您用文案的形式向客户提供多种选择时,您可以使用【下拉选项】

  • 您可以填入这个选项的【标题】,您给客户的【备注】,您提供的【选项值】,以及这项定制服务需要的【附加价格】
  • 您可以打开【定制项必填】开关设置这个选项为必选
  • 您可以复制,删除选项值,或将其设置为【默认选中】,也可以设定选项的展示样式
  • 如果对于您的商品而言,某个选项值代表了另外一个 SKU(例如某个定制项目是一个配件,这个配件本身也是一个 SKU ),您可以将选项值与这个 SKU 进行关联,这个选项值是否可选将取决于关联的 SKU 的库存水平,消费者选择这个选项值下单后,关联 SKU 会同样扣减数量。鼠标移动到选项值处 >  点击【绑定商品】> 【选择 SKU 】确认即可

         Group 3558219 (3).png

 


 

复选框

当您需要客户确认是否使用某项服务时,例如是否需要“A GIFT BOX”,您可以使用【复选框】

  • 您可以填入【标题】【备注】,以及【附加价格】
  • 您可以打开【定制项必填】开关设置这个选项为必选,也可以设置为【默认勾选】

 


 

日期

当您的商品需要消费者填入日期类型的信息时,您可以使用【日期】

  • 您可以填入【标题】【备注】,以及这项服务需要的【附加价格】
  • 您可以打开【定制项必填】开关设置这个选项为必选
  • 您可以选择日期的【日期格式】,单个日期或日期范围,以及年月日的格式

 

       

 


 

表格

您可以使用【表格】向您的客户搜集必要的定制信息,特别是定制眼镜这类产品

  • 您可以填入【标题】【备注】,以及【附加价格】
  • 您可以打开【定制项必填】开关设置这个选项为必选
  • 您可以设计用于填写信息的表格的格式,行列的数量,表头的标题等

         

 


 

搭配商品

当您的商品可以与其他的商品进行搭配销售,或者需要搭配一些配件时,你可以使用【搭配商品】

  • 您可以填入【标题】【备注】
  • 选择搭配的商品清单,您最多可以选择 5 个商品。

       


 

设置展示条件

如果您的选项之间存在展示逻辑,例如选中某个选项时,展示其他部分选项,未选中时不展示。那么您可以使用【设置展示条件】进行控制。

【Option 设计器】中,您可以针对每一个【定制组】的选项分别设置展示条件,相互之间不影响 

鼠标移动到定制组右侧的【设置】按钮,点击【设置展示条件】。

 

Group 3558226 (1).png

 

【Option 设计器内】【设置展示条件】分为【条件模式】【脑图模式】两种,两种模式不会相互影响,保存的是哪个模式,哪个模式的设置就会对应生效在前台页面上。

可点击右上角的【模式名称】进行切换。

 

 脑图模式详解

  • 设置选项展示顺序  点击【设置首次展示顺序】进入排序页面,通过拖拽的方式对您的展示栏进行排序
  • 设置展示规则 

点击选项旁的蓝色箭头可为其配置下级选项,点击窗口内的选项即可。当出现蓝色连接线即为成功设置展示条件。您可以为每个定制项添加多个展示条件。

当您发现缺少选项时,可直接在此页面创建新的选项,系统会自动连接。

当你发现设置错误的时候,鼠标移动至蓝线,弹出红色删除按钮就可以删除设置。

Group 3558227.png

Group 3558228.png

 

 条件模式详解

  • 设置展示排序通过拖拽的方式对您的展示栏进行排序
  • 设置展示规则

您可以创建不限数量的条件,条件的格式均为【当某个选项的某个值被选中时,展示其他某些选项】

条件之间相互不会排斥,只要满足任一条件后,选项就会展示。

  • 设置规则为SKU属性

除了以上的功能,条件模式还有一个特别的功能,您可以把 SKU 属性的选择结果作为触发条件,例如消费者选择某个color或者size,展示某一部分选项,不选择时不展示。

     Group 3558223.png

当这个定制商品有多个定制组时,你可以点击左上角的下拉选项,对这个定制商品的其他定制组也进行展示条件设置条件。完成后点击右上角的保存,该模式下所设定的配置就会应用到前台页面上。

 


 

如何联系我们

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

 


 

 

还有其它问题?提交请求

评论