44 款免费 · 68 款专业版

Page Builder Sandwich 中的全部 112 个 WordPress 区块

免费插件包含 44 个区块,Page Builder Sandwich Pro 另外包含 68 个,均保存为常规的 WordPress 区块。下方每个页面都实时展示了区块的实际效果。

您已经使用过免费试用吗? 立即购买

布局与设计

区块分区、容器、行和按钮可在任何屏幕上排版页面,并且对于要求减少动态效果的访客保持静止。

动态文本 · Pro

当滚动到可视区域时自动打字输入、淡入或升起的段落或标题。针对偏好减少动态效果的访客保持静态。

查看动态文本区块

按钮链接 · 免费

样式为按钮的链接。

查看按钮链接区块

容器 · 免费

使用弹性盒子(flexbox)或网格(grid)对其内部区块进行布局的容器。可嵌套容器以构建任意布局。即使停用插件,内容依然清晰可读。

查看容器区块

光标特效 · Pro

在某个区域或整个页面上跟随鼠标指针的光环、聚光灯或短拖尾效果。在触摸屏以及偏好减少动态效果的访客设备上自动关闭。

查看光标特效区块

语言切换器 · 免费

让访客可以用另一种语言阅读此页面,样式与您的页面相匹配。需要 Tranzly 插件提供多语言支持。

查看语言切换器区块

跑马灯 · Pro

在页面上滚动的短文本行,带有暂停按钮。针对偏好减少动态效果的访客保持静态。

查看跑马灯区块

粒子背景 · Pro

在其区块后方带有缓慢漂浮圆点的区域。针对偏好减少动态效果的访客显示单帧静止画面。

查看粒子背景区块

行 · 免费

包含多列的一行。即使停用插件,内容依然清晰可读。

查看行区块

分区 · 免费

使用弹性盒子(flexbox)或网格(grid)布局其内容的全宽页面横条。即使停用插件,内容依然清晰可读。

查看分区区块

内容

标签页、折叠面板、步骤流程、通知提示以及构建清晰易读页面所需的其他核心组件。

折叠面板 · 免费

可展开和折叠的问题或章节。可选择一次仅展开一项,并可选择标记为面向搜索引擎的常见问题解答(FAQ)。

查看折叠面板区块

警告提示 · 免费

面向访客的通知:信息、成功、警告或错误,带有可选标题和关闭按钮。

查看警告提示区块

徽标 · 免费

简短标签,例如“新品”、“促销”或“最超值”。

查看徽标区块

清单 · 免费

任务列表,每项标记为已完成或待办,除了勾选标记外,还为屏幕阅读器提供文字说明。

查看清单区块

内容切换器 · Pro

在某些内容的两个或多个版本之间切换,例如按月和按年价格。

查看内容切换器区块

双色标题 · 免费

分为两部分的标题,第二部分可通过颜色、渐变、描边或下划线进行强调。

查看双色标题区块

特性列表 · 免费

网格排版的特性列表,每项均包含图标、标题和简短描述。

查看特性列表区块

词汇表 · 免费

按 A 到 Z 排序的术语及其定义,每个术语均有独立链接。可将页面中首次提及的术语链接到其对应定义。

查看词汇表区块

图标列表 · 免费

每行均以图标开头的列表:勾选符号、箭头或图标库中的任意图标。

查看图标列表区块

信息卡片 · 免费

包含一个图标、简短标题、一两句话以及可选链接:适用于服务、优势或联系方式。

查看信息卡片区块

模态弹窗 · 免费

点击后在页面上方弹出一个窗口的按钮,内部可放置任意区块。

查看模态弹窗区块

侧边抽屉面板 · 免费

点击后从窗口侧边滑出面板的按钮,内部可放置任意区块。

查看侧边抽屉面板区块

文章 · Pro

以卡片形式展示文章、页面、作品集项目或产品:支持网格、列表、瀑布流或轮播,带有分类筛选及分页或“加载更多”功能。

查看文章区块

显示更多 · Pro

将长内容截断至设定高度,并附带一个可展开显示其余内容的按钮。

查看显示更多区块

步骤 · 免费

流程的编号步骤,按顺序向下或并排展示。

查看步骤区块

标签页 · 免费

以标签页形式展示内容:访客可通过鼠标或键盘在不同面板之间切换。

查看标签页区块

工具提示 · 免费

在鼠标悬停和键盘聚焦时显示简短解释的单词或短语。

查看工具提示区块

市场营销与销售

行动呼吁(CTA)、价格表、表单、倒计时、推荐证言以及将访客转化为客户的各类区块。

A/B 测试 · Pro

一个区域的两个版本:每位访客看到其中之一,A/B 测试管理界面将显示哪个版本的转化率更高。

