内容区块参考

编辑器中所有内容区块的使用指南,从标题、图片到顾客评价、常见问题和表单,说明每个区块的用途和主要设置。

您店铺的每个页面都由区块搭建而成。本文列出编辑器左侧面板中的内容区块、每个区块的用途及其主要设置。用于展示商品、处理购物车和结账的区块,请参阅店铺区块:商品网格、商品、购物车和结账。

编辑器的区块面板,区块按基础、媒体、布局、店铺、营销以及菜单与表单分组

每个区块都有的设置

点击页面上的区块即可打开它的设置。大多数区块把设置分为通用、外观和文字排版。每个区块还都有尺寸与位置(在这里设置它在网格中的位置,并可在平板或手机上隐藏它)和管理(包含复制和删除)。请参阅添加、移动和调整区块大小和让您的站点在手机和平板上显示正常。

凡是带有文字排版设置的区块,其中的选项都是一样的:字体、字号、字重、颜色、斜体、字母大小写、字间距和行高。下面的表格把它们统一写作“文字排版”。

基础

区块用途主要设置
标题页面标题或板块标题。文本、大小(标题 1 至标题 6)、对齐、文字排版。
文本一段正文文字。文本、对齐、文字排版。
列表简短的要点列表,例如包含的内容。列表项(每行一项)、项目符号(对勾、圆点、短横线、数字编号或无)、项目间距、文字排版。
按钮跳转到某个页面或地址的按钮。标签、链接、样式(实心、描边或低调)、对齐、颜色、圆角、文字大小、内边距和满宽。
表情符号一个大号表情符号,用作简单装饰。表情符号(选一个或自己输入)、字号、对齐。

关于文字和按钮的更多内容,请参阅编辑文字、标题和按钮。按钮的链接与菜单链接的用法相同:请参阅编辑菜单链接。

媒体

区块用途主要设置
图片单张照片或图形。图片、替代文字(给看不到图片的人用的简短描述)、形状(宽幅 16:9、标准 4:3、正方形或原始比例)、图片填充方式(填满画框或完整放入)、圆角。
图片画廊图片网格,点击后可以放大查看。图片、列数(1 到 6)、网格间距、形状、圆角、点击后以原始大小打开。
视频在您的页面上播放来自 YouTube 的视频。YouTube 链接。Payly 从不托管视频文件。
地图显示您的工作室、店铺或自提点的 Google 地图。地址或地点、缩放、形状、圆角。请按照您平时搜索的方式输入地址。

在图片画廊中,每张图片通过它的网址添加,同时填写描述和可选的链接。若要使用您上传的照片,请从“媒体库”页面复制它的地址。请参阅添加图片和使用媒体库。

图片画廊的“图片”设置,有图片地址、描述和可选链接的输入框

布局

区块用途主要设置
容器一个可以容纳其他区块的盒子,方便您把它们作为一个整体设置样式和移动。内部布局(自由网格、纵向堆叠或横向并排)、网格间距、对齐方式、背景色、边框颜色、圆角、内边距、最小高度。
网格由行和列组成的表格,每个单元格里放一个区块。在手机上会变成一列。列数和行数(各为 1 到 8)、网格间距、对齐方式、单元格边框、颜色、内边距。
分隔线页面两个部分之间的一条细线。颜色、粗细。
间隔块区块之间的空白。高度。

请参阅用容器和网格搭建布局。

营销

区块用途主要设置
公告条一条纤细的彩色横条,用于显示简短消息(例如配送优惠),可带一个链接。文本、链接文字、链接、对齐、背景色、文字颜色、字号。
客户评价一条顾客的评语,附带姓名、简短描述、照片和星级。评价内容、姓名、描述、照片、星级(0 到 5)、对齐、颜色、文字排版。
Logo 条一排 Logo,例如代售您作品的商店或媒体报道。Logo 图片、列数、网格间距、Logo 高度、悬停前保持灰度。
倒计时向某个日期倒数的计时器,适用于促销或新品发布。倒计时截止于、时间到后显示的消息、显示“天”“时”等单位文字、对齐、数字大小、颜色。
社交链接链接到您社交媒体账号的图标。账号(每个账号包括一个平台和一个地址)、样式(实心圆、描边圆或仅图标)、图标大小、网格间距、对齐、圆形颜色、图标颜色。

若要在每个页面上都显示公告条,请把它放进页头。倒计时按每位访客自己所在的时区读取日期,因此“午夜”指的是访客当地的午夜。社交链接支持 Instagram、Facebook、TikTok、X、YouTube、LinkedIn、Pinterest、WhatsApp、邮箱和网站。

添加到页头的公告条,是菜单下方的一条深色横条,文字为“Free delivery on every order this week”

菜单与表单

区块用途主要设置
表单联系表单,提交的消息会通过邮件发送给您。表单标题、描述、字段、提交按钮文字、提交后显示的消息、颜色。
常见问题点开即可查看答案的问题列表。标题、问题(每项包含一个问题和一个答案)、默认展开第一个答案、同时只展开一个答案、背景色、文字排版。
导航您的 Logo 和菜单。页头里已经有了。站点 Logo、文字标志、Logo 高度、布局、显示购物车按钮、链接、颜色。
链接列表带标题的一列链接,常见于页脚。栏目标题、链接、背景色、字体、颜色、字号。

请参阅添加联系表单、编辑菜单链接和自定义页眉和页脚。

相关文章

Last updated 2026-10-03