跳到主要内容

TikTok Shop 功能指南

店铺设计

本文整理「店铺设计」的操作要点,主要涵盖什么是店铺设计?等内容。另附3 张对照表与15 张操作示意图。内容依据平台公开资料整理,便于按步骤查阅核对。

操作文档 2,096 字 约 6 分钟 第 4 级
本文要点

快速了解这一页

  • 本文整理「店铺设计」的操作要点,主要涵盖什么是店铺设计?等内容。另附3 张对照表与15 张操作示意图。内容依据平台公开资料整理,便于按步骤查阅核对。

本页「店铺设计」属于 TKTOC跨境导航「TikTok Shop 功能指南」知识大纲中「多国家」下的第 4 级条目。

什么是店铺设计?

店铺页是商家在 TikTok 上的独有展示空间,允许商家展示自己的商品和品牌。除了默认的店铺页样式以外,TikTok Shop 还提供了设计工具,帮助商家个性化设计店铺页面。通过简单的拖拽和编辑组件,就能轻松完成您的 TikTok Shop 店铺首页设计。

商家可以通过手动装修店铺页实现个性化的品牌和商品展示,从而提高他们的经营成果和品牌知名度,还能实现以下目标:

  • 更好的展示商品,以提高GMV
  • 通过banner和有吸引力的商品陈列提高停留时间和点击率
  • 突出促销活动来提高转化率

下面是一些使用店铺设计功能后的店铺页案例:

店铺设计-第1张图片
店铺设计-第1张图片
店铺设计-第2张图片
店铺设计-第2张图片

注:以上图片仅供参考。实际的布局可能不同。

目前店铺设计只开放给部分商家。

如何设计您的店铺页?

目前,店铺设计功能允许商家用文字、图像和商品组件去进行个性化装修。

步骤 1:

在商家后台,点击左侧“店铺设计”菜单,然后点击“复制以编辑”创建一个副本并打开编辑页面。

店铺设计-第3张图片
店铺设计-第3张图片

注意:这里显示的 I D 仅用于测试。

步骤 2:

商家可以通过拖拽添加左侧提供的组件,并在右侧进行编辑,在店铺设计工作台上配置 banner、商品和促销活动。目前,店铺设计提供的组件包含图片组件,商品组件和促销组件。

店铺设计工作台

  • 组件模块包括所有可用的装修组件,可以拖到画布上。每个组件的要求请见下方说明。
  • 画布显示了店铺页上组件是如何展示的。
  • 组件面板允许商家通过编辑每个组件的内容。
店铺设计-第4张图片
店铺设计-第4张图片

装修组件

  1. 图片组件:

方便商家添加单张图像或者轮播图,可以链接到商品或者一个类目集合。

店铺设计-第5张图片
店铺设计-第5张图片
店铺设计-第6张图片
店铺设计-第6张图片
组件名称支持格式图片尺寸和格式要求图片比例图片数量Number可编辑的属性
单图JPG, JPEG,PNG最小 800px;最大 5M16:91 张标题图片链接(单商品或类目)
轮播图JPG, JPEG,PNG8:10, 10:88:10, 10:8, 任意8:10, 10:8, 8:10, 任意2-5张标题图片链接(单商品或类目)
  1. 商品组件:

商品组件允许商家通过通过“精选商品”、“类目商品”等手动组件自行选择展示什么商品,也支持通过“新品发布”、“热销商品”等智能组件自动展示相关商品。标题均可自定义。

店铺设计-第7张图片
店铺设计-第7张图片

注:图中商品仅供测试使用。

  • 自行组装商品组件
组件名称排版样式及支持数量可编辑的属性Demo
精选商品横排支持1-6个商品;竖排支持1-3个商品选择商品、标题(文本)
类目商品横排或竖排均可,首页展示1-3个商品,超过3个商品时点击右上方“>”打开二级页面查看更多。选择类目(自动展示该类目所有商品)、标题(文本)

智能组件:新品发布和热销商品因为是智能组件,“新品发布”和“热销商品”不需要商家选择具体的商品,您只需要将这两个组件拖动到话不上,系统就会自动动态地显示满足该模块要求的商品。

店铺设计-第12张图片
店铺设计-第12张图片
店铺设计-第13张图片
店铺设计-第13张图片

促销组件

  • 商家可以添加包括“优惠券”、“秒杀”、“平台满件折”等智能促销组件,自动展示满足条件的促销活动。编辑面板上无法直接编辑促销信息,请到商家后台促销工具页面编辑或报名参与活动。
店铺设计-第14张图片
店铺设计-第14张图片
组件名称展示内容可编辑的属性Demo
优惠券1-3张优惠券展示优先级:无门槛>有门槛,折扣高>折扣低,更早过期>更晚过期标题
秒杀1-3个活动中的商品标题
平台满件折1-3个活动中的商品标题

有数据的情况

店铺设计-第18张图片
店铺设计-第18张图片

无数据的情况

店铺设计-第19张图片
店铺设计-第19张图片

步骤 3:

完成新的页面设计后,您只需单击“发布”作为最后一步。提交发布后,TikTok Shop 将对其进行审核。一旦获得批准,它将在店铺页面展示给顾客。如果您不想直接发布,商家也可以先“保存”。

如果设计没有通过审核,页面会展示被拒绝的原因。商家可以根据说明修改店铺设计。

店铺设计-第20张图片
店铺设计-第20张图片

如何管理店铺设计版本?

商家可以在商家后台-店铺设计页面上管理不同的设计版本和草稿。

  • 线上版本显示您线上的店铺页面版本,商家可点击“替换成默认版本”,恢复成系统默认的设计版本。
  • 未发布版本部分会展示“审核中”、“需要修改”和“默认版本”。
  • 版本预览展示了选取版本的预览样式。
店铺设计-第21张图片
店铺设计-第21张图片

店铺设计审核当您发布的版本中有某些组件的内容没有通过审查时,该版本就无法成功发布。您将通过电子邮件和站内信获得通知。

  • 带有“需要修改”标签的版本表明它没有通过审核,请修改。
  • 店铺设计工作台上会有具体的审核被拒绝原因,供您参考调整您的设计。
店铺设计-第22张图片
店铺设计-第22张图片

常见问题

  1. 为什么有些买家说他们看不到我设计的主页?(他们仍然看到的是系统默认设计版本)

由于 TikTok Shop 正在进行各种装修版本的展示实验以收集数据进行优化,不同买家可能会看到不同版本的店铺页面。

  1. 为什么我的店铺优惠券没有显示在优惠券模块中?
  1. 只有处于生效中的优惠券凭证才会显示。 如果您的优惠券状态是待生效的,它将在状态变为生效中时会自动显示

关于本页的常见问题

店铺设计属于哪个知识树?

属于 TKTOC跨境导航「TikTok Shop 功能指南」知识大纲,页面顶部面包屑展示完整目录层级。

打开TikTok Shop 功能指南

在哪里查看TikTok Shop 功能指南的完整目录?

进入该知识树首页可看到一级目录总览,左侧折叠树包含全部层级节点,可逐级展开。

查看完整目录