浮出表单会从屏幕边缘平滑滑入，而不是像传统弹窗那样出现在中心。它提供高可见性，而不阻挡内容，非常适合移动优化的营销活动（Campaign）。

本指南将向您展示如何为您的店铺创建、自定义和优化浮窗表单。

开始之前

浮出表单使用与弹窗表单相同的行为和主题设置。关于项目、布局、行为和主题自定义的完整详情，请参阅弹窗订阅表单（Signup Form）指南。
必须在您的网站上安装 Omnisend JavaScript 代码片段。对于 Shopify、BigCommerce 或 WooCommerce，当您连接您的店铺时，这会自动添加。对于自定义平台，手动安装代码段。

为什么使用飞出表单？

飞出窗口相比中心弹出窗口有三个主要优势：

非侵入式展现：从屏幕边缘滑入，而不是突然阻挡内容。访客可以一边浏览，一边让表单保持可见。
移动设备优化：无缝贴合屏幕边缘，无水平边距或不自然的裁剪。
始终可见：滚动时保持可见；背景保持完全可交互且可点击。

💡 最适合：移动优先的店铺、退出意图优惠以及微妙的联系人名单构建营销活动（Campaign）。

如何创建 Flyout Form

步骤 1.新建 Flyout Form

Go to Forms → Create Form → Type → Flyout → 选择一个模板。

💡 您还可以更改现有表单的样式（例如，弹窗到 Flyout form），在 Theme settings → Form layout 下。

步骤 2.自定义您的表单

使用 drag-and-drop Form Builder 来调整：

项目： 添加或移除字段（电子邮件（Email）、电话、姓名）、按钮、图片、文本块或法律同意许可复选框。
布局：选择单步或多步（首先收集电子邮件（Email），然后在第 2 步收集电话号码）。了解更多关于多步表单
文案： 撰写行动导向的标题（例如，“Get 15% off your first 订单”而不是“Subscribe to our newsletter”）。
成功消息： 自定义访问者提交后看到的内容（感谢文本或折扣代码）。

💡 提示：尽量减少字段——仅限电子邮件（Email）的表单转化率比多字段版本高出 20–30%。

步骤 3.设置行为设置

控制何时、何地以及向谁显示您的浮窗：

显示触发条件（Trigger）

选择一个或多个：

页面停留时间： 在 6-10 秒后显示（建议用于首次访问者）。
滚动深度：触发条件（Trigger）在滚动到50%时（适用于博客文章）。
Exit intent: 当访客尝试关闭标签页时显示（桌面和移动设备）。
自定义触发条件（Trigger）：使用 JavaScript 事件用于高级场景。查看自定义触发条件（Trigger）指南

注意：所有触发条件（Trigger）都使用“或”逻辑 – 如果您设置“10 seconds OR 50% scroll”，表单将在以下情况出现任意一个条件满足。

定位

决定谁能看到此表单：

所有访客：向所有人显示。
不向现有联系人显示：仅针对新访客（建议避免打扰订阅者）。
页面定位： 在特定 URL 上显示（例如，/collections/sale) 或者排除页面（例如，/结账)。
位置定位：向特定国家或地区的访客显示。

频率

设置表单对同一访客重新出现的频率：

每个会话一次： 关闭后消失；在下次访问时重新出现。
每X天一次： 查看后隐藏7/14/30天。

提交后重定向

使用 提交后重定向 在访客提交表单后自动将其发送到所选URL。

5f3 了解更多： 注册表单行为设置.

步骤 4.自定义主题设置

将飞出窗口与您的品牌匹配：

表单布局： 确认显示类型 = 飞出窗口。调整宽度（移动设备与桌面）。
位置： 选择左边或右边（飞出窗口从侧面滑入，而不是从中心滑入）。
颜色： 设置背景、按钮和文本颜色以匹配您的商店主题。
字体： 使用您的品牌字体或Omnisend默认字体。
关闭按钮： 显示/隐藏X按钮；调整颜色和样式。

📝 了解更多： 注册表单主题设置。

步骤 5.添加预告（可选）

一个预告是一个在飞出窗口关闭后仍然可见的小按钮。单击它可以重新打开完整表单。

要添加：滚动到表单构建器底部菜单 → + 图标 → 预告。

💡 最佳用途： 退出意图飞出窗口或折扣优惠 - 给访客第二次机会注册，而无需重新触发完整的滑入。

第6步。启用您的表单

单击左上角菜单中的 启用表单。您的飞出窗口将在您的网站上立即上线。

在启用之前，请仔细检查：

移动预览看起来不错（在手机上测试或使用表单构建器的移动视图）。
目标规则是否正确（您不希望在结账页面上出现飞出窗口）。
如果需要，法律同意复选框已启用（GDPR合规）。查看GDPR指南。

跟踪性能

启用后，在报告 9f2 表单 f9f2 打开您飞出窗口的专用报告中监控结果。

关键指标：

查看次数： 有多少访客看到了飞出窗口。
提交次数： 有多少人提交了表单。
注册率： 有多少人注册为新订阅者。

💡 提示： 进行一个A/B测试 比较飞出窗口与弹出窗口的转化率。

常见问题

飞出窗口和弹出窗口有什么区别？
飞出窗口从屏幕边缘滑入；弹出窗口在中心出现，背景变暗。两者使用相同的目标、显示触发器和自定义选项。飞出窗口的干扰较小，尤其是在移动设备上。

我可以在飞出窗口中添加预告吗？
可以。在表单构建器中添加预告（底部菜单 → + 图标 → 预告）。飞出窗口关闭后，预告按钮仍然可见。单击它可以重新打开完整表单。

我应该为移动访客使用飞出窗口还是弹出窗口？
飞出窗口更适合移动设备，因为它们不会阻挡整个屏幕。访客可以滚动和浏览，同时飞出窗口保持在侧边可见。

我可以在一个飞出窗口中同时收集电子邮件和短信吗？
可以。Add both Email Input and Phone Number fields. For higher completion rates, use a 在第1步收集电子邮件，在第2步收集电话。

飞出窗口在移动设备上是否支持退出意图？
可以。移动设备上的退出意图是基于快速向上滚动（当访客滑动以关闭标签时检测到）。

我可以更改飞出窗口出现的侧面（左侧与右侧）吗？
可以。转到 主题设置 →表单布局 →位置并选择左侧或右侧。这决定了飞出窗口从哪个屏幕边缘滑入。

我可以在注册后将访客重定向到感谢页面吗？
是的。在行为设置 →提交后重定向。

我可以安排我的飞出窗口仅在特定日期（例如，黑色星期五）显示吗？
可以。转到行为 →日程安排并设置开始/结束日期。您的飞出窗口仅在该时间范围内出现。非常适合季节性活动、闪购或限时优惠。

创建飞出式订阅表单（Signup Form）