查看 A/B 测试区块

动态大标题 · Pro

关键单词会轮流变换的标题,带有暂停按钮,且针对偏好减少动态效果的访客无动态效果。

查看动态大标题区块

前后对比 · Pro

两张图片重叠放置,可通过滑块进行对比。

查看前后对比区块

行动召唤 · 免费

包含一个标题、一句话和一到两个按钮,用于号召访客采取行动。

查看行动召唤区块

点击分享引言 · Pro

带有分享按钮的引言,点击可在 X 上发起包含该引言和本页链接的推文。

查看点击分享引言区块

对比表格 · 免费

并排对比方案或产品,支持/不支持标记可供屏幕阅读器朗读为文字。

查看对比表格区块

联系按钮 · 免费

用于给您拨打电话、发送电子邮件、发送短信或通过 WhatsApp 发送消息的按钮。

查看联系按钮区块

倒计时 · Pro

倒数至指定日期的计时器,或在每位访客首次访问时开始计时的常青倒计时。

查看倒计时区块

计数器 · Pro

滚动进入视口时向上递增计数的数字,带有标签。

查看计数器区块

优惠码 · Pro

访客可一键显示并复制的折扣码。

查看优惠码区块

翻转卡片 · Pro

翻转以显示更多内容的卡片:支持悬停、键盘聚焦翻转,或在触摸屏上通过专属按钮翻转。

查看翻转卡片区块

表单 · 免费

展示来自 Contact Form 7、WPForms、Gravity Forms 或 Fluent Forms 的表单,样式与您的网站相匹配。

查看表单区块

表单 · Pro

联系、报价、注册或多步骤表单,具备垃圾邮件防护、文件上传和条件字段功能;每次提交的内容均可通过电子邮件发送、保存、推送到 Webhook 或添加到邮件列表。

查看表单区块

热点标记 · Pro

带有标记点的图片,选中标记点时会打开简短说明。

查看热点标记区块

Logo 网格 · Pro

网格排版的客户或合作伙伴 Logo,每个均可带有可选链接。

查看 Logo 网格区块

Logo 跑马灯 · Pro

缓慢横向滚动的 Logo,带有暂停按钮;针对偏好减少动态效果的访客保持静态。

查看 Logo 跑马灯区块

Lottie 动画 · Pro

来自您上传文件的 Lottie 动画,直接在本地站点播放,无需外部网络请求。

查看 Lottie 动画区块

时事通讯订阅 · Pro

适用于 Mailchimp、MailPoet 或 AWeber 的邮件订阅表单,包含同意复选框,并在成功或失败时显示清晰的提示信息。

查看时事通讯订阅区块

价目表 · Pro

包含名称、价格和简短描述的项目,例如菜单或服务列表。

查看价目表区块

定价表 · Pro

并排展示各方案的价格、功能及按钮,支持可选的按月/按年切换。

查看定价表区块

促销栏 · Pro

常驻于屏幕顶部或底部的细条公告栏,访客可自行关闭。

查看促销栏区块

最新销售通知 · Pro

来自 WooCommerce 或 Easy Digital Downloads 的真实最新订单小提示:显示买家的名字和城市,仅适用于在结账时同意的用户。

查看最新销售通知区块

分享栏 · Pro

用于将此页面分享至社交网络、通过电子邮件发送、调用设备自带分享菜单或复制链接的按钮。

查看分享栏区块

社交图标 · 免费

指向您个人资料的链接,使用各社交网络自身的官方图标绘制。

查看社交图标区块

团队 · Pro

人员展示,包含照片、姓名、职位、简短介绍和链接。

查看团队区块

客户评价 · 免费

来自客户的引述,包含其姓名、职位、照片以及可选的星级评分。

查看客户评价区块

时间线 · Pro

按时间顺序沿线排列的事件及日期。

查看时间线区块

信任徽章 · Pro

带有图标的简短保障说明:安全支付、免费配送、轻松退货。

查看信任徽章区块

WhatsApp 聊天按钮 · 免费

页面角落的悬浮按钮,点击即可开启与您的 WhatsApp 对话。

查看 WhatsApp 聊天按钮区块

图像、视频和媒体

画廊、轮播图、视频、音频、地图和 3D 模型,仅在访客需要时加载。

3D 模型查看器 · Pro

访客可旋转和缩放的 3D 模型(glTF 或 GLB),可选支持增强现实(AR)。

查看 3D 模型查看器区块

音频播放器 · Pro

播客或音乐播放器:围绕浏览器原生播放器构建剧集、封面图和播放速度控制。

查看音频播放器区块

预约日历 · 免费

Calendly 或 Cal.com 预约日历,仅在访客请求时才会加载。

查看预约日历区块

