首頁 » 部落格 » 如何在 WordPress 中点击打开灯箱弹出窗口

如何在 WordPress 中点击打开灯箱弹出窗口

想要通过单击网站上的按钮来打开灯箱弹出窗口吗?灯箱弹出窗口可以帮助您生成更多目标潜在客户并扩大您的电子邮件列表 WordPress 中点击打开灯箱弹出窗口。

如果您在用户单击按钮时打开弹出窗口,您可以提示他们注册您的时事通讯、下载电子书或报告以及获取优惠券或折扣。

在本教程中,我们将向您展示如何轻松创建点击即可打开的灯箱弹出窗口,以增加您的订阅者并获得更多潜在客户。

正确点击创建 WordPress 灯箱弹出窗口

与许多其他方法相比,弹出窗口是推动转化并帮助您的业务更快地增长的好方法。

显示弹出窗口的最有效方法之一是让用户行为触发它。例如,您可以创建一个单击按钮时打开的弹出窗口,如下例所示:

这样,用户就不会被弹出窗口轰炸,而只有在感兴趣时才会看到它。

如果使用得当,这些弹出窗口会发挥很好的作用。您可能想看看 CodeinWP 如何使用一键弹出窗口将转化率提高 1000% 。

他们之所以能够做到这一点,是因为他们创建了一个很棒的活动,该活动出现在用户最有可能对弹出窗口感兴趣的地方。

他们定制了弹出窗口,使用拆分测试来查看哪些有效、哪些无效,并做出数据驱动的决策。结果,他们取得了巨大的成功。

最好的部分是,创建点击时打开的弹出窗口比您想象的要容易。它甚至不需要编码技能或技术知识!

事实是,任何人都可以使用OptinMonster在短短几分钟内轻松创建成功的弹出式广告活动:

 

OptinMonster是目前市场上最好的潜在客户生成插件,可以轻松创建强大的弹出式广告活动。这是创建单击按钮时出现的弹出窗口的最简单方法。

简而言之,OptinMonster 是您扩大电子邮件列表、减少购物车放弃率和提高网站转化率的最佳选择。

就像 CodeinWP 一样,还有许多其他OptinMonster 成功案例可供您查看。

现在,让我们看看如何使用 OptinMonster 创建自己的点击打开的灯箱弹出窗口。

如何点击打开灯箱弹出窗口

我们将向您展示如何创建视觉上令人惊叹的弹出窗口并使其在单击时打开。

您需要做的第一件事是使用OptinMonster创建一个无风险帐户。注册后,您可以在您的网站上安装 OptinMonster 插件即可开始使用。

然后只需按照以下步骤操作即可。

1. 创建弹出式广告系列

有两种方法可以访问 OptinMonster 仪表板来创建活动。您可以登录 OptinMonster 网站上的帐户并在此处创建新的活动:

您还可以访问您的 WordPress 管理仪表板并选择OptinMonster » 仪表板来访问相同的仪表板。

打开面板时,您将看到创建新弹出窗口、浮动条、滑入等的选项。

要创建灯箱弹出窗口,请选择“弹出窗口”,OptinMonster 将生成可用于创建广告系列的模板列表。

OptinMonster 有超过 100 个预建模板供您选择,所有模板在移动设备、台式机和平板电脑上看起来都很棒。

这些模板节省了设计过程中的大量时间。但您也可以选择使用Canvas模板从头开始创建活动。

今天,我们将在本教程中使用磁铁模型。当您选择模板时,将出现一个提示,您可以在其中输入活动的名称。

然后,您将进入 OptinMonster 活动编辑器,您可以在其中自定义模板。

2. 创建弹出式广告系列

OptinMonster 有一个可视化编辑器,这意味着您可以编辑弹出窗口,就像它出现在您的网站上一样。

您可以从编辑标题开始。只需选择标题,文本编辑选项就会自动出现在上面。

现在您可以用自己的文本替换内容,更改颜色、丹麦电话号码表 字体类型和大小以及对齐方式。在左侧窗格中,您还将看到一个文本编辑器,可让您更改背景样式和颜色、添加框阴影等。

同样,您也可以更改弹出窗口的正文。

然后点击活动图片。图像编辑器出现在左侧,您可以在其中用自己的图像替换图像。您可以从媒体库中选择一张图片,也可以从计算机上传一张图片。

同样,您可以选择紫色横幅并更改颜色、删除它或用其他图像替换它。

在图像编辑器中,您将看到更改图像的不透明度、宽度、边框等的选项。

编辑图像后,您可以编辑“下载我的电子书”按钮。是什么让 OptiMonk 成为比 Mailchimp 和 OptinMonster 更好的潜在客户生成工具?您可以通过选择按钮来开始,按钮编辑器将在左侧面板中打开。您可以在此处更改按钮的颜色、文本和样式:

最后,转到“成功”选项卡来更改向注册用户显示的消息。您可以按照在弹出编辑器中相同的方式替换文本和图像:

