16個WooCommerce支付頁面優化技巧以提高轉化率

16個WooCommerce支付頁面優化技巧以提高轉化率

作為 WooCommerce 商店的所有者,您花費了大量的時間和金錢為您的商店帶來流量,然後引導您的訪客實現轉化,但卻發現他們中的絕大多數人都沒有進行任何購買就離開了。

如今有 69.57% 的購物車被放棄

要想提高商店的銷售額和利潤,您必須使用有效的結賬優化方法。

在本指南中,我們將介紹一些結賬頁面優化的想法,以減少訪客購買過程中的一些摩擦,幫助您最大限度地提高轉化率,從而增加收入和客戶。

1) 隱藏不必要的欄位

約有 26% 的購物者因結賬表單欄位過多而放棄潛在購買。

Baymard 研究所的研究發現,結賬流程中平均有 14.88 個不必要的欄位

當購物者看到大量的表單欄位和選擇讓他們完成結賬流程時,通常會感到沮喪和困惑。

ast-woo-checkout-optimization-reasons-for-abandonment-new

向訪客展示的表單欄位越少,他們就越不會不知所措,也就越有可能轉化為客戶。

根據 Baymard 研究所對最大零售商的研究,實物產品的最佳選擇是 6 到 8 個表單欄位。

只要能減少欄位數量,就能增加他們轉化為客戶的機率。

在標準的 WooCommerce 結賬頁面中,有將近 18-20 個欄位。

ast-woo-checkout-optimize-default-woo-checkout

讓我們來看看一些低垂的果實–您可以立即優化或刪除的表單欄位。

a) 隱藏公司名稱

預設情況下,“公司名稱”是標準 WooCommerce 結賬頁面中的必填欄位。

如果您的銷售是嚴格意義上的 B2C 領域(直接面向消費者),那麼這個欄位與他們完全無關。那麼,為什麼要求他們填寫呢?

這裡有一個例子–Square Baby Food 是一家 WooCommerce 商家,專門向父母(消費者)銷售有機嬰兒食品。

他們完全刪除了這些欄位。

ast-woo-checkout-optimize-remove-company-name-new-2

如果您既向消費者銷售,也向企業銷售呢?

那麼您可能需要保留這個欄位,而不是將其隱藏起來。

這裡有一個例子–AllBlacks (紐西蘭國家橄欖球隊)向個人球迷和公司銷售商品。

他們會顯示 “公司名稱”,但該欄位是可選的,客戶可以選擇填寫。

ast-woo-checkout-optimize-company-name-optional-new

b) 隱藏電話號碼欄位

隱私是當今消費者最關心的問題,這一點不足為奇。

在 E-Marketer 的一項研究中,約 71%的消費者擔心營銷人員和品牌如何使用他們的資料。

因此,人們自然會對分享任何型別的個人資料(個人電子郵件、電話號碼、姓名、地址、信用卡資訊等)持懷疑態度。

歐盟於 2018 年推出了 GDPR,很快美國更多的州和其他地區也將跟進,以保護消費者的隱私。

要求客戶分享任何個人資訊已經變得很困難,這也適用於要求客戶提供電話號碼。

而且,事實證明,要求訪客輸入電話號碼會降低轉化率。

一家名為 “VITAL”的機構進行的一項拆分測試實驗證明,通過新增電話號碼欄位,他們的一個登陸頁面的轉化率下降了 48%。

ast-woo-checkout-optimize-phone-number-results-new

這也適用於結賬頁面。

要求提供電話號碼會增加顧客的懷疑態度,增加他們放棄購物車的機率。

WooCommerce 結賬頁面有一個預設的 “電話號碼”欄位。

我們建議您隱藏或刪除該欄位,除非您真的需要他們的電話號碼(用於客戶服務、訂單確認等)。

c) 隱藏第二個街道地址欄位

Baymard Institute 進行的使用者體驗測試中,“Address Line 2”或 “2nd Street Address”是導致訪客困惑和停止購買流程的一個欄位(約佔 30%)。

此外,第二個街道地址並不通用。

第二地址通常只適用於少數使用者(不是每個消費者都有第二地址)。

因此,我們建議您完全隱藏這個欄位。

下面是一個經過優化的 WooCommerce 結賬頁面示例。

Scan2Cad 是一家總部位於英國的軟體公司。

他們在結賬頁面中完全刪除了第二行地址。

ast-woo-checkout-optimize-scan-cad-address-field-removed

2) 預設使用發貨地址作為賬單地址

正如我們在上文所討論的那樣–向訪客顯示的表單欄位越少,他們完成結賬流程的速度就越快,也就越快成為你的客戶。

“賬單地址” 是另一組需要訪客額外按鍵的表單欄位,會增加更多時間。

