近日，Fireplugins 团队正式推出了 FireBox v3，这是这款 WordPress 弹出插件的一次重大更新，它重新构想了编辑体验并引入了一套新功能，以帮助您更快、更直观地构建更好的活动。
此版本的核心是对编辑器界面进行了彻底的重新设计，使其完全融入 Gutenberg 编辑器。弹出窗口设置已从编辑器下方移至右侧边栏，让您能够专注于弹出窗口的实时预览。结合更智能的默认设置、可视化控件和更简洁的用户界面，此版本标志着我们向前迈出了重要的一步。
文章目录
插件介绍
编辑器重新设计
此前，FireBox 的弹出窗口设置位于 Gutenberg 画布下方，管理员经常需要反复上下滚动才能查看。在 v3 版本中，我们将所有弹出窗口设置移至 Gutenberg 编辑器的侧边栏，该侧边栏与配置区块的面板相同。此更改可让您的弹出窗口预览始终可见，并提高工作流程的速度和清晰度。
全新编辑体验
通过实时预览，更快、更清晰地弹出编辑
此外，大多数设计设置现在都会实时反映在画布预览中，让您更清楚地了解弹出窗口在前端的显示方式。
活动格式
FireBox 不仅仅适用于弹出窗口。我们推出了全新的“格式”控件，让您轻松切换常用的广告系列类型。每种格式都预置了根据其行为和外观量身定制的设计设置。
首先选择一种广告系列格式（例如弹出窗口、通知栏或侧边栏），FireBox 会自动应用理想的布局。无论您是创建低调的滑入式广告还是全屏覆盖式广告，您的弹出窗口从一开始就能呈现完美效果。
格式预设
弹出窗口、栏、滑入、嵌入等
可用格式：
- 弹出窗口 （经典灯箱）
- 通知栏 （顶部或底部粘栏）
- 全屏弹出窗口
- 侧边栏弹出窗口 （左侧或右侧全高）
- 浮动按钮弹出
- 滑入滚动弹出窗口
- 页面滑动 （将内容向下推）
- 嵌入 （内联于您的内容中）
视觉位置控制
设置弹出窗口的位置曾经意味着解读下拉菜单，例如“左上”或“下中”，而不知道它看起来是什么样子。
现在，您只需在可视化网格上点击所需位置，弹出窗口就会在实时预览中准确显示。这是一种更清晰、更快捷的弹出窗口放置方式，无需反复尝试。
视觉位置
查看弹出窗口将立即出现的位置
注意：此控件具有上下文感知功能。可用位置因所选格式而异。
简化背景叠加
背景覆盖层（弹出窗口背后的半透明层）是弹出窗口体验中最关键的部分之一。它通过使屏幕其余部分变暗来帮助访客将注意力集中在消息上，并且在许多情况下，它还允许用户通过点击弹出窗口外部来关闭弹出窗口。
简化叠加模糊
轻松选择叠加模糊级别
以前，要将模糊效果应用于背景叠加层，需要输入数值，这很难预测效果。FireBox v3 现已将其替换为简单易懂的选项：无、轻、中或强。每个选项都能提供精致的模糊效果，无需测试百分比。这一更改消除了猜测，并提高了一致性。
页面加载/就绪触发器已合并
在之前的版本中，用户必须在“页面加载”和“页面就绪”触发器之间进行选择，但两者之间的区别并不明显。前者会在 HTML 加载完成后立即触发弹出窗口，而后者则会等到所有内容加载完毕后才触发，这有时会造成不必要的延迟。
简化的页面加载触发器
一个具有时间选择功能的触发器
FireBox v3 将两者合并为一个更智能的页面加载触发器，从而消除了这种混乱。它现在包含一个可选的“提前触发”切换开关，让您可以精确控制弹出窗口的显示时间——无论您是希望尽快显示，还是希望页面完全准备好后再显示。
它更简单、更清晰，并且按照您期望的方式工作，而无需您过多考虑技术时间差异。
简化点击触发器
在以前的版本中，Click 触发器包含一个名为“禁用默认操作”的选项。这是为了防止在通过单击链接元素触发弹出窗口时浏览器的默认行为（例如导航到 URL）。
这个选项很容易引起混淆。例如，如果您使用链接触发弹窗，但忘记启用“禁用默认操作”，则弹窗会短暂出现，然后在浏览器重定向到链接目标后消失。实际上，您根本不可能在打开弹窗的同时仍然让链接执行其默认行为。
为了简化操作并避免用户错误，FireBox v3 现在会自动禁用默认操作，无需单独设置。此更改消除了不必要的决策点，并确保链接触发的弹出窗口能够按预期运行。
动画：现在使用 CSS
弹出动画有助于设定基调——无论您是想让消息低调出现，还是想让其醒目地出现。到目前为止，选择进入或退出动画意味着要从充满诸如淡入、缩小或向下滑动等名称的下拉列表中进行选择。但除非您熟记每个动画，否则很难想象它们的具体效果。
为了解决这个问题，我们在每个下拉菜单旁边添加了一个“播放”按钮。现在，您只需单击一下即可立即预览任何动画，无需保存或打开前端预览。这个小小的改进消除了猜测，并使弹出窗口行为的微调速度更快。
简化的页面加载触发器
应用前预览效果
我们还对后端进行了重大改进：用 Animate.css 替换了 Velocity.js 动画引擎。Animate.css 是一个现代的轻量级库，被广泛采用，维护更完善，并包含更流畅、更精致的效果。它是一个更简洁的解决方案，具有更好的浏览器兼容性和更小的占用空间。
此更新可帮助您在更短的时间内做出更明智的设计决策，并确保您的弹出窗口不仅显示正确，而且感觉正确。
显示条件，重建
显示条件是定向规则，可让您精确控制哪些人会在何时看到您的弹窗。无论您是向回访用户显示折扣、向登录用户隐藏表单，还是将弹窗限制在特定页面，这些条件都能帮助您向合适的受众传递相关信息，同时避免打扰其他用户。
更快的定位
编辑速度最高提升 4 倍
虽然“显示条件”面板的设计和 UI 没有太大变化，但我们在底层使用 ReactJS 重新构建了它。这一转变显著提升了性能，使面板在添加、编辑或删除条件时的速度提升了 4 倍。
最终结果：更快捷、更流畅的体验——如果您使用多个条件或复杂的规则组，这一点尤其明显。
使用智能标签轻松制作动态内容
许多 FireBox 用户并不知道 FireBox 包含一组预定义的智能标签——您可以将其插入弹出窗口内容中，以自动显示动态信息的特殊短代码。例如，输入 {date} 即可显示当前日期，输入 {url} 即可输出当前页面 URL。
智能标签
一键添加动态内容
此功能已经存在了一段时间，但由于在表单编辑器中没有得到很好的宣传，因此不容易发现或使用。
现在，添加动态内容比以往任何时候都更加简单。在弹出窗口中编辑段落块时，工具栏中会出现一个新图标。点击该图标会打开一个可搜索的下拉菜单，列出所有可用的智能标签，这样您就可以快速找到并插入所需的标签，而无需记住代码。
智能标签被组织成有用的类别，以便于更好地导航：
- 用户——当前用户的详细信息
- 站点— 站点范围的信息，例如站点名称或描述
- 页面— 有关当前页面 URL 或标题的信息
- 客户端——浏览器或设备详细信息
- 地理位置——访客的位置数据
- 日期和时间— 当前日期、时间或时区
- 实用程序— 用于特殊功能的各种便捷标签
我们还简化了语法，移除了之前必需的{fpf} 前缀。例如，{fpf date} 现在只需替换为 {date}，更易于使用和记忆。
此更新使得创建具有个性化、上下文感知内容的弹出窗口变得更加容易 – 非常适合根据每个访问者定制您的信息。
统一表单确认设置
过去，设置表单确认消息或重定向需要在多个面板之间导航。这种碎片化的体验常常导致混乱。
表格确认
所有设置都在一个简单的面板中
在 FireBox v3 中，所有表单确认选项（感谢信息、重定向、延时计时器等）都整合到单个确认面板中。您需要的一切都集中在一个地方，正如您所期望的那样。
立即试用 FireBox v3
立即试用 FireBox v3，了解全新的广告活动编辑器如何让您更快速、更轻松地创建 WordPress 弹出窗口。点击此处探索重新设计的编辑体验，开始以更强大的控制力和灵活性创建广告活动。
