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

您想在您的 WordPress 网站上创建优惠券弹出窗口吗?优惠券弹出窗口是将您的网站访问者转化为付费客户的好方法。有几种不同的方法可以创建和显示优惠券弹出窗口。然而,在正确的时间展示优惠券在将放弃的访问者转化为客户方面有很大的不同。在本文中,我们将了解如何将优惠券弹出窗口添加到您的 WordPress 或 WooCommerce 网站

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

为什么要为访客提供优惠券?

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

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

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

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

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

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

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

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

Optin怪物

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

之后,您需要在 WordPress 网站上安装并激活 OptinMonster 插件。

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

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

连接现有帐户

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

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

将 OptinMonster 连接到 WordPress

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

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

之后,前往“常规”选项卡,然后单击“自动生成密钥 + 连接 WooCommerce”按钮。

自动生成密钥并连接 WooCommerce

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

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

创建您的优惠券弹出活动

要创建广告系列,您可以从 WordPress 仪表板转到 OptinMonster » 广告系列,然后单击“创建您的第一个广告系列”按钮。

创建第一个 OptinMonster 活动

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

首先,您需要选择一种广告系列类型。我们将使用“弹出窗口”,这应该是默认选择。

选择广告系列类型和模板

之后,系统将要求您选择一个模板。

OptinMonster 有大量的模板供您选择,具有许多不同的布局和配色方案。“优惠券”模板非常适合创建此弹出窗口。不过,如果您愿意,可以选择不同的模板。

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

选择模板

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

构建优惠券弹出窗口之前的最后一步是命名广告系列。输入名称后,单击“开始构建”按钮。

输入广告系列的名称

设计您的优惠券弹出窗口

点击“开始构建”后,您将看到拖放式广告系列构建器。

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

修改广告系列模板

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

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

编辑模板中元素的文本和颜色

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

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

保存弹出窗口更改

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

决定如何交付您的优惠券代码

现在您已经设置了优惠券弹出窗口,您需要决定如何实际将优惠券代码发送给您的访问者。

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

这样,如果访问者不准备立即购买,他们会在电子邮件收件箱中收到优惠券代码,以便以后参考。

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

更改成功视图

如果您想要其他按钮操作,可以在此处进行更改。但是,对于您的第一张优惠券,我们建议您坚持使用默认优惠券。

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

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

Constant Contact 是与 OptinMonster 一起使用的一项出色服务,WPBeginner 读者使用此优惠券可以在前 20 个月获得 3% 的折扣。

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

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

添加新的集成

完成此操作后,您可以设置一封自动电子邮件,以便在有人通过您的优惠券弹出窗口注册电子邮件列表时发出。

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

您可以返回广告系列的“设计”标签,然后点击屏幕底部的“成功”选项,查看和更改“成功视图”模板。

默认值如下所示,但您可以以任何您想要的方式对其进行编辑,就像您编辑优惠券弹出窗口一样。

切换到成功视图

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

默认情况下,您的优惠券弹出窗口将在访问者在您网站的任何页面上停留 5 秒钟后显示给访问者。

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

设置显示规则

您可以设置任何您喜欢的显示规则,但一个值得尝试的好方法是 Exit-Intent®

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

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

添加退出意向显示规则

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

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

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

选择要展示广告系列的主页

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

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

为广告系列选择音效和效果

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

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

查看显示规则的摘要

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

之后,只需确保在“发布状态”部分下选中“发布”。

发布广告系列

不要忘记点击顶部的“保存”按钮并关闭广告系列制作工具。

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

优惠券弹窗预览

创建旋转赢取优惠券轮盘

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

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

OptinMonster 提供“游戏化”活动类型,可让您创建旋转轮弹出窗口。

选择游戏化广告系列类型

之后,向下滚动并选择其中一个 滚轮 模板。

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

选择模板

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

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

定制您的轮子

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

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

编辑车轮截面

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

旋转滚轮弹出预览

我们希望本文能帮助您学习如何在 WordPress 中创建优惠券弹出窗口。

wordpress

WooCommerce独立站
Image

联系我们

六翼为您提供更丰富的服务项目,涵盖设计、开发、多媒体、营销、云服务等,驱动品牌网站的互联网创新发展,释放品牌潜力。

联系电话

400-188-6006
010-86469696

在线咨询