結賬頁面 UI 和 UX 最佳支付轉化率最佳實踐

許多電子商務所有者專注於優化他們的整體網站和在線商店設計，而忽視了他們的結賬頁面。 優化您的結賬 UI 並改善結賬體驗將導致更少的卡放棄和增加銷售額。

放棄購物車要花多少錢？

根據 Baymard Institute 的數據，平均記錄在案的在線購物車放棄率高達 69.89%。 這個數字是通過對 40 項關於購物車放棄的不同研究的平均值得出的，其中一些研究的平均購物車放棄率高達 81% 以上！

根據 Baymard 的說法，以下是消費者放棄在線購物車的 10 大原因：

• 60%——額外成本（如運費或稅費）太高。
• 37% – 該網站需要註冊一個帳戶。
• 28% – 結賬體驗太長或太複雜。
• 23%——用戶無法預先計算總成本。
• 20% – 網站崩潰或有錯誤。
• 19% – 用戶不信任該網站的信用卡信息。
• 18%——交付速度太慢。
• 11%——沒有好的退貨政策。
• 8%——沒有足夠的支付方式。
• 4%——信用卡被拒絕。

在本文中，我們將重點討論如何解決這 10 個問題，以便更多消費者堅持購買。 我們還將介紹有關如何優化結帳流程以增加銷售額的其他提示。

您可以從改進結帳頁面 UI 和 UX 中獲得什麼？

據 Baymard 稱，統計數據顯示，通過優化結賬體驗，您可以將轉化率提高 35% 以上。 這將有助於您的底線，並使您能夠對您的業務進行更多投資並以更快的速度發展。

美國和歐盟可收回的電子商務總銷售額的 35% 轉化為 2600 億美元——這可不是一個小數目！

以下是有關如何改進結帳 UI 和 UX 的 22 條提示。 這些提示分為四大類：

• 改進實際的結賬和購買流程
• 增加用戶信任
• 改進網站和結帳頁面設計
• 使用經過驗證的營銷技術獲得更多轉化

如果您發現自己在上述 10 大購物車遺棄原因方面落後了，請先集中精力解決這些問題。

改進結帳頁面用戶體驗

以下提示將側重於改進您網站上的結賬用戶體驗。

1. 提前了解總成本

對於在線購物者來說，沒有什麼比找到他們認為可以負擔得起的優質產品更令人沮喪的了，但當他們被要求結賬並被要求輸入他們的付款信息時，卻不得不支付額外的費用、稅費或運費。

通過查看酒店預訂網站，可以看到一個不該做什麼的例子。 根據 MoneySavingExpert 的一項調查，當用戶搜索房源時，某些網站有時會顯示每家酒店在稅費和附加費之前的價格。 用戶只有在點擊預訂按鈕後才能了解這些額外費用。

沒有被告知最終價格使消費者難以選擇他們想要購買的產品（例如，哪些酒店實際上是最便宜的）。

然而，這還不是最糟糕的問題——許多消費者可能會因額外的結賬付款而推遲，並在未付款的情況下離開您的網站。

因此，請確保在用戶將產品添加到購物車之前，清楚地顯示和指示產品的任何稅費或運費。

此外，當用戶看到完成他們的結帳付款時，他們應該看到每個產品的單獨成本以及他們購物車中所有產品的總成本是多少（同樣，包括稅費和運費）。

2. 讓用戶以訪客身份結賬

不要強迫用戶在結帳之前註冊和創建帳戶。 訪問者可能會匆忙而沒有心情創建帳戶，這通常涉及花時間填寫幾張表格，檢查他們的電子郵件以獲取驗證鏈接或代碼，然後有時會再次登錄。

即使您確實想鼓勵用戶註冊帳戶，您仍應包含以訪客身份結帳的選項。

更好的是，在他們已經結帳並完成購買後向他們提供註冊選項。 屆時，您可以向他們展示註冊的好處，例如能夠跟踪他們的訂單。

3. 保持簡單和快速

冗長的結帳流程會增加您的購物車放棄率。 您希望盡可能簡化結帳流程。

不要在結帳頁面上包含讓用戶填寫的不必要的字段。 這包括您並不真正需要的信息（例如他們的家庭電話號碼）。

