Page Builder | 如何搭建自定义卡片模版并保存复用?

Page Builder 高级卡片广场为您提供灵活高效的店铺装修解决方案,此功能不仅支持直接选用现有卡片模板上传图片、文本等内容,还可以DIY设计卡片模版,自由定制模板样式,满足个性化品牌需求。DIY的模板也支持同店铺内多主题复用,助您以更低成本提升店铺的视觉体验与转化效果,让店铺装修更智能、更便捷。

在主题中添加高级卡片

1. 登录您的 Shoplazza 管理后台,点击在线商店 > 主题装修 > 编辑,进入到主题装修。

2. 在左侧卡片列表中下滑至底部,点击添加卡片按钮在二级面板中点击进入高级卡片广场。

3. 任意选择添加一个卡片模板并设置自定义名称。

设置容器

1. 操作选中卡片的最外层容器,点击删除图标以删除页面内现有元素,重新开始构建页面内容。

2. 操作选中右侧页面布局,然后点击最左侧第一个组件图标,进入组件添加页面。可选择4种大容器类型:

  • 布局
  • 选项卡
  • 轮播
  • 手风琴

注意

以上4种容器类型可以单独使用,也可以叠加,每个容器内也可自定义数量、边距等内容。

3. 添加容器并编辑

以添加第一种布局容器为例:

  • 长按您需要的容器布局拖动放置至右侧页面。

  • 通用部分可自定义容器的数量、边距、排列方向等属性,您可根据实际需求调整。

  • 样式部分可设置背景、边框、阴影等类型参数,您可根据实际需求调整。

  • 如果您有技术支持能力,也可以直接通过高级设置板块来编辑代码以更改卡片样式。

  • 以下视频为您演示添加多个容器的方法。

设置基础模块

1. 操作选中某个容器,点击进入右侧组件列表中基础部分,选择任意您需要的模块,长按拖动放置至右侧容器中。

2. 操作全选容器,可在通用板块设置按钮调整内容的布局为左对齐、右对齐等。

3. 点击已添加的模块,对当前模块内容进行编辑,例如:修改名称、文案、关联落地页等,您根据实际需求调整。

其他设置及操作保存

1. 如果您配置的容器和模块内容较多,需要更改某一处的内容时,也可以通过最左侧的大纲部分,快速定位到具体位置,参考下图。

2. 配置好卡片容器和模块等内容后,您可点击右上角保存按钮以保存当前DIY的高级卡片。

注意

本文演示内容均未在卡片内添加图文内容素材,您在实际配置过程中,为高级卡片中添加具体商品图片、文本等素材内容来展示品牌效果。

将自定义的高级卡片保存为模板

1. 当您设置并保存好自定义高级卡片后,可以在主题装修内的左侧卡片列表中看到该卡片,点击该卡片即可看到另存为模版的按钮。如果您需要在其他主题中也添加此卡片,可将此高级卡片保存为模版并命名,当您进入其他主题内设置高级卡片时,能够快速找到该卡片直接添加使用。

2. 例如:先在Nova 2023 主题中创建并保存了名为 test1 的高级卡片模版,之后进入 Modern 主题内,点击左侧自定义模板按钮,即可找到该高级卡片模版直接使用。

相信通过以上内容介绍,您已经充分了解到如何创建自定义高级卡片模板并在多主题内使用。配置多样的高级卡片,可为您店铺提升竞争力,以更低的运营投入,获得更优质的视觉体验与更高效的转化效果,让每一处细节都为订单成交加分。

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助

评论

0 条评论

登录写评论。

Live chat
Reset