如何创建 WooCommerce 弹出窗口以增加销售额(6 种经过验证的方法)

您想创建一个 WooCommerce 弹出窗口来促进销售吗?

灯箱弹出窗口可让您轻松吸引客户的注意力并促使他们进行购买.您可以使用 WooCommerce 弹出窗口提供优惠券、促进销售、让访问者加入您的电子邮件列表等.

在本文中,我们将向您展示如何轻松创建 WooCommerce 弹出窗口以增加销售额.我们将向您展示不同类型的弹出窗口以及如何将它们应用到您的商店.

Creating a WooCommerce popup to increase sales

为什么需要创建 WooCommerce 弹出窗口

您有没有想过为什么您总是在所有主要电子商务网站上看到弹出窗口?

这是因为弹出窗口在将网站访问者转化为付费客户方面做得很好.它们通过在恰当的时间向客户展示有针对性的信息,帮助在线商店快速吸引客户的注意力.

如果您经营 WooCommerce 商店,您可以使用弹出窗口来帮助您:

  1. 及时向客户传递信息,从而提高销售额.例如,您可以在用户即将离开您的商店时显示弹出窗口.
  2. 通过提供优惠券或免费送货来恢复废弃的购物车销售.
  3. 通过交叉销售(推广相关产品)和追加销售(推广更好的特色产品)销售更多产品.
  4. 建立您的电子邮件列表、社交关注或提醒您的客户正在进行的销售和促销活动.

话虽如此,让我们来看看如何使用 WooCommerce 弹出窗口来提高您商店的销售额和转化率.

我们将在本教程中使用 OptinMonster.OptinMonster 是一款强大的转化优化工具,可让您将放弃网站的访问者转变为订阅者和客户.

它与 WooCommerce 无缝集成,并具有专为 WooCommerce 商店构建的强大个性化选项.

提示:要为您的优惠创建优惠券,我们建议使用高级优惠券.它允许您为您的 WooCommerce 网站创建许多不同的智能优惠券.

OptinMonster 入门

在开始创建 WooCommerce 弹出窗口之前,您需要一个连接到您的 WordPress 网站的 OptinMonster 帐户.

首先,访问 OptinMonster 网站并注册一个帐户.

提示:OptinMonster 的 Pro 计划可让您使用我们将介绍的大部分功能.如果您想制作"旋转取胜"活动,您需要增长计划.

一旦您注册了 OptinMonster,您需要将您的 OptinMonster 帐户连接到您的 WordPress 网站.为此,您首先需要在 WordPress 网站上安装并激活 OptinMonster 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,您应该会在 WordPress 管理员中看到 OptinMonster 欢迎屏幕.只需点击"连接您的帐户"按钮.

Connecting your OptinMonster account to WordPress

现在,按照屏幕上的说明将您的 OptinMonster 帐户与您的 WordPress 网站相关联.

完成此操作后,您将看到"广告系列"页面.在这里,您需要点击"创建新广告系列"按钮:

Click the button to create a new campaign in OptinMonster

在本教程的其余部分,我们将介绍几种不同类型的 WooCommerce 弹出窗口.您可以使用这些快速链接直接跳转到每个链接的说明.

  • 如何创建 WooCommerce 优惠券弹出窗口
  • 如何创建 WooCommerce 购物车放弃弹出窗口
  • 如何创建 WooCommerce 交叉销售弹出窗口以推广相关产品
  • 如何创建 WooCommerce 追加销售弹出窗口以让客户花更多钱
  • 如何创建一个游戏化的 WooCommerce"Spin to Win"弹出窗口
  • 如何为 WooCommerce 创建全屏弹出窗口

如何创建 WooCommerce 优惠券弹出窗口

优惠券是增加销售额的好方法.您可以使用弹出窗口来确保客户知道您的优惠券并鼓励他们使用它.

要创建优惠券弹出窗口,只需选择"弹出"广告系列类型.然后,通过将鼠标悬停在模板上并单击"使用模板"按钮来选择模板.我们将使用"优惠券"模板:

Select your campaign type and choose a template

OptinMonster 会提示您为广告系列命名并选择要加载的网站.

Give your WooCommerce coupon popup a name

现在,是时候设计您的优惠券了.只需单击优惠券的任何部分即可对其进行编辑.您可以更改文本、字体、颜色等.在这里,我们正在编辑优惠券的标题文本:

Editing the text on your WooCommerce coupon popup

您还可以删除部分优惠券.例如,您可能决定不想拥有电子邮件注册框.您可以简单地在弹出窗口中显示优惠券代码,以鼓励客户立即使用它.

提示:默认优惠券代码为 SAVE25.这会在客户输入电子邮件地址后显示在屏幕上.在弹出窗口的"成功"视图下可以轻松更改或删除它.

完成对优惠券设计的更改后,不要忘记单击"保存"按钮:

Save your popup coupon once you're done creating it

如需更多帮助,请查看我们关于创建优惠券弹出窗口的分步说明.该教程还介绍了如何将 OptinMonster 与您的电子邮件列表集成.

创建优惠券弹出窗口后,您需要设置显示规则.单击顶部栏中的"显示规则"选项卡.默认情况下,优惠券会在 5 秒过期后显示在您网站的所有页面上.

Setting the display rules for your popup coupon

您可能希望将其更改为更长或更短的持续时间,或者基于访问者在您网站上的整体停留时间.您可能还希望仅在您网站的某些页面上显示优惠券.

我们将在潜在客户访问我们的网站至少 15 秒后显示我们的优惠券弹出窗口.这意味着即使他们在几个不同的产品页面之间快速移动,他们也会看到优惠券:

Setting your WooCommerce popup coupon to display after 15 seconds on site

最后一步是发布您的优惠券弹出窗口并使其在您的网站上生效.请按照文章末尾的说明获取相关帮助.

如何创建 WooCommerce 购物车放弃弹出窗口

您可能会因为放弃购物车而损失大量资金.

弹出窗口是提示访问者完成结帐的好方法.您可以创建一个特殊的 WooCommerce 弹出窗口,以便在用户位于购物车页面并离开您的网站时显示.

首先,在 OptinMonster 中创建一个新活动.您需要为广告系列类型选择"弹出".然后,继续为您的弹出窗口选择一个模板.我们将使用"Abandoning Checkout"模板:

Select a popup campaign then choose your template for your cart abandonment popup

现在,为您的弹出式广告系列命名并点击"开始构建"按钮:

Name your cart abandonment popup and start building

您选择的模板将在广告系列构建器中打开.您可以更改文本、颜色、字体等.只需单击要更改的元素:

Changing the text of your WooCommerce cart abandonment popup

完成更改后,不要忘记点击右上角的保存按钮.

Save your OptinMonster campaign

现在,是时候设置您的弹出窗口,使其显示在您的 WooCommerce 购物车页面上.首先,点击屏幕顶部的"显示规则"标签.

如果尚未选中,请单击此处的"页面停留时间"下拉菜单,然后单击"退出意图".OptinMonster 的退出意图技术可让您在用户表现出离开您网站的意图的准确时刻显示您的消息.

Setting up an exit intent display rule in OptinMonster

接下来,向下滚动页面.将此处的第一个下拉列表保留为"当前 URL 路径",并将第二个下拉列表设置为"完全匹配".在出现的框中,输入购物车页面的网址.

Setting a current URL path rule in OptinMonster

不要忘记保存您的更改.然后,转到"发布"选项卡,将您的优惠券投放到您的在线商店.您可以在后面的教程中找到相关说明.

如何创建 WooCommerce 交叉销售弹出窗口以推广相关产品

另一种促进销售的好方法是交叉销售您的产品.交叉销售是指您宣传的产品与客户已经购买的产品相匹配.

例如,如果您的客户购买夏季衬衫,那么他们可能也有兴趣购买太阳帽.或者,如果他们购买贺卡,那么他们可能还需要包装纸.

要在 OptinMonster 中创建交叉销售弹出窗口,您首先需要创建一个新广告系列.确保为广告系列类型选择"弹出",然后选择您想要的任何模板.

我们将在弹出窗口中使用"购物"模板.

Choose a popup campaign and select a template in OptinMonster

接下来,OptinMonster 将提示您为广告系列命名并选择要加载的网站.完成此操作后,只需点击"开始构建"按钮即可.

Name your cross-sell popup and click to start building

您将进入广告系列编辑器.在这里,您可以通过单击来更改模板的任何方面.我们为我们的广告系列上传了一张不同的图片:

Uploading a different image for the WooCommerce cross sell popup