在大多數情況下,您甚至不需要他們填寫。大多數客戶的賬單地址和送貨地址都是一樣的。

電子商務商家要求填寫賬單地址的主要原因是為了匹配支付/信用卡資訊,降低風險。

但是,如果您的支付提供商(Stripe 或 PayPal)已經優化了這一流程,則可能根本不需要這一步驟。

ast-blog-woo-checkout-optimize-shipping-address

3) 減少優惠券的顯著性

優惠券在幫助您的電子商務業務增長方面肯定有其作用。

您可以用它們來吸引新顧客光顧您的商店。

您可以用折扣來吸引 “櫥窗購物者”,從而鼓勵他們轉化。

此外,優惠券還可以用來爭取新客戶,然後在未來對他們進行潛在的追加銷售。

優惠券也有其缺點。

最明顯的當然是,它降低了企業的利潤率。

此外,它也給了訪客一個離開結賬頁面的理由。

顧客可能已經準備好購買,但他們看到了優惠券欄。

那麼他們會怎麼做呢?

他們離開購物車,去網上搜尋促銷程式碼。

作為購物者,我們都會這樣做,對嗎?

WooCommerce 結賬就存在這個普遍問題。

預設情況下,優惠券部分會顯示出來,很難不被忽略。

有很多有創意的方法可以解決這個問題。

您可以完全隱藏優惠券,或者將其重新命名為其他欄位。

您還可以將表單欄位的位置移動到其他位置,最好是在必填表單欄位的上方。

下面是一個例子。

One Leaf Shop使用 WooCommerce 銷售有機肥皂。

他們在其他必填表單欄位上顯示了一個 “有優惠券嗎?

當訪問者點選該按鈕/圖示時,它將展開

這比預設設定的破壞性要小。

ast-woo-checkout-optimize-coupon-option-newast-woo-checkout-optimize-coupon-option-section-new

4) 使用內聯錯誤驗證

另一個 WooCommerce 結賬頁面預設設定是在頁面頂部顯示所有錯誤資訊。

對於訪問者來說,這是一種令人沮喪的使用者體驗,而且肯定會拖慢結賬流程。

現在,使用者必須搜尋相應的欄位並逐一進行必要的更改。

這也是不好的使用者體驗做法。想象一下,顧客看到頂部閃爍的巨大紅色訊號,會是什麼感覺?

ast-woo-checkout-optimize-require-inline-error-validation-new

取而代之的是使用內聯錯誤驗證。

啟用此功能後,訪問者就能清楚地知道他們需要修改哪些內容才能繼續下一步。

下面是一個例子,請看我們 Cartflows 的結賬頁面。

錯誤資訊顯示在相應欄位的內嵌欄位中。

這使得使用者介面更加簡潔,使用者也能清楚地知道需要在哪些地方進行更改。

ast-woo-checkout-optimize-inline-error-validation-example-new

5) 刪除表單欄位中的標籤

絕大多數電子商務網站都在所有表單欄位中使用標籤。

這看起來確實像是在通過顯示所有需要使用者填寫的資訊來引導使用者。

然而,可用性測試和研究表明,標籤會造成更多混亂。

它們實際上增加了使用者填寫欄位的難度

UX Matters 進行的一項研究發現,最有效、最值得推薦的方法是不使用內嵌標籤,而是將它們顯示在輸入欄位的上方。

這裡有一個例子–CoffeeBros 在網上銷售咖啡豆,他們使用的是 WooCommerce。

第一印象–他們的結賬頁面使用者介面非常簡潔。

因為沒有標籤,所以看起來很整潔。

對於訪問者來說,他們清楚地知道要填寫什麼,因為標籤就放在輸入框的上方。 這也為使用者提供了非常友好的移動結賬體驗。

ast-woo-checkout-optimize-clean-ui-checkout-new

6) 消除頁面干擾

結賬頁面的最終目標是什麼?

更多轉化、更多銷售、更多客戶,對嗎?

如果這是目標,那麼就不要顯示任何不需要顯示的內容。

顯示的可點選按鈕越多,如產品、社交媒體圖示等。- 他們就越有可能點選並離開結賬頁面。

這同樣適用於著陸頁面和電子商務結賬頁面。

下面是 Cavour (一家高階男裝店)的一個很好的例子。

在我們的研究中,這可能是我們遇到過的最簡潔的 WooCommerce 結賬頁面之一。

他們完全去掉了頁首和頁尾,這個頁面只顯示完成銷售所需的消費者資訊。

ast-woo-checkout-optimize-distraction-free-checkout-new

7) 自動檢測他們的國家(使用 IP 地址)

如果您的訪客來自世界各地,那麼您的支付選項、運輸選項、貨幣等都必須根據他們的所在地進行更改。

