Elementor Proで終了意図ポップアップを作成する方法

退出意图弹出窗口是引导用户在离开网站之前采取行动的有效工具，例如订阅新闻通讯、获取折扣优惠或填写表单。使用 Elementor Pro，可以轻松创建这种弹出窗口，从而在用户试图离开时展示关键信息并提高转化率。本文将详细介绍如何使用 エレメンタル・プロ 创建并自定义退出意图弹出窗口。

第一步：创建弹出窗口模板

访问弹出窗口设置

首先，已安装激活 Elementor Pro。在 WordPress 仪表板中选择“テンプレート">"ポップアップウィンドウ”。点击“添加新弹出窗口”，开始创建你的弹出窗口模板。

命名并选择模板

输入弹出窗口的名称，例如“退出意图优惠弹窗”。这样，可以随时轻松地找到并编辑此弹出窗口。点击“テンプレートの作成”后，可以从 Elementor 的模板库中选择一个预设设计，或者从空白模板开始。

代表例
例えば，假设经营一个在线书店，希望当用户试图离开网站时展示一本电子书的免费试读。可以将弹出窗口命名为“免费试读优惠”，并从预设模板库中选择一个相关设计。

第二步：设计弹出窗口内容

添加内容模块

使用 Elementor 的拖放功能，添加标题、文本框、图片、按钮和表单模块。确保设计简洁且具有吸引力，以便用户一眼就能明白你提供的优惠。

モジュールエレメントそしてタイプ修正

主要用于设置弹窗的基础内容，如文本、图片和按钮等。

优化设计以提升转化率

• 图像选择：选择你的优惠相关的图片。例如，可以添加一本畅销书的封面图片，以增加视觉吸引力。

• 按钮文字：按钮文字应明确且具有号召性，如“立即试读”或“获取免费章节”。
• 表单字段：表单应尽量简化，只收集必要信息。例如，只需要求用户输入电子邮件地址来获取电子书试读。

第三步：设置弹出窗口触发器

トリガー条件の選択

クリック "ポスト”按钮，选择“前提条件”以决定弹出窗口在何处显示。可以选择在整个网站显示，或仅在特定页面显示。例如，可以仅在产品详情页或购物车页面设置退出意图弹出窗口。

设置触发器为退出意图

選択 "触发器”面板，并启用“页面退出意图”选项。这样，当用户的鼠标光标离开浏览器视窗时，即会触发弹出窗口。

高级规则设置

根据需求进行高级设置。例如，可以设置弹出窗口仅在桌面设备上显示，或者如果用户已经登录账户，则不显示弹窗。

第四步：测试并发布弹出窗口

1. 保存并激活弹出窗口
   完成设计和设置后，点击右下角的“保存并关闭”按钮，将弹出窗口发布到你的网站上。
2. 测试弹出窗口
   为确保弹出窗口正常工作，按照你设置的显示条件进行测试。在产品页面或结账页面移动鼠标离开页面，查看弹出窗口是否触发。

はんけつをくだす

通过详细设置退出意图弹出窗口，可以有效地留住即将离开网站的用户，提高转化率。使用 エレメンタル・プロ，可以轻松实现这些效果，并随时根据用户需求调整弹出窗口设计和触发器设置。