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

03/29/2024

在 WooCommerce 中添加免费送货栏

运费是导致购物车销售放弃的主要原因之一。许多在线商店通过提供免费送货来应对这一问题。让客户知道您的免费送货优惠是提高线上商店销售额的好方法。

例如,一个免费送货横幅。它是一个突出的网页元素,当用户向下滚动时,它会始终显示在屏幕顶部:

如您所见,以上商店鼓励用户消费一定金额以获得免费送货。这有助于提高购物车的订单价值和总体销售量。

您可以使用 WooCommerce 的 Advanced Coupon 插件启用免费送货激励。不论您如何启用免费送货,在网站上正确突出显示它是关键,而这正是免费送货栏的用武之地。

要创建免费送货栏,我们将使用 OptinMonster。这是创建各种 WordPress 弹出窗口的强大工具。

创建 OptinMonster 账户并连接 WordPress

首先,您需要访问 OptinMonster 网站并注册一个账户。这是最好的潜在客户生成软件和 WordPress 转换优化插件。

请参阅我们的 OptinMonster 完整评论以了解更多详情。

注册完成后,下一步是安装和激活免费的 OptinMonster 插件。请查看我们的 WordPress 插件安装指南以详细了解。

激活插件后,点击 WordPress 仪表板中的 OptinMonster 菜单。然后,点击“连接您的账户”按钮,将 WordPress 连接到您的 OptinMonster 账户。

为 WooCommerce 创建免费送货栏

现在,您可以创建您的免费送货横幅栏。首先,转到 WordPress 仪表板中的 OptinMonster 页面,然后点击右上方的“添加新”按钮或点击“创建您的首次活动”按钮。

一个新弹出窗口将打开,您可以在其中选择模板或操作手册。OptinMonster 提供了美观的活动模板。您可以选择一个并根据需要进行自定义。它还提供基于成功品牌的即用型活动。

我们在此教程中选择“模板”选项。

这将带您进入 OptinMonster 活动构建器。

在这里,您需要选择“浮动栏”作为您的活动类型。

然后,下拉并选择您的活动模板。OptinMonster 提供了大量专业模板。将鼠标移到模板上并点击“使用模板”按钮。

OptinMonster 现在会要求您命名您的活动。您可以使用任何喜欢的名称。

准备好后,点击“开始构建”按钮。

您将看到 OptinMonster 构建器界面,您可以在其中向模板添加不同的块。

默认情况下,浮动栏将固定在屏幕底部。如果您希望它显示在屏幕顶部,可以轻松更改。

只需选择浮动栏,然后点击左侧菜单中的“浮动栏设置”。然后,打开“在页面顶部加载浮动栏?”选项。

要更改栏中的文本,只需点击它。

您可以根据需要自定义文本,还可以更改字体样式、颜色、字体大小等。活动预览将自动更新以显示实际效果。

这里,我们更改了文本和字体,并稍微增大了字体大小:

您也可以更改免费送货栏上的按钮。

只需点击按钮,设置将在左侧面板中打开。您可以在此更改按钮的文本。

要引导客户前往关于免费送货的 WordPress 网站页面,可以输入正确的重定向 URL。

如果您希望使用其他颜色的免费送货栏,也很简单。首先,点击左侧菜单中的“高级”标签,然后更改按钮的背景颜色。

下一个步骤是选择控制谁能在您网站上看到免费送货栏的显示规则。

只需点击屏幕顶部的“显示规则”标签。

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

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

现在,您应该只剩下“当前 URL 路径为任意页面”规则。

此外,您还可以选择不同的显示规则。例如,您可以在退出时或为特定地理区域的用户或在访问特定产品页面时显示免费送货栏。

最后一步是使您的活动在网站上上线。点击屏幕顶部的“发布”标签。

在创建活动期间,它默认处于暂停状态。您可以将其从草稿变为发布。

完成后,只需点击“保存”按钮并关闭活动构建器。

接下来,您将看到免费送货通知栏的活动输出设置。确保状态为已发布,或者只需点击下拉菜单并将其从待定更改为已发布。

完成后别忘了点击“保存更改”按钮。

现在,您可以访问您的 WordPress 博客或网站,查看免费的送货栏。

这是我们的演示购物网站上警报栏的预览图。

希望这篇文章能帮助您了解如何在 WooCommerce 中添加免费送货栏。您可能还会想查看我们推荐的 WooCommerce 插件列表以及我们对最佳商业电话服务的对比。

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



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>