您甚至可能無法向該國發貨或銷售。您最好事先告訴他們,而不是讓他們經歷整個過程,最後卻大吃一驚。

要解決這個問題–使用自動檢測他們的 IP 地址。

根據他們的 IP 地址,您的結賬頁面會自動選擇他們所在的國家,並顯示正確的資訊。

這裡有一個例子:Chuckling Goat 在英國生產和銷售羊奶和羊奶副產品。

我們在研究他們的結賬頁面時,網站自動檢測到我們不在英國,並顯示了這條資訊。

這就節省了訪客的時間,他們會立即收到是否能買到產品的通知。

ast-woo-checkout-optimize-auto-detect-country-by-ip-new

8) 根據郵編自動檢測地址

約有 4.7% 的消費者會出現發貨錯誤。

這個數字看起來並不大,但每一次發貨錯誤都會讓您這樣的商家平均損失 35 到 70 美元。

從長遠來看,這無疑會增加並影響您的利潤率。

為了降低將商品傳送到錯誤地址的風險,請使用郵編/郵政編碼驗證。

這將降低您的總體運費。

它還能減少訪客需要填寫的表單欄位數量,從而節省時間並降低購物車放棄的機率。

有一些 WooCommerce 擴充套件工具可以幫助您解決這個問題。

您只需詢問他們的郵政編碼,地址驗證就會自動完成。

ast-woo-checkout-optimize-postal-code-in-action

9) 包括多種付款方式

6% 的使用者放棄購物車是因為沒有足夠的支付選項。另有 4% 的使用者因為信用卡被拒而放棄購物車。

ast-woo-checkout-optimize-reasons-for-abandonment-due-to-payment-new

在移動為先的數字世界裡,消費者擁有比以往更多的支付方式,他們希望在購物時有更多的選擇(無論是線下還是線上)。

如果您只提供傳統的選擇(VISA、萬事達卡),那麼您就會錯過那些不想使用這些卡而希望使用其他卡或系統付款的客戶。

ast-woo-checkout-optimize-payment-options

我們一直在討論無障礙結賬流程,其中一個明確的方法就是為客戶提供多種付款方式。

這裡有一個例子 –OneStop Map是一家銷售數字地圖的 WooCommerce 商店。

他們提供多種信用卡選項(Visa、MasterCard、Amex、Discover、JCB),因此可以滿足所有信用卡持有者的需求。他們還提供使用 PayPal 付款的選項,PayPal 作為電子商務付款的一種選擇在不斷增加

ast-woo-checkout-optimize-payment-options-example-new

10) 突出安全和信任印記

正如我們之前所討論的,隱私是當今消費者最關心的問題。

在一些調查中,多達 61% 的參與者表示,他們曾決定不從商店購買產品,因為產品缺少信任標識或沒有 SSL 加密。17%的購物車因為顧客不放心而被放棄。

為了讓客戶放心並感到安全,請新增信任標記。同時,確保您的網站採用 SSL 加密。

Blue Fountain Media對他們的結賬頁面進行了分拆測試–僅僅通過新增威瑞信信任標記,他們就發現轉化率提高了 42%

這裡有一個例子–Ghostbed,一家床墊零售商,在他們的 WooCommerce 結賬頁面上突出顯示了他們的諾頓信任印章。

ast-woo-checkout-optimize-best-example-security-seal-new

11) 向客戶保證他們的信用卡資訊是安全的

約 18% 的客戶或消費者在不確定其信用卡安全的情況下會離開購物車。信用卡欺詐每年都在增加,客戶希望確保在您的網站上購物不會成為欺詐的受害者。

ast-woo-checkout-optimize-trust-issues-new

通過安裝 SSL、新增信任印章和明確顯示隱私政策,您可以減少他們的恐懼,並保證從您這裡購物是安全的。

我們選擇在 Brainstorm Force 的許多結賬頁面上這樣做。我們在一個區域顯示了信任印章和我們的所有政策。我們發現這樣做非常有效,因為遊客在開始輸入付款資訊之前就已經看到了。

ast-woo-checkout-optimize-example-trust-seal-and-policies-new

12) 突出客戶評論

大量網站訪客還沒有準備好購買。

他們是 “櫥窗購物者”,只是在瀏覽或檢視價格。

因此,一旦他們訪問結賬頁面,他們肯定會跳轉。

你不可能讓他們全部轉化,但你肯定可以通過展示一些社會證明來影響一些人。

客戶評論就是一個很好的例子。

亞馬遜就是使用客戶評論的最好例子。

如果您嘗試在亞馬遜上購買任何商品,他們都會出色地展示評論。

ast-woo-checkout-optimize-display-reviews-new