更改文本、按钮等很容易.您甚至可以像我们一样直接包含优惠券,方法是删除电子邮件通讯注册字段.我们在弹出窗口中添加了额外的文本块以提供优惠券代码:

Adding text blocks to your cross-sell popup

如果您保持电子邮件注册,请确保编辑弹出窗口的"成功"视图以显示您选择的优惠券代码.

提示:如果您确实使用电子邮件注册,则还需要在"集成"选项卡下将 OptinMonster 链接到您的电子邮件提供商.我们在创建优惠券弹出窗口的分步指南中提供了相关说明.

制作完广告系列后,不要忘记点击右上角的"保存"按钮.

Save your OptinMonster campaign

为了向购物车中有特定产品的客户展示您的广告系列,您需要将 OptinMonster 与 WooCommerce 连接起来.

为此,请单击 WordPress 仪表板中的 OptinMonster 选项卡,然后单击"WooCommerce"选项卡.

Autogenerate the WooCommerce keys to connect OptinMonster and your WooCommerce store

您应该会看到一条消息,让您知道 WooCommerce 已与 OptinMonster 连接:

OptinMonster and WooCommerce are now connected

现在,返回 OptinMonster 应用并编辑您选择的广告系列.单击"显示规则"选项卡,然后选择"WooCommerce 购物车包含"和您为规则选择的产品:

Setting a 'cart contains' rule for your OptinMonster popup

您需要为要应用交叉销售的每个产品设置单独的规则.只需点击即可添加新的"或"规则:

Adding a new OR rule to add other products

然后,像以前一样添加您的规则:

Setting 2 rules for different products in your store

不要忘记点击屏幕右上角的"保存"按钮.现在,您只需按照本教程末尾的说明操作,即可在您的网站上显示弹出窗口.

如何创建 WooCommerce 追加销售弹出窗口以让客户消费更多

追加销售弹出窗口可让您鼓励客户购买比他们考虑的产品更贵的产品.

例如,如果您销售软件包,您可能会提供价格更高的计划的特价优惠.

要创建追加销售弹出窗口,您首先需要创建一个新的 OptinMonster 广告系列.为广告系列类型选择"弹出"并选择您要使用的任何模板.我们将使用"Flash"模板:

Choosing a template for your WooCommerce upsell popup

选择模板后,OptinMonster 会提示您为广告系列命名并选择要在其上运行的网站.完成此操作后,只需单击"开始构建"按钮:

Naming your WooCommerce upsell popup in OptinMonster

您现在可以通过点击项目来更改您喜欢的广告系列的任何内容.我们将把计时器切换为动态(常青)计时器.这意味着它将为每个客户单独设置:

Editing the timer for your upsell popup

如果您想立即向客户提供优惠券,只需删除电子邮件字段即可.使用"添加块"功能在此处添加带有优惠券代码的文本字段很容易.

Adding blocks to your upsell popup

对优惠券感到满意后,请点击右上角的"保存"按钮.然后,点击"显示规则"标签.

只需按照上面的说明进行交叉销售优惠券即可连接 OptinMonster 和 WooCommerce.然后,设置显示规则以在用户查看特定产品时显示弹出窗口:

Using a product targeting rule in OptinMonster's display rules

提示:不想经历连接 OptinMonster 和 WooCommerce 的步骤?您可以改为使用 OptinMonster 的页面定位规则来定位产品页面的网址.

设置显示规则后,请继续保存弹出窗口.然后,只需按照本教程末尾的说明将其发布到您的网站上即可.

如何创建一个游戏化的 WooCommerce 'Spin to Win' 弹出窗口

我们要查看的旋转轮弹出窗口有点不同.游戏化的"spin to win"弹出窗口为客户提供特别优惠或优惠券.这是提高转化率和整体参与度的有趣替代方案.

首先,在 OptinMonster 中创建一个新活动并选择游戏化活动类型.有 3 个模板可供您选择.我们将使用蓝轮:

Creating a gamified coupon wheel campaign in OptinMonster

OptinMonster 会提示您为广告系列命名并选择要加载的网站.完成此操作后,只需点击"开始构建"按钮即可.

Naming your gamified spin to win WooCommerce campaign in OptinMonster

您现在将在 OptinMonster 编辑器中看到优惠券轮模板.只需单击要更改的任何元素.要编辑滚轮上的不同选项,请单击它,然后单击"编辑滚轮部分"按钮:

Editing the different sections of your spin to win wheel