如果您的業務性質要求您存儲某些信息，例如用戶的電話號碼或社會安全號碼，請考慮簡要說明您為何需要該信息以及您將如何處理這些信息。

請記住，小型企業、音樂家、藝術家等可以輕鬆地將他們的網站放在一起，因為它不涉及太多複雜的問題，但在線商店需要精心設計、流暢、快速、性能良好的網站構建器，可以實現最終無故障地結束交易。

4. 支持多種支付方式

提供多種付款方式將使您的許多客戶更容易向您匯款。 不要將付款方式限制為信用卡和借記卡； 至少，包括 Paypal 作為更快的付款方式。

隨著您獲得更多客戶，請考慮加入高級支付方式，例如 Stripe、Apple Pay、Skrill、Google Pay、Square 和 Payoneer。 您甚至可以接受比特幣或其他加密貨幣。 獲得支持多種支付方式的良好支付處理服務。

根據您的產品價格，您還可以為客戶提供分期付款計劃，讓他們在幾個月內支付小額預付款。

此外，讓客戶可以選擇保存付款方式以備將來購買。 這將使以後的檢查變得更快、更容易。 您還可以讓他們選擇使用一鍵購買按鈕立即從您的商店購買商品（亞馬遜就是這樣做的）。

如果您支持此選項，請確保在錯誤單擊按鈕時可以輕鬆取消訂單。

5. 更新您的運輸選項

更好的運輸選項將帶來更多的轉化。 例如，在此信息圖中，您可以看到免運費對消費者購買決策的重大影響。 這裡有一些有趣的點：

• 十分之九的消費者表示免費送貨是他們在線購物的第一動力
• 如果他們必須支付額外的運費，61% 的消費者在某種程度上可能不會完成購買
• 58% 的消費者會將額外的產品添加到他們的購物車中以獲得免費送貨的資格

你應該對最後一個特別感興趣。 即使您負擔不起為所有產品提供免費送貨服務，通過最低購買量提供免費送貨服務仍然可以獲得很多好處。 這實際上會鼓勵消費者購買額外的產品。

另一個想法是提供免費送貨，作為忠誠度或獎勵會員計劃的一部分。 31% 的消費者表示他們將加入忠誠度計劃以獲得免費送貨的資格。

6. 輕鬆更改訂單

使客戶可以輕鬆地更改他們的購物車。 例如，他們應該能夠輕鬆地修改他們訂購的每件商品的數量或從他們的購物車中刪除商品。

您還應該有“保存以備後用”選項或讓客戶將產品添加到願望清單。 還應該有一個“繼續購物”選項，以便客戶可以回去購買其他產品。 這樣做不應刪除他們的任何數據。

以下提示將重點介紹如何增加信任度，以便用戶放心向您購買。

7. 有良好的退貨政策或保證

包括 100% 的客戶滿意度保證將增加對您服務的信任。 如果您可以向您的客戶保證，如果他們不滿意，他們可以拿回他們的錢，他們將更有可能採取行動並花錢。

實際保證將取決於您銷售的產品類型。 如果是數字產品，例如會員資格，您可以在特定時間之前取消會員資格以獲得全額退款。

對於實物產品，有良好的退貨政策。 通過在單獨的頁面上包含有關如何退貨的明確說明，讓客戶可以輕鬆退貨。

您可以在退款中包含退貨運費，或者收取少量的進貨費來支付與退貨相關的費用。 較大的公司可以與運輸公司達成交易，通過允許客戶打印自動生成的運輸標籤來提供免費退貨。

對於會員制產品，提供免費試用可能是值得的。 您是否需要信用卡信息來註冊試用會員將取決於您提供的服務類型； 確保測試不同的選項。

8. 制定隱私政策

在結帳時包含指向您的隱私政策的鏈接。 使其簡單易讀。 知道您有隱私政策並且他們的數據是安全的會增加客戶對您的信任。

9. 保持安全

通過 HTTPS 保護您的結帳頁面非常重要。 確保您的網站安裝了 SSL 證書，如果不是在所有頁面上，那麼至少在結帳時。

即使您有一個安全的嵌入式付款表格，您仍然希望在瀏覽器欄中顯示綠色鎖形圖標。 這些小事情會影響訪問者對您的直覺。

10.包括圖標和徽章

在您的結帳頁面上包含安全徽章和付款圖標將對您的轉化率產生積極影響。