Ghostbed 是一家 WooCommerce 商店,它通過在結賬頁面和主頁上顯示客戶評論很好地做到了這一點。

甚至在客戶進入結賬階段之前,他們就已經知道該產品已經被 17000 多名其他客戶購買並評論過,從而獲得了安慰和信心。

ast-woo-checkout-optimize-display-customer-reviews-new

13) 傳送購物車提醒郵件

電子郵件營銷仍然是最有效的營銷渠道之一–在電子郵件營銷上每花費 1 美元,就能產生 32 美元的投資回報率

要想充分發揮電子郵件營銷的功效,電子商務無疑是其中之一。

傳送購物車放棄電子郵件幾乎是所有大型零售商廣泛採用的策略。

為什麼呢?因為它有效!

GetElastic 的一項研究發現,將近 50% 的購物車放棄郵件被開啟,其中超過三分之一的人點選返回網站並最終購買。每一封購物車放棄郵件都能帶來 5 美元的收入。

(資訊圖表如下)。

ast-woo-checkout-optimize-abandonment-email-infographic-new

因此,你可以理解為什麼幾乎所有大型零售商都會使用這種結賬優化方法。

購物車放棄電子郵件不僅是讓使用者再次光顧的簡單而聰明的方法,而且還能增加收入(回收購物車的平均訂單價值比正常購買高 19%)。

我們開發了一個免費的購物車提醒外掛,可以幫助您實現這一目標。

該外掛可幫助您從頭開始建立電子郵件,甚至使用其中已有的成熟模板。

您還可以將它與 Mautic、ActiveCampaign 等外部工具整合,以管理您的電子郵件營銷活動。

Cart-Abandoned-Followup-Emails

14) 新增退出意圖彈出視窗

減少購物車放棄率的一個簡單易行的解決方案是提供退出意圖。 這無疑是在客戶離開網站前挽回客戶的最後一搏。

退出意圖被廣泛應用於許多地方–網頁、部落格文章、登陸頁面,當然還有電子商務。

事實證明,它能挽救約 10% 至 15% 的放棄購物車訪客。

cpro-exit-intent-popup

退出意向的另一個好處是,它可以幫助你獲取他們的電子郵件地址(至少是),你以後可以用它來培養他們。

與傳統的電子郵件營銷活動相比,培育營銷活動的回覆率為 4%-10%

這讓您有機會與訪客建立關係,從而為他們未來的購買預熱。

15) 新增一個閃爍的瀏覽器標籤

在結賬過程中,您的訪客可能會去競爭對手的網站或亞馬遜網站比較價格。

他們甚至會開啟一個新標籤來搜尋優惠券或促銷程式碼。

此時,他們的注意力已經不在你的網站上,而是在另一個頁面/標籤上。

您可以使用閃爍的瀏覽器標籤,將他們的注意力拉回到您的網站上。

您可以在瀏覽器標籤中設定自定義通知,提示他們回到您的頁面。

這還能為您省錢。在您將資金投入到重定向廣告之前,這可能是一個簡單的解決方案,可以讓這些客戶立即回到您的網站。

下面是一個電子商務商店 ThreadJungle 瀏覽器標籤的好例子,該商店銷售街頭服飾。

在下圖中,你會發現只要我們開啟另一個標籤頁,ThreadJungle 瀏覽器標籤頁就會顯示一條資訊 “你忘了東西”。

這無疑吸引了我們的注意力,吸引我們回到他們的網站。

ast-woo-checkout-optimize-flashing-tab-example-1024x664-1

16) 新增訂單提升

不要與交叉銷售或追加銷售混淆,訂單突起是一種有效的結賬優化方法,可以最大限度地提高單個客戶的 AOV(平均訂單價值)。

在顧客準備完成交易前的結賬過程中,會顯示訂單提示。

它可以是補充產品,也可以是他們準備購買的產品的附加產品。

需要注意的主要一點是,跳單的價值必須小於原始購買。

這裡有一個典型的例子–每當你從亞馬遜購買任何電子產品時,他們總會在你最後結賬前顯示延保選項。

亞馬遜訂單提升的另一個例子是 “優先送貨”。

訂單刺激之所以有效,是因為客戶已經做好了從您的商店購物的準備。

心理阻力已經降低,他們更有可能購買額外的商品。

下面是 Designrr (電子書製作軟體)的一個例子。

在 “立即購買”按鈕上方,他們顯示了一個帶有限量優惠的訂單凸起。

價格相對較低,而且由於該產品與最初購買的產品相關,因此客戶更有可能探索該產品。

ast-woo-checkout-optimize-add-order-bump-new

小結

我們已經介紹了 16 種行之有效的結賬優化方法,您可以立即使用這些方法來減少購物車放棄率,提高店鋪銷售額。

評論留言