画廊 · Pro

以瀑布流、两端对齐或均匀网格排布的图像,可在无障碍灯箱中打开。

查看画廊区块

图标 · 免费

SVG 图标。标记代码在显示前会经过清理净化。

查看图标区块

图片折叠面板 · Pro

并排排列的图片面板;指针悬停或键盘聚焦的面板会自动展开以显示文字。

查看图片折叠面板区块

地图 · 免费

来自 OpenStreetMap 的地点地图:无需密钥,且在访客请求查看地图之前不会从 OpenStreetMap 加载任何内容。

查看地图区块

视差图像 · Pro

随着页面滚动产生漂移动态的图像。偏好减少动态效果的访客将看到静态图像。

查看视差图像区块

PDF 查看器 · Pro

由浏览器直接在页面上呈现的 PDF,并配有打开该文件的链接。

查看 PDF 查看器区块

二维码 · 免费

用于网址或任意文本的二维码,直接在您自己的网站上生成绘制(不使用任何第三方二维码服务)。

查看二维码区块

滑块 · Pro

幻灯片、图像、文章或产品的轮播:支持滑动、按钮控制或自动播放,且符合无障碍标准。

查看滑块区块

视频画廊 · Pro

视频网格。YouTube 和 Vimeo 仅在访客点击播放时才加载,视频封面保存在您的网站上。

查看视频画廊区块

视频播放列表 · Pro

单个播放器搭配视频列表:支持您自己的文件,或仅在选中时才加载的 YouTube 和 Vimeo 视频。

查看视频播放列表区块

数据、图表和表格

图表、可排序表格、评分、活动和路线图,所有人都能轻松读取其中的数据。

图表 · Pro

在服务器端绘制的柱状图、折线图或饼图,并为无法查看图表的用户提供包含数据的表格。

查看图表区块

代码 · 免费

带有语法高亮、行号和复制按钮的代码列表。即使插件被停用,内容依然保持可读。

查看代码区块

数据表格 · Pro

访客可排序和搜索的表格,在手机端也能保持良好可读性。支持直接粘贴或导入 CSV 文件。

查看数据表格区块

活动 · Pro

以列表或月历形式呈现的即将举行的活动,采用网站所在时区。已结束的活动会自动从列表中移除。

查看活动区块

Google 与 Trustpilot 评价 · Pro

以网格、滑块或徽章形式展示您的 Google 和 Trustpilot 评价。每天在后台刷新一次,因此页面加载绝不会因等待任一服务而受阻。

查看 Google 与 Trustpilot 评价区块

组织架构图 · Pro

以包含人员角色和照片的树状图展示层级汇报关系。

查看组织架构图区块

进度条 · 免费

带有标签的进度条,用于展示某项事务的完成程度,例如技能熟练度或目标达成率。

查看进度条区块

环形进度条 · Pro

根据数值填充的圆环,带有真实文本格式的数字和标签。

查看环形进度条区块

查询循环 · Pro

列出文章、产品、用户、分类或中继器字段,支持筛选与排序,只需设计一次卡片样式即可复用。可选实时筛选和分页。

查看查询循环区块

路线图 · Pro

以三列看板或单一列表的形式展示已计划、进行中和已完成的内容。

查看路线图区块

星级评分 · 免费

以星星形式展示的评分,支持半星级步进。

查看星级评分区块

网站搭建与导航

页眉、菜单、面包屑导航、搜索、作者框和 WooCommerce 组件,用于构建整个网站,而不仅仅是单个页面。

作者栏 · Pro

本篇文章的作者:照片、姓名、个人简介和链接。

查看作者栏区块

作者资料 · 免费

作者的头像、姓名、简介和链接,或指定用户的相应信息。

查看作者资料区块

返回顶部 · Pro

位于屏幕角落的按钮,可带访客返回页面顶部。

查看返回顶部区块

面包屑导航 · Pro

从首页到当前页面的路径,包含面向搜索引擎的结构化数据。

查看面包屑导航区块

营业时间 · Pro

您全周的营业时间,包含根据网站时区计算的“当前正在营业”提示。

查看营业时间区块

深色模式切换 · Pro

用于在网站浅色和深色外观之间切换并记住访客选择的按钮。

查看深色模式切换区块

登录与注册 · Pro

WordPress 登录或注册表单,以及登录后的退出链接。

查看登录与注册区块

迷你购物车 · Pro

显示访客购物车内的商品数量和总额,并可展开查看商品。即使在缓存页面上,加入购物车后也能保持实时更新。

查看迷你购物车区块

导航菜单 · 免费

带有下拉菜单和移动端菜单的 WordPress 菜单:侧边抽屉、全屏菜单或下拉菜单。专业版支持超级菜单。

