如何在 WooCommerce 中添加免费送货栏

技术教程 2021年11月5日
1167 0

您的 WooCommerce 商店是否提供免费送货服务?

提供免费送货是减少购物车放弃和提高整体销售转化率的行之有效的方法.挑战在于，大多数店主未能明确强调免费送货优惠.

在本文中，我们将教您如何在 WooCommerce 中添加免费送货栏以促进销售.

Adding a free shipping bar in WooCommerce

在 WooCommerce 中添加免费送货栏

运输成本是放弃购物车销售的主要原因之一.许多在线商店通过提供免费送货来解决这个问题.

让客户知道您的免费送货优惠是提高在线商店销售额的好方法.

这是一个免费送货栏的示例.这是一个突出的网站元素，当用户向下滚动时，它会停留在屏幕顶部:

Free shipping bar example

如您所见，上面的示例商店鼓励用户花费一定金额以获得免费送货.这是一个伟大的提高购物车订单价值和销量.

您可以使用 WooCommerce 的高级优惠券插件启用奖励性免费送货.

无论您如何启用免费送货，在您的网站上正确突出显示它是关键，这就是免费送货栏的用武之地.

要创建运输条，我们将使用 OptinMonster.这是用于创建所有类型的 WordPress 弹出窗口的强大工具.

创建 OptinMonster 帐户并连接 WordPress

首先，您需要访问 OptinMonster 网站并注册一个帐户.

注意:OptinMonster 由 WPBeginner 的创始人 Syed Balkhi 共同创建.这是我们在 WPBeginner 上使用的非常受欢迎的 optin 工具，我们强烈推荐它.

注册 OptinMonster 后，下一步是安装并激活适用于 WordPress 的免费 OptinMonster 插件.如果您不确定如何安装，请查看我们关于如何安装 WordPress 插件的分步指南.

此插件将 OptinMonster 应用程序连接到您的 WordPress 网站.激活它后，单击 WordPress 仪表板中的 OptinMonster 菜单.然后，单击"连接您的帐户"按钮并将 WordPress 连接到您的 OptinMonster 帐户.

Connect OptinMonster to your WordPress site

为 WooCommerce 创建免费送货栏

现在，您可以创建免费送货栏.首先，转到 WordPress 仪表板中的 OptinMonster 页面，然后点击右上角的"创建新活动"按钮.

Creating a new campaign in OptinMonster

这将带您进入 OptinMonster 活动构建器，您需要在其中选择"浮动栏"作为您的活动类型.

Select the Floating Bar campaign

接下来，向下滚动并选择您的广告系列模板.OptinMonster 有大量专业模板可供选择.我们将为 WooCommerce 免费送货栏使用警报模板.

将鼠标光标移到模板上，然后单击"使用模板"按钮:

Select the Alert template to start building your free shipping bar

OptinMonster 现在会提示您为广告系列命名.您可以在此处使用任何您喜欢的名称.

Name your OptinMonster campaign

您还可以选择要在哪些网站上投放广告系列.OptinMonster 应该已经在此处为您添加了您的网站.

准备好后，单击"开始构建"按钮.

然后您将看到 OptinMonster 构建器界面.它看起来像这样:

The default alert bar template in OptinMonster

默认情况下，浮动栏会粘在屏幕底部.如果您希望将其显示在屏幕顶部，则可以轻松更改.

只需点击左侧菜单中的浮动设置.然后，打开"在页面顶部加载浮动栏?"选项.

Load the floating bar at the top of the page

要更改栏中的文本，只需单击它.文本编辑器将在屏幕左侧打开.

Editing the text of your floating bar in OptinMonster

您可以根据需要自定义文本.您还可以更改字体样式、颜色、字体大小等.您的广告系列预览会自动更新，以显示其实际效果.

在这里，我们更改了文本和字体.我们还略微增加了字体大小:

Change the text of your floating bar

您也可以更改免运费栏上的按钮.只需单击按钮，设置将在左侧面板中打开.您可以在那里更改按钮的文本.

Editing the button on your free shipping bar

要将客户引导至您网站上关于免费送货的页面，请点击操作标签.然后，输入正确的重定向 URL:

Edit where the button redirects to on your website

如果您想为免费送货条使用不同的颜色，那也很容易.首先点击Home键返回主设计设置:

Click the Home button to return to the main display settings for your campaign

然后，您可以进入选项设置»选择视图样式以更改选择的颜色.

Go to Optin Settings -Optin View Styles to change the colors of your optin

单击"背景颜色"框后，您可以选择一种新颜色.您可以输入十六进制代码或使用颜色选择器.我们为我们选择了绿色:

Changing the background color for your campaign

如果您对免运费栏感到满意，请点击右上角的"保存"按钮.

Save your campaign using the green Save button at the top of the screen

接下来，您需要选择显示规则来控制谁应该看到您网站上的免费送货栏.只需点击屏幕顶部的"显示规则"标签即可.

Setting your display rules in OptinMonster

默认情况下，OptinMonster 会在用户在您网站的任何页面上停留 5 秒后显示您的浮动栏.

您可能希望立即加载免费送货条.为此，只需删除此规则.点击右侧的减号图标:

Have your free shipping bar appear instantly

现在，您应该得到"当前 URL 路径是任何页面"的规则.

最后一步是在您的网站上投放您的广告系列.单击屏幕顶部的发布选项卡.在您制作广告系列时，它默认处于暂停状态.你可以在这里开启.

Switch on your campaign under the Publish tab in OptinMonster

要将免费送货栏放在您的 WordPress 网站上，请转到 OptinMonster » WordPress 仪表板中的广告系列.单击"刷新营销活动"按钮以查看此处列出的免费送货栏营销活动.

Refresh your campaigns list in the WordPress dashboard

现在，您可以访问您的网站并实时查看您的免费送货栏:

Free shipping bar example

我们希望本文能帮助您了解如何在 WooCommerce 中添加免费送货栏.您可能还想查看我们为您的在线商店提供的最佳 WooCommerce 插件列表，以及我们对具有智能呼叫路由功能的最佳商务电话服务的比较.

com(12)WooCommerce(54)免费(6)
♥赞2

相关文章

发表回复