使用 WooCommerce Abandoned Cart Pro 插件在结帐页面之前捕获访客电子邮件地址

对于 Abandoned Cart 插件，许多客户询问我们是否有办法在结帐页面之前捕获电子邮件地址。 由于这从未出现在插件的路线图中，我们有点忽略了这个功能。 直到后来我们才意识到这可以证明对抑制购物车放弃率非常有效。

今天，在写这篇文章的时候，我们已经完成了这个功能的实现。 我们在插件的 v6.0 中发布了添加到购物车弹出模式。

让我们看看如何使用“添加到购物车”模式弹出窗口捕获来宾用户的电子邮件地址的详细工作。

添加到购物车弹出模式

我们将研究 3 个部分，以便更好地理解弹出模式。

1. 弹出编辑器设置
2. 前端弹出显示
3. 统计数据

1.弹出编辑器设置

弹出模式设置允许您为各种选项配置弹出窗口，例如要显示的文本、电子邮件捕获是强制性的还是可选的、颜色等。

您可以在以下位置找到它们：WooCommerce -> 废弃购物车 -> 设置 -> 添加到购物车弹出编辑器设置页面。

在这里，您可以根据您的业务需求进行更改。 让我们来看看每个设置。

1. Enable Add to cart popup modal ：此设置允许您选择是否应在前端显示此弹出模式。 如果切换按钮为绿色，则该设置已启用，并且“添加到购物车”弹出窗口将显示给您网站上的来宾客户。

默认情况下，弹出模式设置为在安装插件时不显示。

2.模态标题：它将允许您更改弹出标题和标题文本的颜色。

3.模态文本：它将允许您更改出现在标题下方的描述的文本和颜色。

4.电子邮件占位符：您可以更改将显示在弹出模式中的电子邮件地址字段的占位符文本。

5.添加到购物车按钮文本：它将允许您更改将产品添加到购物车的弹出模式按钮的文本。 除了此设置，您还可以更改按钮背景颜色以及文本颜色。

6.电子邮件地址是强制性的吗？ ：使用此设置，您可以决定您的客户是否应始终提供电子邮件地址。 如果切换按钮为绿色，则访客客户必须提供电子邮件地址。

并且它将隐藏弹出模式右上角的非强制性文本和关闭按钮。 如果用户将关闭弹出模式，则产品将被添加到购物车中。

如果切换按钮被禁用，那么它将允许您设置不提供电子邮件地址的文本。 命名为非强制文本的设置将允许您更改文本。

实时弹出预览

这些设置中更有趣的部分是，您可以在模态框的右侧预览中观察文本和所选颜色的实时变化。 当您更改左侧字段的设置时，它将在右侧显示实时预览。

我们使用Vue.js 的 2-way 绑定来显示更改的实时预览。

完成所有更改后，您可以通过单击“保存更改”按钮来保存设置。 此外，如果要重置为弹出模式设置的默认配置，则可以单击重置为默认配置按钮。 它将清除弹出模式的所有设置并将所有字段数据设置为默认值。

2.前端弹窗展示

当您的客户单击“添加到购物车”按钮时，此弹出模式将显示在商店页面或产品页面上。 您可以在下方查看“添加到购物车”弹出模式将如何在您的网站上为访客用户呈现。

当电子邮件地址捕获不是强制性时，在商店页面上添加到购物车弹出模式

当必须捕获电子邮件地址时，在商店页面上添加到购物车弹出模式

当电子邮件地址捕获不是强制性时，在产品页面上添加到购物车弹出模式

当必须捕获电子邮件地址时，在产品页面上添加到购物车弹出模式

当访客用户单击“添加到购物车”按钮时，它将立即打开上方的弹出窗口以询问电子邮件地址。 它将帮助您立即而不是在结帐页面上捕获来宾用户的电子邮件地址。 如果用户稍后放弃购物车，这将有机会恢复用户的购物车。

当客户在弹出模式中提供电子邮件地址时，该电子邮件地址将直接填充到结帐页面的电子邮件地址字段中。

我们没有使用 cookie 来存储客户的电子邮件地址，而是使用了浏览器的本地存储。 一旦客户将产品添加到购物车（带有或不带有电子邮件地址），下一个弹出窗口将在 24 小时后显示，之后显示第一个弹出窗口。

3. 统计

在您对弹出窗口进行所有设置之后，您将如何确定它是否值得使用？ 我们为您提供了一些方便的统计数据。

您可以在插件的仪表板选项卡上查看添加到购物车弹出窗口的统计信息。

通过查看“添加到购物车”计数，您可以快速浏览一下，让您知道有多少客户使用弹出窗口将产品添加到购物车。 这与弹出展示次数相同。 从技术上讲，我们不是这样称呼它的，因为如果用户碰巧在弹出窗口出现后立即关闭了浏览器，那么它不会在这里增加。

收集的电子邮件计数让您知道有多少客户在弹出窗口中提供了电子邮件地址。 如果电子邮件捕获是强制性的，则此计数和添加到购物车计数将相同。

最后，转换率将让您知道“添加到购物车”弹出窗口对于在结帐页面之前收集来宾客户的电子邮件地址的效果有多大。

如果要更改设置，则可以通过单击报告右侧的“编辑设置”按钮直接编辑弹出模式设置。

此弹出窗口的目的不是为了烦人，而是为了减少购物车放弃并在此过程的早期捕获电子邮件地址。

在整个下订单周期中，客户仍然只需要输入一次电子邮件地址。

结论

在订单流程早期捕获电子邮件地址的能力对于减少未知用户放弃购物车以及在他们放弃购物车后能够恢复购物车非常重要。 这最终会导致您的商店销售额增加。

如果这是您希望在商店中拥有的一项功能，您可以立即购买该插件。

我们期待收到您对此的反馈。