对优惠券轮感到满意后,点击屏幕顶部的"保存"按钮:

Make sure you save your completed spin the wheel popup

如果您需要更多关于设置优惠券轮的帮助,请按照我们的分步指南创建"旋转赢"弹出窗口.

您还需要将 OptinMonster 链接到您的电子邮件系统.为此,只需单击"集成"选项卡,然后单击"添加新集成"按钮:

Adding email integration to your spin the wheel popup

接下来,您需要从下拉列表中选择您的电子邮件提供商:

Select your email provider from the dropdown

按照屏幕上的说明将 OptinMonster 与您的电子邮件提供商连接.执行此操作后,不要忘记再次单击屏幕顶部的"保存"按钮.现在,您可以按照本教程末尾的说明在您的网站上实时显示弹出窗口.

如何为 WooCommerce 创建全屏弹出窗口

您可以为在线商店创建的另一个非常有效的弹出窗口是全屏 WooCommerce 弹出窗口.这使您可以欢迎新访问者并鼓励他们加入您的电子邮件列表.作为回报,您可以向他们提供特别折扣.

要在 OptinMonster 中创建全屏弹出窗口,请创建一个新广告系列并选择全屏广告系列类型.然后,选择一个模板.我们将在弹出窗口中使用 Estate 模板:

Choose the fullscreen campaign type and then pick a template

接下来,您需要为您的广告系列输入一个名称并选择它将在哪个网站上显示.准备就绪后,点击"开始构建"按钮.

Name your fullscreen campaign in OptinMonster

您现在将在 OptinMonster 构建器中看到您的全屏欢迎垫.您可以编辑文本和图像以适合您的商店.只需点击您想要更改的任何内容.

我们将通过单击文本并在左侧窗格中对其进行编辑来更改文本:

Editing your welcome mat

继续进行您想要的任何其他更改.

接下来,您需要通过单击"集成"选项卡将 OptinMonster 与您的电子邮件列表集成.有关这方面的说明,请查看我们的指南以旋转上面的轮子弹出窗口.

对欢迎垫感到满意后,请不要忘记单击"保存"按钮.然后,您可以移至"显示规则"标签:

Save your welcome mat design then move to the Display Rules tab

对于显示规则,您希望将欢迎垫设置为仅向首次访问者显示.为此,请点击"页面停留时间"下拉菜单并选择"新访问者"选项:

Change the 'time on page' dropdown to target new visitors

如果您希望欢迎垫显示在您网站的所有页面上,只需将"当前 URL 路径"下拉列表设置为"是任何页面".不要忘记点击屏幕顶部的"保存"按钮:

Our welcome mat will display for new visitors to the site, whichever page they arrive on

您现在可以按照以下说明继续在您的网站上显示弹出窗口.

有关更多提示,请查看我们为您的 WordPress 网站创建欢迎垫的指南.你也会在那里找到一些有用的例子.

将您的 WooCommerce 弹出窗口放在您的网站上

在创建任何弹出窗口后,您需要使其生效,然后它才会显示在您的网站上.首先,您需要单击 OptinMonster 应用程序中的"发布"选项卡.然后,点击"状态"切换按钮将其设置为直播.

Make your OptinMonster coupon live so you can add it to your site

注意:您的弹出窗口不会立即生效.您仍然需要在 WordPress 中使用它.

现在,返回您的 WordPress 管理员并单击 OptinMonster 菜单项.

Refresh your list of OptinMonster campaigns in WordPress

然后您应该会在此处看到您的弹出窗口:

Your WooCommerce popup should now appear in your list of campaigns

您需要点击"上线"按钮才能让您的广告系列上线:

Click the Go Live link to put your campaign live on your WooCommerce site

检查您的网站以确保您的弹出窗口按预期显示总是一个好主意.这是我们正在开展的交叉销售活动,当客户的购物车中有夏季衬衫时,将推广太阳帽:

The cross sell popup appearing when a summer shirt is in the customer's cart

我们希望本文能帮助您了解如何创建 WooCommerce 弹出窗口以增加销售额.您可能还喜欢我们为您的商店列出的最佳 WooCommerce 插件列表,以及我们对最佳 WooCommerce 托管服务提供商的比较,以加快您的商店速度.

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/how-to-create-woocomerce-pop-ups-to-increase-sales-6/

1
订阅评论
提醒
0 评论
内联反馈
查看所有评论