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

技术教程 2021年11月6日
1815 0

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

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

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

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

Adding an on-click popup form to your website

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

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

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

Example of an On-click popup form

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

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

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

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

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

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

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

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

安装和激活 OptinMonster

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

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

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

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

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

Connect your OptinMonster account to your WordPress site

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

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

Create a new campaign in OptinMonster

您将被直接带到 OptinMonster 网站.

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

Leave 'Popup' selected for your campaign type

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

Selecting the Basic template for your on click popup

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

Click to use the basic template for your on click popup

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

Give your campaign a name and click to start building

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

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

Editing the headline of your popup in OptinMonster

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

Removing the Name field from the popup

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

The 'Success' view that visitors will see after entering their email address

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

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

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

Adding a link to the popup image in OptinMonster

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

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

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

Adding a new email integration in OptinMonster

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

Select your email service provider from the dropdown list

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

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

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

The default display rules in OptinMonster

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

Switching the display rules so your popup uses the MonsterLink feature

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

让您的点击弹出窗口直播

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

Switching your on click popup's campaign status to live

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

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

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

Refresh the list of campaigns in your OptinMonster dashboard

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

The list of OptinMonster campaigns in the WordPress dashboard

将您的 MonsterLink 添加到您的网站

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

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

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

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

Adding a custom HTML block in WordPress

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

The MonsterLink in an HTML block

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

The MonsterLink with custom text

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

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

The on click popup form in action

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

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

单击(4)窗口(5)表单(44)
♥赞10

相关文章

发表回复