淘宝新版旺铺容器是什么

题图来自Unsplash，基于CC0协议

导读

淘宝新版旺铺容器是什么以及其相关信息

淘宝平台近期引入了一款新的商铺设计工具，名为“新版旺铺容器”（暂未正式命名，业内普遍称为“旺铺容器”）。它可以理解为一个集成了HTML、CSS以及JavaScript技术的可视化图形化系统，允许商家在自己的店铺页面中灵活嵌入多种动态元素、交互组件、多媒体内容以及自定义设计模块。这个容器是淘宝旺铺系统的一次重大升级，其核心目的是替代以往相对固定、样式统一的店铺页面，赋予商家更强的创意空间和对店铺外观的掌控力，使得每个店铺都能呈现出独特的品牌形象和视觉风格。

与旧版旺铺相比，新版旺铺容器提供了更丰富、更现代的UI组件库，支持商家将这些组件像搭积木一样进行组合，实现页面的个性化定制和内容的灵活排布。

淘宝新版旺铺容器的主要功能介绍如下：

1. 模块化组件库： 提供包括海报、轮播图、图标、按钮、表单、客户咨询悬浮窗以及丰富多样的产品推荐样式等基本功能。商家可以自由选择并拖拽这些模块到指定区域。

2. 结构布局配置： 允许商家调整模块之间的间距、布局方式，并可能提供了预设的版式模板（如“焦点图+商品展示+促销活动”），方便商家快速搭建页面。树状层级结构满足复杂需求。

3. 图形化操作界面： 用户界面设计直观易用，用户无需编写底层代码（有些功能可能还是需要基础的代码知识），通过点击和拖拽即可完成大部分设置，低技术门槛。

4. 内容与视觉定制： 商家可以在容器内部自定义文本样式（字体、颜色）、大小、背景、链接等，实现高度的视觉定制。

5. 集成与扩展能力： 该容器可以嵌入到店铺的多个关键位置，其提供统一的方式加载额外的JavaScript代码或第三方服务，实现更复杂的交互或展示效果，比如支撑3D展示、AR看店、直播插件等。

6. 响应式设计： 旨在确保店铺页面在各种尺寸的设备（电脑、平板、移动手机等）上都能良好展示，提升用户体验。

7. 数据与内容关联： 支持使可视化组件与后台商品、活动、模板等内容强相关联，便于动态展示。

淘宝新版旺铺容器与旧版的不同点

相较于旧版旺铺，新版旺铺容器在多个方面带来了显著变化：

1. 设计自由度： 旧版旺铺的设计选择非常有限，风格统一，灵活性也很低。新版旺铺容器则提供了大量的组件和模板，允许商家根据自己的品牌形象进行深度定制，外观上脱胎换骨。

2. 操作方式： 旧版旺铺的前端页面编辑可能相对复杂，概念化强，配合繁琐的代码。新版旺铺容器通常采用更直观、图形化的操作界面，用户拖拉拽、点击设置，大大简化了自定义过程。

3. 技术门槛： 新版旺铺容器设计了一个标准的输出格式（HTML/CSS/JS片段），旨在降低技术门槛，即使没有专业前端知识的商家也能做出好看的页面，虽然部分内容仍需代码支持，但门槛已显著降低。旧版旺铺技术门槛相对更高。

4. 内容融合： 新版旺铺容器更强调可视化元素与店铺后台数据（如商品、优惠券、店铺活动）的强关联，使得页面内容更容易丰富和互动。旧版可能更侧重于简单的产品展示。

5. 资源加载： 新版旺铺容器加载了一些预设的UI库和交互脚本，页面加载时间可能会比高度简化的旧版页面稍长。

淘宝新版旺铺容器设计目的

淘宝引入新版旺铺容器，主要出于以下几个目的：

1. 激发商家创意： 提供更强的工具，鼓励商家在店铺装修上发挥更多想象力，打造独具特色和吸引力的店铺，从而提升品牌形象。

2. 提升用户体验： 通过更丰富的视觉化组件和更灵活的布局，创造更能吸引顾客、促进浏览转化的移动端购体验。引导式埋点等功能有助于商家更好地了解用户行为，优化页面。

3. 减轻技术依赖： 虽然深层次定制仍需技术，但整体的搭建过程被设计得更易于操作，减少了商家对专业的美工、前端开发人员的依赖，降低了运营成本。

4. 促进成交转化： 可视化设计允许商家更直接地突出产品卖点、促销信息和购买引导，例如通过动态海报、焦点图等方式吸引注意力，加强促销力度。

5. 统一接口，拓展生态： 为第三方开发者提供插件规范接口或API，便于未来集成更多新的电商功能或前端可视化服务（如前端可视化商城搭配套件），推动平台生态发展。

淘宝新版旺铺容器是否支持自定义布局

是的，淘宝新版旺铺容器完全支持，甚至鼓励商家进行自定义布局。

它的设计核心理念之一就是提供灵活的布局能力，商家可以：

• 自由组合模块： 可以按任意顺序拖拽不同的组件到工作区。
• 调整模块位置与大小： 可以拖动和调整每个组件的位置，控制行高、列宽（如果是网格布局），改变内容块的尺寸。
• 预设模板参考： 平台可能提供多种版式模板供参考，但这些模板只是起点，最终布局可以完全由商家自定义。

在某些高级定制或特定布局需求下，新版旺铺容器配置可能允许商家对输出的HTML/CSS代码进行一定程度的手动修改或嵌入自定义代码，从而实现更复杂的视觉效果。其目标是让店铺布局既满足易用性，又能具备足够的灵活度来支持创意。

淘宝新版旺铺容器上线时间

目前，淘宝新版旺铺容器的具体官方上线或推广时间尚未有确切的公开公告。 不过，版本迭代是电商平台的持续工作。根据行业观察和开发者预判，各大电商系统的新功能上线通常是渐进式的，没有一个精确的日期。

通常这类功能会先在部分版本或内测中逐步推出，后续配合市场和销售部门的安排在全面上线对外开放。我们建议关注淘宝商家中心或官方博客、应用市场的相关公告，以获取第一手的新版本发布信息。当前正在逐步向商家推广中。