如何在WooCommerce中添加免費送貨欄(並增加銷售額)


你們在WooCommerce商店提供免費送貨嗎?

提供免費送貨是減少購物車放棄並增加整體銷售轉換率的行之有效的方法。 面臨的挑戰是,大多數商店的老闆都無法清楚地突出免費送貨優惠。

在本文中,我們將教您如何在WooCommerce中添加免費送貨欄以促進銷售。

在WooCommerce中添加免費送貨欄

在WooCommmerce中添加免費送貨欄

運輸成本是放棄手推車銷售的最主要原因之一。 許多在線商店通過提供免費送貨來解決此問題。

讓客戶知道您的免費送貨優惠是增加在線商店銷售額的好方法。

這是免費送貨酒吧的示例。 當用戶向下滾動時,它是一個顯著的網站元素,位於屏幕頂部:

免費送貨欄示例

如您所見,上面的示例商店鼓勵用戶花費一定的金額來獲得免費送貨。 這對於提高購物車訂單價值和超額銷售量是一個很好的選擇。

您可以使用WooCommerce的Advanced Coupon插件啟用激勵性免費送貨。

無論您如何啟用免費送貨,在您的網站上正確突出顯示它都是關鍵,這就是免費送貨的地方。

要創建運送欄,我們將使用OptinMonster。 這是用於創建所有類型的WordPress彈出窗口的強大工具。

創建一個OptinMonster帳戶並連接WordPress

首先,您需要訪問OptinMonster網站並註冊一個帳戶。

注意: OptinMonster由WPBeginner的創始人Syed Balkhi共同創建。 這是我們在WPBeginner上使用的極為流行的optin工具,我們強烈建議您使用。

在註冊OptinMonster之後,下一步就是安裝並激活適用於WordPress的免費OptinMonster插件。 如果您不確定如何安裝,請查看有關如何安裝WordPress插件的分步指南。

此插件將OptinMonster應用程序連接到您的WordPress網站。 激活它後,單擊WordPress儀表板中的OptinMonster菜單。 然後,單擊“連接您的帳戶”按鈕,並將WordPress連接到您的OptinMonster帳戶。

將OptinMonster連接到您的WordPress網站

為WooCommerce創建免費送貨欄

現在,您可以創建免費送貨欄。 首先,轉到WordPress信息中心中的OptinMonster頁面,然後單擊右上角的“創建新廣告系列”按鈕。

在OptinMonster中創建新的廣告系列

這將帶您到OptinMonster廣告系列構建器,在其中您需要選擇“浮動欄”作為廣告系列類型。

選擇浮動欄廣告系列

接下來,向下滾動並選擇您的廣告系列模板。 OptinMonster有多種專業模板可供選擇。 我們將對我們的WooCommerce免費送貨欄使用Alert模板。

將鼠標指針移到模板上,然後單擊“使用模板”按鈕:

選擇警報模板以開始構建免費送貨欄

OptinMonster現在將提示您命名廣告系列。 您可以在此處使用任何喜歡的名稱。

為您的OptinMonster廣告系列命名

您還可以選擇要在其上運行廣告系列的網站。 OptinMonster應該已經在這里為您添加了您的網站。

準備就緒後,單擊開始構建按鈕。

然後,您將看到OptinMonster構建器界面。 它看起來像這樣:

OptinMonster中的默認警報欄模板

默認情況下,浮動欄將停留在屏幕底部。 如果您希望將其顯示在屏幕頂部,則很容易更改。

只需單擊左側菜單中的浮動設置。 然後,打開“頁面頂部是否加載浮動欄?” 選項。

加載頁面頂部的浮動欄

要更改欄中的文本,只需單擊它。 文本編輯器將在屏幕的左側打開。

在OptinMonster中編輯浮動條的文本

您可以根據需要自定義文本。 您還可以更改字體樣式,顏色,字體大小等。 廣告系列的預覽將自動更新,以顯示其實時效果。

在這裡,我們更改了文本和字體。 我們還略微增加了字體大小:

更改浮動欄的文本

您也可以更改免費送貨欄上的按鈕。 只需單擊按鈕,設置將在左側面板中打開。 您可以在那裡更改按鈕的文本。

編輯免費送貨欄上的按鈕

要將客戶引導到您網站上有關免費送貨的頁面,請單擊“操作”選項卡。 然後,輸入正確的重定向URL:

編輯按鈕重定向到您網站上的位置

如果您想在免費送貨欄上使用其他顏色,那也很容易。 首先,單擊“主頁”按鈕以返回到主要設計設置:

點擊主頁按鈕以返回廣告系列的主要顯示設置

然後,您可以轉到 最佳設置»最佳視圖樣式 改變您選擇素的顏色。

轉到“ Optin設置-Optin View樣式”以更改Optin的顏色

在背景顏色框中單擊後,您可以選擇一種新的顏色。 您可以輸入十六進制代碼或使用顏色選擇器。 我們為我們選擇了綠色:

更改廣告系列的背景顏色

對免費送貨欄感到滿意後,請點擊右上角的保存按鈕。

使用屏幕頂部的綠色“保存”按鈕保存廣告系列

接下來,您需要選擇顯示規則,該規則控制誰應該在您的網站上看到免費送貨欄。 只需單擊屏幕頂部的顯示規則標籤。

在OptinMonster中設置顯示規則

默認情況下,用戶進入網站的任何頁面5秒鐘後,OptinMonster都會顯示浮動條。

您可能希望立即加載免費送貨欄。 為此,只需刪除此規則。 單擊右側的減號圖標以執行此操作:

讓您的免費送貨欄立即顯示

現在,應該留給規則“當前URL路徑是任何頁面”。

最後一步是將廣告系列投放到您的網站上。 點擊屏幕頂部的發布標籤。 在製作廣告系列時,默認情況下它已暫停。 您可以在這裡打開它。

在OptinMonster的“發布”標籤下打開廣告系列

要將免費送貨欄放到WordPress網站上,請轉到 OptinMonster»廣告活動 在您的WordPress儀表板中。 單擊刷新廣告系列按鈕以查看此處列出的免費送貨欄廣告系列。

刷新WordPress儀表板中的廣告系列列表

現在,您可以訪問您的網站並實時查看免費送貨欄:

免費送貨欄示例

我們希望本文能幫助您學習如何在WooCommerce中添加免費送貨欄。 您可能還需要查看我們為您的在線商店提供的最佳WooCommerce插件列表,以及我們對具有智能呼叫路由功能的最佳商務電話服務的比較。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。