这些只是编辑 OptinMonster 活动的一些示例,尽管还有很多。如需更多帮助,您可能需要查看此资源:如何创建和设计您的第一个 OptinMonster 活动

自定义弹出窗口后,最好点击顶部的“保存”按钮来保存您的活动。

3. 将显示规则设置为“点击时”

现在您的弹出式广告系列已准备就绪,数据库到数据 您可以设置规则,以便它在您的网站上被点击时出现。为此,请转到“显示规则”选项卡。

选择MonsterLink™(点击时),这将创建一条规则,即“如果访问者点击了 MonsterLink™”。

如果此选项没有立即出现,您可以使用显示规则菜单中的搜索栏:

不要忘记保存您的更改。此规则将允许您在用户点击您网站上的特定链接、按钮或图像时显示弹出窗口。

4. 添加电子邮件提供商

弹出显示可以帮助您收集访问者的电子邮件地址,以便您可以推广您的品牌或产品或通过电子邮件与他们联系。

默认情况下,OptinMonster 使用 Monster Leads 来捕获弹出表单条目。这意味着当有人在您的弹出窗口中输入他们的姓名和电子邮件地址时,他们将自动在 Monster Leads 中注册。

您将能够在 WordPress 仪表板中查看所有这些条目,并且我们将在您的广告系列上线后向您展示如何执行此操作。

您还可以将弹出式活动与您自己的电子邮件提供商(例如Constant ContactSendInBlue )集成。

通过将其与您的电子邮件提供商集成,您可以向那些注册您的时事通讯或折扣或下载您的电子书等的人发送自动电子邮件。

要集成您的电子邮件提供商,请选择 OptinMonster 仪表板中的“集成”选项卡。然后点击“添加新集成”按钮:

然后,在“电子邮件提供商”下,您可以从下拉菜单中浏览可用的电子邮件集成列表:

选择电子邮件提供商后,向下滚动以将通知和标签添加到弹出表单条目中,以更好地组织您的活动。

完成后,请不要忘记保存您的集成。

5. 发布你的活动

下一步是让弹出式广告活动在您的网站上上线。

首先,确保保存您的活动,然后单击“发布”选项卡。您可以在此处将活动状态从“草稿”更改为“已发布”。如果您尚未准备好启动您的活动,您还可以安排活动的上线时间和日期。

您可以通过选择“预览”按钮来预览该活动在您的网站上的显示效果。一旦您对所有更改感到满意,请保存它们以激活您的活动。

要确保您的活动已发布,请转到WordPress 仪表板中的OptinMonster » 活动选项卡。如果您看到状态为“待定”,请单击它以获取下拉菜单并选择“发布”以使您的活动上线。

剩下的就是将弹出窗口的 URL 添加到您网站上的可点击链接。

6. 为你的 WordPress 网站添加点击弹出窗口

OptinMonster 允许您将点击弹出窗口添加到任何文本、按钮或主菜单。

首先,您需要复制之前创建的 MonsterLink™。从您的 OptinMonster 仪表板,转到“已发布”选项卡。在“平台”下,您将看到获取可共享链接的选项。

复制此链接并保存以备下一步使用。

现在,我们将向您展示如何使用此链接将点击弹出窗口添加到文本、按钮甚至网站主菜单中。

1. 将 MonsterLink™ 添加到按钮和文本

您可以轻松地将 MonsterLink™ 添加到 WordPress 中的任何文本或按钮。为此,请编辑您想要添加链接的页面或帖子。

在块编辑器中,单击 (+) 号并选择按钮块,向您的页面或帖子添加按钮。添加按钮后,选择它以打开块设置菜单。现在单击链接图标打开链接字段,您可以将 MonsterLink™ 粘贴到其中。

同样,您可以选择网站上的任何文本,选择链接图标,然后粘贴链接以嵌入弹出窗口。完成后,保存或发布您的帖子并预览它以查看弹出窗口的工作原理。

2. 将MonsterLink™添加到WordPress菜单

如果您想将链接添加到 WordPress 菜单,请转到WordPress 仪表板中的外观 » 菜单选项卡。

在此页面上,您可以选择“自定义链接”,然后您将看到一个下拉菜单,您可以在其中输入 URL 和链接文本。

在此处粘贴 MonsterLink™ 并根据弹出式活动的内容添加链接文本。

填写完字段后,选择“添加到菜单”按钮,然后保存菜单。

之后,转到您的 WordPress 网站,您将看到点击弹出活动的链接出现在您的菜单中。

现在,当用户点击您添加了 MonsterLink™ 的文本、按钮或菜单项时,您的弹出窗口就会出现。

跟踪弹出广告系列中的潜在客户并对其进行优化以获得成功

OptinMonster 可让您创建漂亮的弹出窗口来增加潜在客户并发展您的业务,但这还不是全部。它还可以帮助您跟踪活动的成功情况,了解其效果。

OptinMoster 使用 Monster Leads 记录所有弹出表单条目。您可以在OptinMonster » 订阅者选项卡下找到潜在客户列表。您将被带到 OptinMonster 仪表板中的“Leads”选项卡。

返回頂端