Blocksy 内容块教程:快速创建高转化订阅弹窗

Blocksy 是一款现代化的 WordPress 主题,有着出色的页面加载速度和丰富的设计功能,其 Content Blocks(内容块) 功能更是实现布局自由与功能扩展的核心工具。其中,弹窗(Popup) 是提升用户转化、增加订阅与活动曝光的高效方式。本文将详细介绍如何使用 Blocksy Content Blocks 快速制作一个高转化的订阅弹窗。

20250630143724772-image

一、为什么使用 Blocksy 内容块创建订阅弹窗?

1.1 与主题完美兼容

使用 Blocksy 内置的内容块弹窗功能,不用安装额外的弹窗插件,避免插件冲突与页面加载变慢。

1.2 可视化设计,操作简单

与 Gutenberg 编辑器深度集成,所有弹窗内容均可拖拽式排版,灵活调用区块、短代码与样式。

1.3 条件显示灵活

Blocksy Content Blocks 支持基于页面、用户角色、设备等多条件显示,可精细控制弹窗在哪些用户场景下触发。

20250630144411920-image

1.4 提升转化率

订阅弹窗可显著增加邮件列表订阅用户,有助于后续 EDM 营销与用户粘性提升。

二、Blocksy Content Blocks 弹窗功能概述

2.1 弹窗类型

在 Blocksy Content Blocks 中,弹窗被归类为 Popup 类型。。

20250630144209820-image

2.2 使用场景

  • 用户进入首页 5 秒后弹出订阅框
  • 在文章页阅读 50% 时显示优惠活动弹窗
  • 退出意图检测弹窗,挽回离站用户

三、如何创建订阅弹窗?详细操作步骤

3.1 创建内容块

步骤 1:登录后台

进入 WordPress 后台,确保 Blocksy Companion 插件已激活。

20250630144106150-image

步骤 2:进入 Content Blocks

在左侧菜单点击 Blocksy > Content Blocks

20250630144133376-image

步骤 3:添加新的内容块

点击【Add New Content Block】按钮,进入 Gutenberg 编辑器。

20250630144250679-image

3.2 设计弹窗内容

在编辑器中,添加以下内容模块:

  • 标题:例如 获取免费 WordPress 教程
  • 段落文字:立即订阅,即可获取我们的《WordPress 网站建设完全指南》,帮助你从零搭建专业网站!
  • 表单短代码:添加 Shortcode 区块,如 contact-form-7 id=”1234″ title=”Newsletter Subscription
  • 隐私声明:添加 Paragraph 区块,输入我们尊重您的隐私,订阅即表示您同意我们的《隐私政策》
20250630145432703-image

3.3 设置弹窗属性

在编辑器右上角的【Blocksy Page Settings】设置中:

20250630145810871-image

设置 Display Conditions

  • Location:选择 Entire Website(全站显示)
  • User Conditions:可选择所有用户
20250630150006834-image

设置 Trigger(触发条件)

下拉选择弹窗触发方式,如:

  • On Page Load :页面加载后显示
20250630150120504-image

设置 Display Frequency(频率控制)

  • Always relaunch
20250630150301939-image

3.4 发布内容块

确认内容与设置无误后,点击【发布】按钮。

3.5 弹窗显示效果

20250630150555686-image

四、订阅弹窗设计与使用建议

4.1 提供明确价值

用户输入邮箱需要足够的理由,如:

  • 免费教程 PDF 下载
  • 独家优惠券
  • 每周行业干货精选

4.2 设计简洁美观

避免弹窗内容过多,保持标题简短、CTA 按钮醒目,减少用户思考成本。

4.3 控制显示频率

过于频繁的弹窗会影响用户体验,合理设置显示频率和关闭选项。

五、总结

20250630151129768-image

Blocksy Content Blocks 的弹窗功能结合 Gutenberg 编辑器与条件显示系统,为 WordPress 用户提供了不用代码、灵活高效且与主题完美兼容的解决方案,可以轻松设计高转化率的订阅弹窗。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读