付款圖標包括您接受的付款方式的小標誌。 示例包括 Paypal、Mastercard、Visa 和 Discover 徽標。 許多付款處理服務自動將這些包含在付款表格中。

確保您的客戶在交出他們的付款信息時感到安全也很重要。

19% 的放棄購物車的人表示，他們這樣做的原因是因為他們認為自己的信用卡信息不安全，如上所述。

根據 Baymard Institute 的說法，任何形式的視覺印記都會增加信任度。 這甚至包括您自己創建的印章，例如通用的“安全結賬”或“滿意保證”印章。

這是因為用戶在確定交出個人信息是否安全時依賴於他們的直覺。

這種本能不一定是經過計算的； 相反，它受到視覺提示的影響，例如專業外觀的網站、HTTPS 證書和安全銷售。

可信度統計

然而，某些印章被認為比其他印章更值得信賴。 Baymard Institute 進行了一項研究，調查參與者被授予某些印章，並被要求選擇最值得信賴的印章。

以下是他們發現的結果，按可信度級別排列：

• 諾頓 (40.9%)
• 谷歌可信商店 (22.5%)
• BBB 認證企業（14.4 美元）
• TRUSTe 認證隱私 (10.9%)
• 表明 SSL 站點安全的假印章，不屬於任何組織 (6.1%)
• 由 Thawte 擔保 (1/9%)
• GeoTrust 安全 (1/9%)
• Comodo 安全 1.5%)

Baymard 的研究還發現，支付表單中的簡單錯誤或其他小調整（例如用純色背景封裝信用卡字段或在字段旁邊包含安全鎖圖標）也會對網站的可信度產生影響。

當然，您不能只是隨意地將第三方驗證徽章添加到您的網站，而實際上沒有資格獲得它們並獲得驗證（儘管沒有什麼可以阻止您製作自己的徽章，這也會有所幫助）。

值得投資獲得某些安全印章的驗證，例如 Norton、BBB Accredited、McAfee、Google Trusted Store 或任何其他知名印章。

11. 包括評級或評論

88% 的消費者信任在線評論和來自朋友或家人的個人推荐一樣多。 如果您沒有利用在線評論和評分來提高銷售額，那麼您就錯了。

以下是一些額外的統計數據，它們突出了在線評論和評分的重要性：

1. 只有 57% 的消費者會使用具有三星級評級的企業
2. 另一方面，94% 的消費者會使用具有四星級評級的企業。 這說明單星評分提升的重要性
3. 88% 的消費者通過閱讀多達 10 條評論來形成對企業的看法

確保在您的在線商店的描述旁邊包含對產品的評論。 鼓勵客戶在購買商品後通過向他們發送自動電子郵件來留下這些評論。

您也可以從製造商的網站上提取評論。

在結帳頁面上，測試在每個產品旁邊顯示平均星級評分。 這可以作為最後的鼓勵措施，說服消費者實際購買產品。

12. 提供很棒的支持

良好的客戶服務對於建立信任至關重要。 您希望您的客戶覺得如果他們對他們的購買不滿意，他們可以求助於某個地方。

一個很好的例子是在您的網站上提供實時聊天支持。 您可以在底部角落設置一個小型聊天機器人或彈出窗口，讓客戶可以輕鬆聯繫您的支持團隊，解答他們對您的產品的任何疑問。

此外，很多時候，客戶不確定產品是否適合他們的需求，並且沒有時間進行廣泛的互聯網研究來弄清楚這一點。

能夠快速提出問題並得到快速答復有助於促使他們進行購買。

13. 讓你的品牌保持一致

您的訪問者在結賬時不應該覺得他們被帶到了不同的網站。 首先要確保您的結帳頁面與您網站的其餘部分託管在相同的實際域名上。

此外，您的結賬頁面設計的品牌應該與您網站的其他部分保持一致。 例如，保持配色方案相同，並確保您的徽標在結賬時顯示在某處，例如在標題中。

用戶界面和結賬設計技巧

以下提示側重於改進您的實際網站設計以實現更好的轉換。

14. 加快速度

如果您的結帳頁面加載時間過長或處理付款時間過長，一些訪問者可能會感到沮喪並離開。

通過切換到更好的託管服務提供商或註冊更好的託管計劃來加速您的網站。 使用快速高效的可信支付處理系統。

