如何在 WordPress 中创建优惠券弹出窗口（逐步）

您想在您的 WordPress 网站上创建优惠券弹出窗口吗？

优惠券弹出窗口是将您的网站访问者转化为付费客户的好方法。 有几种不同的方法可以创建和显示优惠券弹出窗口。 然而，在正确的时间展示优惠券对于将放弃的访客转化为客户有很大的不同。

在本文中，我们将了解如何将优惠券弹出窗口添加到您的 WordPress 或 WooCommerce 网站。

为什么要向访客提供优惠券？

新企业主通常担心优惠券会侵蚀他们的利润。 然而，成熟的企业主知道，提供折扣是让访客做出决定而不是坐视不理的有效方式。

提供优惠券代码可帮助您恢复废弃的购物车销售、将访问者转化为客户并实现更多销售。

大多数电子商务平台（如 WooCommerce）都允许您轻松创建优惠券代码。 但是，与您的客户分享这些优惠券代码会让一切变得不同。

这就是为什么在本文中，我们将分享两种与访问者分享优惠券的不同方式。 其中包括优惠券退出弹出窗口和优惠券转盘选项。

让我们来看看如何在 WordPress 或 WooCommerce 中创建优惠券弹出窗口。

如何在 WordPress 中创建优惠券弹出窗口

创建优惠券弹出窗口的最佳方法是使用 OptinMonster。 它是市场上最好的 WordPress 弹出插件和潜在客户生成软件。

首先，您需要访问 OptinMonster 网站创建一个帐户。 只需单击“立即获取 OptinMonster”按钮即可开始使用。

您至少需要增长计划，因为它包括优惠券轮活动和弹出窗口的高级定位规则。

之后，您需要在您的 WordPress 网站上安装并激活 OptinMonster 插件。 有关更多详细信息，请参阅我们关于如何安装 WordPress 插件的分步指南。

该插件充当您的 OptinMonster 帐户和 WordPress 网站之间的连接器。

激活插件后，您将看到 OptinMonster 安装向导。 继续并单击“连接您现有的帐户”按钮。

现在将打开一个新窗口，您需要在其中将您的 WordPress 网站与 OptinMonster 连接起来。

只需单击“连接到 WordPress”按钮即可继续。

您还可以将 WooCommerce 商店与 OptinMonster 连接起来。 只需确保您已在 WordPress 中设置了电子商务商店。

首先，您需要从 WordPress 管理面板转到OptinMonster » 设置。

然后，转到“常规”选项卡并单击“自动生成密钥 + 连接 WooCommerce”按钮。

WooCommerce 现在将自动生成密钥并连接到您的 OptinMonster 帐户。

现在，您已准备好创建您的第一个优惠券弹出活动。

创建您的优惠券弹出活动

要创建活动，您可以从 WordPress 仪表板转到OptinMonster » 活动，然后单击“创建您的第一个活动”按钮。

在下一个屏幕上，OptinMonster 将显示不同的活动类型和模板。

首先，您需要选择广告系列类型。 我们将使用“Popup”，这应该是默认选择。

之后，系统会要求您选择一个模板。

OptinMonster 拥有大量可供您选择的模板，其中包含许多不同的布局和配色方案。 “优惠券”模板非常适合创建此弹出窗口。 不过，您可以根据需要选择不同的模板。

您可以使用搜索框查找优惠券模板或向下滚动页面。

接下来，将鼠标悬停在模板上并单击“使用模板”按钮。

构建优惠券弹出窗口之前的最后一步是为活动命名。 输入名称后，单击“开始构建”按钮。

设计您的优惠券弹出窗口

单击“开始构建”后，您将看到拖放式营销活动构建器。

您可以使用它向模板添加不同的块，并以您喜欢的任何方式更改优惠券的文本、颜色和设计。

您还可以单击设计的任何元素以进一步更改它。 在这里，我们编辑了文本并将其设为不同的颜色。

进行更改后，您将在优惠券弹出模板中看到实时更新。

您可能想尝试不同的字体和颜色，以使您的文本在弹出窗口中脱颖而出或与您的品牌相匹配。

除了弹出窗口中的文本和元素之外，您还可以更改背景颜色、向优惠券添加图像、设置边框颜色、更改边框样式等。

完成更改后，请确保通过单击屏幕顶部的绿色“保存”按钮来存储您的广告系列。

决定如何提供您的优惠券代码

现在您已经设置了优惠券弹出窗口，您需要决定如何向访问者实际提供优惠券代码。

在 OptinMonster 中有多种方法可以做到这一点，但最好的方法是通过 OptinMonster 的成功视图直接提供优惠券代码并通过电子邮件通讯发送。

这样，如果访问者还没有准备好立即购买，他们的电子邮件收件箱中就会有优惠券代码，以便日后参考。

