使用 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. 統計

在您對彈出窗口進行所有設置之後，您將如何確定它是否值得使用？ 我們為您提供了一些方便的統計數據。

您可以在插件的儀表板選項卡上查看添加到購物車彈出窗口的統計信息。

通過查看“添加到購物車”計數，您可以快速瀏覽一下，讓您知道有多少客戶使用彈出窗口將產品添加到購物車。 這與彈出展示次數相同。 從技術上講，我們不是這樣稱呼它的，因為如果用戶碰巧在彈出窗口出現後立即關閉了瀏覽器，那麼它不會在這裡增加。

收集的電子郵件計數讓您知道有多少客戶在彈出窗口中提供了電子郵件地址。 如果電子郵件捕獲是強制性的，則此計數和添加到購物車計數將相同。

最後，轉換率將讓您知道“添加到購物車”彈出窗口對於在結帳頁面之前收集來賓客戶的電子郵件地址的效果有多大。

如果要更改設置，則可以通過單擊報告右側的“編輯設置”按鈕直接編輯彈出模式設置。

此彈出窗口的目的不是為了煩人，而是為了減少購物車放棄並在此過程的早期捕獲電子郵件地址。

在整個下訂單週期中，客戶仍然只需要輸入一次電子郵件地址。

結論

在訂單流程早期捕獲電子郵件地址的能力對於減少未知用戶放棄購物車以及在他們放棄購物車後能夠恢復購物車非常重要。 這最終會導致您的商店銷售額增加。

如果這是您希望在商店中擁有的一項功能，您可以立即購買該插件。

我們期待收到您對此的反饋。