15. 對移動設備友好

某些頁面和付款表單在桌面設備上看起來很棒，但它們並未針對手機和平板電腦進行優化。 確保您的結帳頁面設計具有移動響應性。

您可能希望減少移動版結帳中包含的表格數量，因為當您無法使用鍵盤和/或匆忙時填寫表格會更加困難。

16. 保持井井有條

保持您的結帳 UI 井井有條。 您可以使用網格以行或列的形式組織產品信息。 包括產品名稱、產品圖片、定價、評級、運輸時間和訂單數量等信息，並清晰地組織所有信息。

17.減少混亂

保持您的結帳頁面簡單明了。 不要用太多號召性用語（例如電子郵件時事通訊註冊表單）弄亂它； 一個購買按鈕就足夠了。 當然，您應該始終包含一些內容，例如產品圖片和最終價格。

提高轉化率的營銷技巧

這些技巧側重於如何使用更好的營銷技巧來獲得更多轉化。

18. 提供頁面促銷代碼和折扣

折扣和促銷代碼是購買的巨大誘因。 如果產品通常以更高的價格出售並且當前以折扣價出售，您應該在結賬時註明該信息。

促銷代碼也是如此。 擁有定期或季節性促銷代碼並在您的結帳頁面上指明可用的當前促銷代碼可能會提高您的轉化率。

測試您在不同產品上提供的促銷代碼，看看它如何影響您的轉化率和整體利潤。

19. 就業緊迫性

限時折扣或促銷代碼可用於增加緊迫性並鼓勵客戶完成購買。 例如，突出顯示折扣價、免費送貨或促銷代碼何時到期可以提高您的轉化率。

另一種增加緊迫感的方法是顯示產品的庫存量。 亞馬遜和 eBay 一直這樣做——如果庫存中只剩下幾件商品，他們會告訴你快點購買。

另一種增加緊迫性的方法是指出當前有多少人正在查看某個項目或將其添加到他們的觀察列表中。

20. 向上銷售、交叉銷售和向下銷售

您可以通過向客戶推薦他們可能感興趣的不同產品，向他們交叉銷售或追加銷售來增加銷售額。“相關項目”小部件對此很有用。

但是，如前所述，您不希望結賬時有太多的促銷、號召性用語和信息。

一個更好的主意是在您的客戶已經結帳並完成所有必要的結帳付款後向他們追加銷售。

例如，這可以在購買確認頁面上完成，甚至可以在您應該巧妙起草的電子郵件中完成。 但是，它不必在結帳頁面上。 在結賬前測試交叉銷售，當用戶仍在您的網站上購物時，看看對轉換的影響。

一個很好的例子是亞馬遜如何展示“通常一起購買”的商品，以鼓勵客戶將產品添加到他們的購物車中。

除了向上銷售和交叉銷售，您還可以向下銷售。 換句話說，如果客戶拒絕追加銷售，您可以繼續向他們提供他們可能感興趣的更便宜的產品。

21.使用退出意圖彈出窗口

結賬時的退出意圖彈出窗口可能有助於帶回一些在沒有完成購買的情況下退出您的網站的客戶。

當檢測到用戶將鼠標移向瀏覽器上的“X”按鈕時，就會觸發這些彈出窗口。

在彈出窗口中，您可以向他們提供他們可以使用的特殊促銷代碼。 對購買產品持觀望態度的消費者如果可以獲得特別折扣或獎金，可能會重新考慮他們離開的決定。

22. 發送跟進電子郵件

在結帳過程中，收集客人或新用戶的電子郵件應該是您的第一步。 這樣，即使他們最終沒有完成購買，您也可以向他們發送後續電子郵件，提醒他們有關廢棄購物車的信息。

很多時候，人們只是匆忙而沒有時間搜索他們的信用卡並輸入他們的數字。

在其他時候，他們可能不確定是否要花錢。 通過溫和地提醒他們未購買的產品（並可能為他們提供折扣），您將能夠將其中的許多產品帶回來。

結帳頁面最佳實踐 – 總結

優化您的結賬頁面用戶體驗應該是您的首要任務之一。 如前所述，您可以將轉化率提高 35% 以上。 無論您的業務規模如何，使用上述提示都將幫助您增加銷售額、收入和利潤。