查看导航菜单区块

密码保护内容 · 免费

仅拥有密码的访客可见的区块。在输入密码之前,该内容完全不会出现在页面中。

查看密码保护内容区块

文章详情 · 免费版

文章的作者、日期、分类、标签、阅读时间和评论数。

查看文章详情区块

产品元素 · 专业版

产品的某个部分:标题、相册、价格、评分、加入购物车、标签页、相关产品、追加销售、促销徽章或库存。显示当前浏览的产品、循环列表中的产品或您选择的产品。

查看产品元素区块

阅读进度条 · 免费版

窗口边缘的细条,随着访客滚动页面而逐渐填满。

查看阅读进度条区块

阅读时间 · 专业版

阅读这篇文章需要多少分钟。

查看阅读时间区块

相关文章 · 免费版

与该文章拥有相同分类或标签的文章,包含其图片、日期和摘要。

查看相关文章区块

搜索 · 专业版

适用于本网站的搜索框。

查看搜索区块

分享按钮 · 专业版

用于在社交网络上分享此页面、通过电子邮件发送或复制其链接的按钮。

查看分享按钮区块

商店页面 · 专业版

模板中商店页面的 WooCommerce 部分:页面自带的购物车或结账(区块或经典版)、经典购物车、结账或“我的账户”,或订单接收详情。

查看商店页面区块

网站页眉 · 专业版

网站顶部:单行或多行展示标志、导航及其他任意内容;可自选固定、透明、缩减或向下滚动时隐藏。

查看网站页眉区块

站点地图 · 免费版

列出每个已发布的页面和文章(以及其他公开内容)的页面,并保留页面树状结构。

查看站点地图区块

门店定位器 · 专业版

列表中的所有地点,访客可以按距离搜索或排序,并展示在仅在访客需要时才加载的 OpenStreetMap 地图上。

查看门店定位器区块

目录 · 免费版

自动生成的页面标题列表,并链接到各个标题。

查看目录区块

赌场、iGaming 与联盟营销

适用于联盟营销和评测网站的对比表格、优惠卡片、评分、年龄验证门和理性博彩提示。

联盟营销按钮 · 专业版

指向优惠的按钮,标记为赞助链接,支持通过短链接统计点击次数。

查看推广联盟按钮区块

年龄验证门 · 专业版

在访客访问网站前要求其确认年龄,并根据所在国家/地区设定法定年龄限制。

查看年龄验证门槛区块

娱乐场对比表格 · 专业版

横向并排对比优惠,包含各自的奖金、评分、亮点、按钮以及条款。

查看赌场对比表格区块

加密货币价格 · 专业版

来自 CoinGecko 的加密货币价格,可显示为走势条、卡片或价格走势图。

查看加密货币价格区块

优惠卡片 · 专业版

单项优惠:包含图标、奖金、亮点、赞助按钮、条款及年龄提示。

查看优惠卡片区块

优缺点对比 · 专业版

并排的两个列表:展示优点和缺点。

查看优缺点区块

理性博彩声明 · 专业版

根据访客所在国家/地区量身定制的理性博彩信息和求助链接。

查看理性博彩提示区块

评价评分 · 专业版

总体评分、各项指标评分以及最终评语。

查看测评评分区块

小工具与附加组件

可在新构建器中直接使用您现有的 WordPress 小工具以及为早期版本编写的附加组件。

短代码(扩展) · 免费版

来自为经典 Page Builder Sandwich 编辑器编写的扩展的短代码,带有该扩展声明的设置。

查看短代码(扩展)区块

小工具 · 免费版

显示网站已注册的经典小工具之一。

查看小工具区块

小工具区域 · 免费版

显示主题某个小工具区域中的小工具。

查看小工具区域区块

关于区块的常见问题

Page Builder Sandwich 有多少个区块?

112 个:免费插件中 44 个,Page Builder Sandwich Pro 中 68 个。仅嵌套在其它区块内部的区块(例如手风琴项或标签页)已与其父区块合并计算。

它们是真正的 WordPress 区块吗?

是的。每个页面都会保存为普通的 WordPress 区块,而不是简码或私有格式,因此即使您停用该插件,您的内容仍可由 WordPress 读取。

这么多区块会拖慢我的网站速度吗?

不会。页面仅从您自己的网站加载其上包含的区块样式,因此您不使用的区块不会给您的访客带来任何负担。

使用键盘或屏幕阅读器的人可以使用它们吗?

是的。选项卡、折叠面板、菜单、滑块和对话框均支持键盘操作,图表和表格可作为文字朗读,动态区块则会针对偏好减少动态效果的访客保持静止。内置的无障碍检查器还会在您构建时标出缺失的图像描述和较弱的色彩对比度。