跳至正文
帮助
简体中文
店面构建器

使用店面构建器

导航拖放编辑器,添加和重新排序区块,撤销更改,并发布您的店面。

构建器简介

店面构建器是一个可视化编辑器,让您无需编写任何代码即可设计店铺的每个页面。您所做的更改会在屏幕右侧实时预览。在您点击发布之前,购物者看不到任何更改。

构建器布局

构建器分为三个区域:

  • 左侧边栏:用于在市场、页面、区块和全局设置之间切换的标签页。AI 助手位于边栏底部。
  • 控制面板:当您选中某个区块或组件时显示,展示其所有设置项。
  • 预览窗格:店铺的实时视图,与购物者看到的完全一致。

在页面和市场之间切换

使用左侧边栏中的页面标签(页面图标)在可编辑的页面(首页、产品页、购物车页等)之间切换。使用第一个标签(国旗图标)在您激活的市场之间切换。每个市场与页面的组合都有其独立的模板和撤销历史记录。

在不同设备上预览

顶部工具栏包含视口切换按钮:手机桌面全屏以及一个可打开独立预览窗口的展开图标。在发布前,使用这些按钮检查您的店铺在不同屏幕尺寸下的显示效果。

添加区块

  1. 在左侧边栏中,找到当前页面的区块列表。
  2. 点击区块之间出现的+ 添加区块按钮,或打开现有区块的三点菜单并选择在前面添加在后面添加
  3. 弹出选择器,显示当前页面所有可用的区块类型。点击某个区块类型即可添加。

提示:每种区块类型在每个页面上都有最大实例数限制。达到上限后,添加按钮会显示数量并提示已达上限的说明。

在区块内添加组件

选中一个区块,然后在其控制面板中点击+ 添加组件。组件是区块内的构建元素:文字、图片、按钮、布局组、分隔线等。可用组件的类型以及可添加的数量因区块而异。

重新排序区块和组件

在区块列表中,拖动任意区块行上下移动即可改变其在页面上的位置,预览会立即更新。控制面板中区块内的组件也可以用同样的方式重新排序。

隐藏和删除区块

边栏中每行区块都有一个眼睛图标用于切换可见性,以及一个垃圾桶图标用于永久删除。三点菜单(⋯)也提供隐藏/显示删除选项。隐藏的区块保留在模板中,但不显示给购物者。

复制区块

打开左侧边栏中该区块行的三点菜单,点击复制。副本会立即出现在当前页面原区块的正下方。

将区块内容或样式复制到另一个区块

打开源区块的三点菜单并点击复制。然后打开目标区块的三点菜单,点击粘贴以替换所有内容和样式,或点击仅粘贴样式以仅复制视觉样式而不改变内容。

将顶级区块应用于所有页面

头部底部公告栏会出现在每个页面上。如果您在首页上编辑了头部并希望其他所有页面使用相同版本,请打开头部区块的三点菜单并选择应用于所有页面。此操作会覆盖其他每个页面上的该区块,因此无法撤销。请确保您对结果满意后再执行。

检查器模式

Click the Inspector button (cursor icon) in the top bar to turn on 检查器模式. When active, clicking any element in the live preview immediately highlights and opens that section or block in the control panel. This is the fastest way to jump to a specific section without scrolling through the sidebar. Click the Inspector button again to turn it off.

撤销和重做

The top bar contains Undo (return-arrow icon) and Redo buttons. 撤销和重做 history is scoped per market and page, so undoing on the Home page does not affect changes you made on the Product page.

保存和发布

点击发布按钮(工具栏右上角)将当前更改推送上线。当没有未保存的更改时,该按钮不可用。发布是按市场和页面进行的,因此发布首页不会自动发布产品页的更改。

发布前需要检查的事项

  • 切换到手机视图并滚动浏览整个页面,因为大多数购物者使用手机。
  • 检查文字与每个区块背景颜色之间的对比度。
  • 确保每个图片组件都已选择媒体文件,因为空白图片占位符在实体店铺中会显示为空白区域。
  • 确认按钮和菜单中的链接指向正确的目标页面。