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

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

开始之前

浮出表单使用与弹窗表单相同的行为和主题设置。有关项目、布局、行为和主题自定义的完整详细信息，请参阅 弹出注册表单指南。
必须在您的网站上安装 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秒后显示（推荐给首次访问者）。
滚动深度：在50%滚动时触发（适用于博客文章）。
退出意图：当访客移动以关闭标签时显示（桌面和移动设备）。
自定义触发器：在高级场景中使用JavaScript事件。查看自定义触发器指南

注意：所有触发器使用“或”逻辑 – 如果您设置“10秒或50%滚动”，表单将在任一条件满足时出现。

目标定位

决定谁可以看到表单：

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

频率

设置表单重新出现的频率：

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

提交后重定向

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

了解更多： 注册表单行为设置。

第 4 步。自定义主题设置

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

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

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

第 5 步。添加预告（可选）

一个预告是一个小按钮，在飞出窗口关闭后保持可见。点击后，它会重新打开完整表单。

添加：在表单构建器的底部菜单中滚动 +图标 预告。

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

步骤6。启用您的表单

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

启用之前，请仔细检查：

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

跟踪性能

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

关键指标：

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

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

常见问题

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

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

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

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

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

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

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

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

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