浮出表单会从屏幕边缘平滑滑入，而不是像传统弹窗那样出现在中心。它提供高可见性，而不阻挡内容，非常适合移动优化的营销活动（Campaign）。
本指南将向您展示如何为您的店铺创建、自定义和优化浮窗表单。
开始之前
浮出表单使用与弹窗表单相同的行为和主题设置。关于项目、布局、行为和主题自定义的完整详情，请参阅弹窗订阅表单（Signup Form）指南。
Omnisend JavaScript snippet 必须安装在您的网站上。对于 Shopify、BigCommerce 或 WooCommerce，当您连接您的店铺时，这将自动添加。对于自定义平台，手动安装代码段。
为何使用浮出式表单？
Flyouts 相比中心弹窗具有三大优势：
非侵入式展现：从屏幕边缘滑入，而不是突然阻挡内容。访客可以一边浏览，一边让表单保持可见。
移动设备优化：无缝贴合屏幕边缘，无水平边距或不自然的裁剪。
始终可见：滚动时保持可见；背景保持完全可交互且可点击。
💡 最适合：移动优先的店铺、退出意图优惠以及微妙的联系人名单构建营销活动（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) 或者排除页面（例如，/结账)。位置定位：向特定国家或地区的访客显示。
💬 了解更多： 订阅表单（Signup Form）行为设置.
频率
设置表单对同一访客重新出现的频率：
每次会话一次： 关闭后不再显示；在下次访问时重新出现。
每 X 天一次：查看后隐藏 7/14/30 天。
步骤 4.自定义主题设置
让浮窗与您的品牌风格一致：
表单布局： 确认显示类型 = Flyout。调整宽度（移动端与桌面端）。
位置：选择左边缘或右边缘（浮出窗口从侧面滑入，而非从中心）。
颜色：设置背景、按钮和文本颜色以匹配您的店铺主题。
字体：使用您的品牌字体或 Omnisend 默认字体。
关闭按钮：显示/隐藏 X 按钮；调整颜色和样式。
💬 了解更多： 订阅表单（Signup Form）s Theme Settings.
步骤 5.添加预告 (可选)
teaser 是一个在弹出窗口关闭后仍保持可见的小按钮。点击后，它会重新打开完整表单。
要添加：滚动到 Form Builder 中的底部菜单 → Add option → Teaser。
💡 最适合：Exit-intent flyouts 或折扣优惠 – 让访客有第二次注册的机会，而不会重新触发 full slide-in。
步骤 6.启用您的表单
点击左上角菜单中的“Enable form”。您的浮窗将立即在您的网站上上线。
在启用之前，请仔细检查：
移动预览看起来不错 (在手机上测试或使用 Form Builder 的移动视图)。
定位规则正确（您不希望在结账页面上出现浮出窗口）。
如果需要，法律同意许可复选框已启用（符合 GDPR）。查看 GDPR 指南
跟踪效果
启用后，在 Reports → Forms 中监控结果 → 打开您的浮出式窗口的专用报告。
关键指标：
查看次数：有多少访客看到了 flyout。
提交数：有多少人提交了表单。
注册率：有多少人注册成为新订阅者。
💡 提示： 运行一个A/B测试（A/B Test）以比较 flyout 与 弹窗 的转化率，了解您的受众。
常见问题
浮出窗口和弹窗有什么区别？
浮出式窗口从屏幕边缘滑入；弹窗出现在中心，背景变暗。两者均使用相同的定位、显示触发条件（Trigger）和自定义选项。浮出窗口的干扰性更小，尤其是在移动设备上。
我可以将预告添加到浮窗吗？
是。在 Form Builder 中添加 Teaser (底部菜单 → 添加选项 → Teaser)。浮出窗口关闭后，预告按钮保持可见。点击它会重新打开完整表单。
我应该针对移动访客使用 flyout 还是弹窗？
浮出窗口更适合移动设备，因为它们不会遮挡整个屏幕。访客可以滚动和浏览，同时浮窗会一直显示在侧边。
我可以在一个浮出窗口中同时收集电子邮件（Email）和短信（SMS）吗？
是。Add both Email Input and Phone Number fields. For higher completion rates, use a 在第 1 步收集电子邮件（Email），在第 2 步收集电话。
浮窗在移动端是否支持退出意图？
是。移动设备上的退出意图是基于快速向上滚动（当访客向上滑动以关闭标签页时检测到）。
我可以更改弹出窗口显示在哪一侧吗（左侧还是右侧）？
是。前往主题设置 →表单布局 →位置并选择左侧或右侧。这决定了浮窗从哪个屏幕边缘滑入。
我可以在注册后将访客重定向到感谢页面吗？
Flyout forms不支持自动重定向。请改为添加一个将按钮添加到您的成功消息（提交后），该按钮链接到您的感谢页。或者，您可以使用落地页表单用于自动重定向功能。
我可以安排我的浮窗仅在特定日期（例如，黑色星期五）显示吗？
是。前往行为 →安排并设置开始/结束日期。您的浮窗将仅在该时间段内显示。非常适合季节性营销活动（Campaign）、闪购或限时优惠。
需要帮助吗？ 我们的支持团队随时准备通过应用内聊天或在[email protected]