弹出窗口是增强用户参与度的有力工具。 使用 GemPages,您可以轻松设置根据用户交互(例如单击按钮或将鼠标悬停在元素上)出现的弹出窗口。
为什么要触发弹出窗口进行交互?
通过交互触发弹出窗口可确保用户收到有针对性的及时信息,从而提高转化率并改善用户体验。
例如,点击“获取优惠”按钮可以显示带有折扣详细信息的弹出窗口,或者点击“注册”按钮可以打开订阅表单以收集电子邮件。同样,将鼠标悬停在产品图片上可能会显示带有附加功能或演示视频的弹出窗口。
请看下面的具体示例。当您点击“抢购优惠”按钮时,会弹出一份新闻通讯订阅表单。

如何触发弹窗并进行交互
您可以按照以下方式配置在客户单击“抓住优惠”按钮时出现的弹出窗口,提示他们提交电子邮件以获得折扣。
步骤 1:添加弹出窗口
拖放 弹出窗口 元素到您的页面上。
使用内容(例如电子邮件字段、文本或号召性用语按钮)自定义弹出窗口。

第 2 步:打开交互设置
点击 交互作用 左侧边栏中的按钮打开交互设置。


步骤 3:配置交互
从...开始: 选择将启动交互的特定元素。
选择标有 抢购 作为目标。

时间: 该设置决定激活弹出窗口的用户操作。
- 选择触发动作: 点击 or Hover.
- 对于此示例,选择 点击元素 当单击按钮时显示弹出窗口。

反向互动
勾选后,访客再次点击时将反转交互。取消勾选后,每次点击时都将反转交互。
然后,执行以下操作:(触发的操作)
- 选择 弹出窗口 作为动作触发的目标元素。

- 下 更改, 选择 打开弹出 使弹出窗口出现。

可用的“更改”选项将根据目标元素而有所不同。

在发布之前预览您的互动。
谢谢您的意见