如何通过单击链接或图像打开 WordPress 弹出表单

您要创建一个弹出窗口，当访问者单击您网站上的链接或图片时显示该弹出窗口吗?

这是增加电子邮件列表的行之有效的方法，热门网站经常使用它来提供选择激励.

在本文中，我们将逐步展示如何通过单击链接或图像打开 WordPress 弹出窗口.

点击时触发 WordPress 弹出表单并不像您想象的那么复杂.在本文中，我们将向您展示如何操作.

什么是"点击"弹出表单?

点击弹出式表单是当用户点击您网站上的链接、按钮或图片时打开的灯箱弹出式窗口.

通常，当用户到达或即将离开时，网站上会出现弹出窗口.单击时弹出表单由用户交互触发.

我们在 WPBeginner 网站上有两个点击弹出窗口，用于增加我们的电子邮件列表:第一个在所有社交图标旁边的侧边栏电子邮件图标上，第二个在每个帖子下方用于下载我们的工具包.

创建点击弹出窗口的最简单方法是使用 WordPress 的弹出插件.我们将在本教程中使用 OptinMonster.

为什么点击弹出表单如此有效?

点击弹出式表单之所以有效，是因为它使用了强大的 Zeigarnik 效果.这是一个心理学原理，表明开始一个动作的用户更有可能完成它.

当有人点击链接或按钮触发您的弹出窗口时，他们已经表现出兴趣.当表单弹出窗口出现时，他们更有可能使用它.

在本教程中，我们将使用点击弹出窗口来提供铅磁铁.

但是，还有其他方法可以在您的网站上使用点击弹出窗口.例如，您可以要求用户索取优惠券代码、了解有关产品的更多信息、填写调查问卷等.

话虽如此，让我们来看看如何轻松地为您的网站制作一个点击式灯箱弹出窗口.

安装和激活 OptinMonster

首先，您需要注册一个 OptinMonster 帐户.您需要 Pro 帐户(或更高版本).这为您提供了 MonsterLinks™可让您创建点击弹出窗口的功能.

接下来，您需要在您的 WordPress 网站上安装并激活 OptinMonster 插件.这让您可以将您的 OptinMonster 帐户连接到您的 WordPress 网站.

如需帮助，请参阅有关如何安装 WordPress 插件的分步指南.

激活插件后，您需要连接您的帐户.您应该会自动进入欢迎页面.如果没有，只需点击 WordPress 仪表板中的 OptinMonster 链接.

点击"连接您的帐户"并按照屏幕上的说明进行操作.

创建您的第一个点击弹出窗口

一旦您将 OptinMonster 帐户连接到您的 WordPress 网站，您就可以开始创建您的点击弹出窗口.点击屏幕顶部的"创建新广告系列"按钮:

您将被直接带到 OptinMonster 网站.

广告系列类型应已设置为弹出.如果没有，只需点击弹出窗口将其选中.

接下来，选择一个广告系列模板.稍后您将能够准确地修改它的外观.我们将在本教程中使用 Basic 模板.

将光标移到模板上，然后点击"使用模板"按钮.

现在，系统会提示您输入广告系列的名称.如果您在多个站点上使用 OptinMonster，请确保选择正确的站点.如果需要，输入一个新网站.然后，点击"开始构建"以创建您的弹出窗口.

OptinMonster 将自动加载您选择的模板.

您可以编辑默认文本并从模板中添加或删除元素.只需点击您想要编辑的任何内容.

例如，我们要从表单中删除 Name 字段.只需单击该字段以选择它，您就会在左栏中看到字段选项，包括删除它的选项.

设计弹出窗口后，下一步是设计成功视图，这是人们在填写表单后看到的内容.只需切换到屏幕顶部的"成功"视图即可.

您可以像编辑 optin 视图一样编辑成功视图.例如，您可能希望让用户立即下载铅磁铁.您可以在此处添加指向它的链接.

要添加图片链接，请点击图片，然后向下滚动到左侧的"添加图片链接?".

您可以切换以启用图片链接，并在"URL"框中输入指向您的磁铁的链接.

将您的弹出窗口连接到您的电子邮件列表

对弹出窗口感到满意后，单击屏幕顶部的"集成"选项卡.您需要将 OptinMonster 链接到您的电子邮件营销服务，以便您可以将人员添加到您的电子邮件列表中.

点击屏幕左侧的"+ 添加新集成"按钮.

接下来，从下拉列表中选择您的电子邮件提供商，然后按照说明将其连接到 OptinMonster.

注意:每个电子邮件营销服务的集成说明都不同.如果您遇到困难，OptinMonster 有一份详细的电子邮件集成指南列表.

设置您的弹出窗口在点击时出现

现在，您需要配置弹出窗口，以便在用户单击链接时显示.点击屏幕顶部的"显示规则"标签.

显示规则默认为页面时间.单击下拉菜单并选择"访客点击 MonsterLink™".

点击按钮复制您的 MonsterLink™代码.您马上就会需要这个.

让您的点击弹出窗口直播

现在，转到"发布"标签并将您的广告系列状态设置为"直播".您还可以检查或更改您的广告系列所连接的网站.

完成后，点击屏幕顶部的"保存"按钮.

接下来，您需要在您的 WordPress 网站上投放您的广告系列.

转到您的 WordPress 仪表板，然后单击 OptinMonster 链接.点击刷新广告系列按钮.

您应该会看到您的广告系列，显示为实况.如果您想随时禁用它，只需点击广告系列名称下方的"禁用"链接即可.

将您的 MonsterLink 添加到您的网站

现在，您需要添加特殊的 MonsterLink™到您的网站.如果您之前没有复制此内容，您可以返回 MonsterInsights 网站中的广告系列的显示规则设置来获取它.

创建一个新帖子或页面，或者编辑您要添加链接的帖子或页面.

MonsterLink 是 HTML 代码，因此您需要将其粘贴到自定义 HTML 块中.

单击 (+) 按钮添加新块.自定义 HTML 块位于格式部分，或者您可以使用搜索栏搜索它.单击它以创建块.

现在，将您的 MonsterLink 复制到该块中.它应该看起来像这样:

您可以将"点击我！"更改为您想要用于链接的任何文本.我们将使用"点击获取额外的 10 条提示！"

放置链接后，您可以预览页面或发布信息以确保其正常工作.

这是我们的链接.请注意，我们对文本应用了一些样式，以创建一个带有较大文本的框，以帮助宣传铅磁铁:

提示:您不仅限于使用 MonsterLinks 的文本链接.您还可以将 MonsterLink 与您网站上的号召性用语按钮、图片、横幅或导航菜单结合使用.

我们希望本教程能帮助您了解如何在点击时触发 WordPress 弹出表单.您可能还想查看我们关于如何加快 WordPress 网站速度的教程，以及我们的终极 WordPress SEO 指南.