默认情况下，您的优惠券弹出窗口已设计为在单击按钮后立即使用“成功视图”。 要进行检查，您可以单击该按钮，然后在屏幕左侧看到“转到查看”选项。

如果您想要不同的按钮操作，可以在此处进行更改。 不过，对于您的第一张优惠券，我们建议您坚持使用默认设置。

将 OptinMonster 与您的电子邮件列表集成

要通过电子邮件自动发送您的优惠券代码并将访问者添加到您的电子邮件列表中，您需要将 OptinMonster 与电子邮件营销服务集成。

Constant Contact 是与 OptinMonster 一起使用的一项很棒的服务，WPBeginner 读者可以使用此优惠券在前 3 个月享受 20% 的折扣。

但是，如果您使用不同的电子邮件服务，OptinMonster 几乎可以与所有主要提供商集成。

只需转到“集成”选项卡并单击“+ 添加新集成”按钮即可添加您的电子邮件营销服务。

完成此操作后，您可以设置自动发送电子邮件，以便每当有人通过优惠券弹出窗口注册电子邮件列表时发送出去。

额外提示：编辑成功视图模板

您可以返回到广告系列的“设计”选项卡并单击屏幕底部的“成功”选项来查看和更改“成功视图”模板。

默认看起来像这样，但您可以按照您想要的任何方式对其进行编辑，就像您编辑优惠券弹出窗口一样。

更改优惠券弹出窗口的显示规则

默认情况下，访问者在您网站的任何页面上停留 5 秒后，他们就会看到您的优惠券弹出窗口。

如果您想更改此设置，请转到“显示规则”选项卡。

您可以设置任何您喜欢的显示规则，但最好尝试使用 Exit-Intent。

这种特殊的 OptinMonster 技术可以判断访问者何时要离开您的网站，并在适当的时候向他们展示您的优惠券弹出窗口。

您可以通过从下拉菜单中选择“检测到退出”并选择要在哪些设备上显示广告系列来添加退出意图。 默认情况下，它将设置为在所有设备上显示。

还有一个选项可以控制退出意图的敏感性。

之后，向下滚动并选择您要展示广告系列的页面。

例如，您可以使用“当前 URL 路径”的默认设置并选择“是任何页面”选项。 这样，您的广告系列就会出现在您的整个网站上。

添加显示规则后，您可以单击“下一步”按钮。

OptinMonster 还提供了在出现优惠券弹出窗口时播放声音效果和显示动画的选项。

现在，您可以单击“下一步”按钮。

在下一个屏幕上，您将看到显示规则的摘要。 不要忘记单击“保存”按钮来存储您的设置。

对优惠券弹出窗口感到满意后，您可以转到顶部的“发布”选项卡。

之后，只需确保选中“发布状态”部分下的“发布”即可。

不要忘记点击顶部的“保存”按钮并关闭活动生成器。

您现在可以访问您的网站以查看正在运行的优惠券弹出窗口。

创建一个旋转赢优惠券轮

旋转赢取优惠券轮盘是让您的优惠券对您网站的访问者来说更有趣和有趣的好方法。 这就像一个迷你游戏，游客可以玩这个游戏来赢取折扣或其他奖励。

您的双赢选项可以包括 10% 折扣、20% 折扣、免费送货、免费试用或您想要提供的任何内容。

OptinMonster 提供了一种“游戏化”活动类型，可让您创建转盘弹出窗口。

之后，向下滚动并选择一个 Wheel 模板。

该插件具有不同的旋转获胜模板。 只需将鼠标悬停在模板上，然后单击“使用模板”按钮。

接下来，继续编辑优惠券轮的任何方面。

要编辑优惠券轮盘本身的选项，您需要单击左侧的“自定义轮盘部分”按钮。

然后，您可以输入任何文本作为每个选项的标签，并为每个获胜选项添加优惠券代码。

请注意，“获胜机会”是自动确定的。 如果您更改一个或多个“可以赢”选项的开关，OpinMonster 将重新计算获胜机会

如果您需要更多帮助来创建优惠券轮并将其添加到您的网站，请查看我们关于如何在 WordPress 和 WooCommerce 中添加旋转获胜选项的帖子，该帖子更详细地介绍了该过程。

然后，您可以访问您的网站以查看正在运行的旋转赢取优惠券弹出窗口。

我们希望本文能帮助您了解如何在 WordPress 中创建优惠券弹出窗口。 您可能还想查看我们精选的最佳 WooCommerce 插件或我们关于如何向 WordPress 网站添加推送通知的指南。

如果您喜欢这篇文章，请订阅我们的 YouTube 频道以获取 WordPress 视频教程。 您还可以在 Twitter 和 Facebook 上找到我们。