移動優化：如何以十一步改進您的結帳頁面

您知道40％的在線交易是使用移動設備完成的嗎？ 儘管轉化率仍落後於台式機，但移動設備購買量仍在不斷增長。

如果您是網上商店的老闆，則必須優化您的移動結帳流程，否則您將失去客戶。

有關移動購物的數據說明了什麼？

• 根據美國61％的受訪者的調查，良好的移動體驗可以提高品牌的知名度。
• 糟糕的移動體驗後，有52％的消費者推遲了業務。
• 在對您的移動網站的不良體驗之後，有40％的消費者會選擇您的競爭對手。
• 頁面慢會導致97％的移動購物車被放棄。

出色的移動購物體驗至關重要。 以上數據證明了這一點。 在網站運行緩慢且未針對移動設備進行優化的網站上，很容易失去客戶。

如何優化轉換的結帳流程

還有更多。 儘管在過去七年中，移動流量增長了222％，但桌面轉換率仍高於移動設備。

我們可以得出結論，人們越來越多地使用他們的移動設備，但他們仍然更喜歡在台式機上購買。

消費者不喜歡從他們的移動設備中退房。 他們可能瀏覽產品或將產品添加到願望清單，以便以後可以從台式機購買產品。

因此，在本文中，我們提供了11個步驟來說明如何改善移動設備上的結帳頁面並提高移動設備轉化率。

1.設計簡易的移動導航

移動導航與桌面導航不同。 設計移動界面時，請注意人們會用拇指。

您是否知道用戶實際上擁有手機的六種方式：

資料來源：Uxplanet

研究表明，有75％的人用拇指觸摸屏幕。 只有不到50％的人單手握住手機。

諸如號召性用語按鈕等最重要的項目應位於客戶的舒適區域內，並且易於點擊。

資料來源：絲芙蘭

讓我們快速檢查一下上面的屏幕截圖中的可見元素：

• 登錄到您的帳戶
• 購物籃圖標
• 顯示產品
• 添加到願望清單圖標
• 可見號召性用語按鈕

結帳似乎非常容易，您無需搜索購物籃或已保存的產品。

將產品添加到願望清單是移動購物體驗的一項重要功能，下面我們來看看為什麼。

2.將“以後保存”功能添加到購物車

“以後保存”或“添加到願望清單”功能可以減少購物車放棄的次數，並使購物者可以保存要稍後購買的物品。 它還允許客戶在需要時離開網站，當他們返回時，將保存所需的產品。

這樣，購物者就不會浪費時間再次搜索所需的產品，並且可以根據需要進行結帳。

一個專業的技巧是向客戶發送提醒電子郵件，並讓他們知道他們保存了產品。 您甚至可以說出要保留他們產品的時間，從而產生一種緊迫感。

3.確保您擁有清晰可見的“添加到購物車” CTA按鈕

最重要的元素之一是號召性用語按鈕。 您需要以一種可見，吸引人的方式設計它，並使您的客人轉換。

想像一個喜歡某種產品並想要購買但找不到號召性用語按鈕的客戶。 您負擔不起，尤其是考慮到移動轉化率已經很低的事實。

移動設計的基本原則是使號召性用語變大。 用戶必須能夠使用手指或拇指輕鬆地敲擊他們。 這與桌面上的小型號召性用語相反，您可以在其中用鼠標單擊它們。

資料來源：奧修

4.通過提供來賓結帳來加快結帳流程

讓客戶創建帳戶可能是真正的障礙。 實際上，這是放棄購物車的第二個原因。 研究表明，有28％的顧客離開購物車是因為該網站沒有為那些不想註冊的人提供訪客結帳選項。
為了降低購物車放棄率，請選擇一種不要求購物者先註冊的簡單，快速的結帳流程。 訪客結帳快捷方便。

資料來源：Levi's

登錄需要更多的承諾並共享個人信息。 並非所有人都對此感到滿意，尤其是如果客戶想要一次性購買。

5.分解結帳流程並添加進度欄

購物者點擊“立即購買”按鈕後，您可以向他們顯示過程需要多長時間。

讓我們假裝客戶在旅途中並且需要快速購買生日禮物。 他們已將商品添加到購物籃並移至結帳處。 但是他們不知道這個過程要花多長時間。 而且如果他們很著急，他們可能會把購買的商品留待以後再用，但是再也不會回來。

您的客戶不會發生這種情況，因為您將失去他們。 21％的購物車遺棄是由於流程時間過長和復雜。

為了避免這種情況，您可以實施進度指示器，該指示器將使客戶知道他們所處的結帳流程處於哪個階段。

您可以將其分為四個步驟：

1. 袋
2. 交貨
3. 付款
4. 確認書

使您的移動策略正常運行的事情

6.通過引入自動填充功能節省客戶的時間

在移動銷售的世界中，一切都需要快速發生。 用戶不會花時間等待頁面加載，也不會用不必要的字段填寫無休止的結帳表格。 通過為姓名，地址或電子郵件添加自動填充選項，可以使客戶的生活更輕鬆。

如何加快結帳流程：

• 引入自動填充
• 將輸入字段減少到最少
• 索取最基本的信息，沒有不必要的細節
• 自動為新註冊生成密碼
• 提供地址查找器或地圖，以便客戶可以快速添加其地址
• 用星號清楚地指出每個必填字段
• 使用送貨地址作為帳單地址

資料來源：絲芙蘭

7.使用自動建議和錯誤顯示

自動建議的主要目的是使用戶更輕鬆快捷地填寫表格。 地址協助和自動填充功能不僅可以節省時間，還可以減少錯誤。

通過在字段周圍添加紅色邊框使錯誤消息突出，您將使結帳更加輕鬆快捷。 這樣，用戶將立即看到它並更正錯誤。 如果購物者未填寫必填字段，則可以立即顯示該消息，並向用戶確切說明問題出在哪裡。

資料來源：阿迪達斯

8.在“簽出”頁面上添加電話號碼或客戶服務圖標

設置可點擊的電話號碼，以便客戶在遇到緊急問題時可以撥打電話。 在線購物正在增長，但仍有一些客戶對在網上購買仍持謹慎態度。

電話號碼不僅可以緩解客戶的焦慮，還可以讓他們詢問是否發生了最後的問題。

資料來源：瘋狂蛋

對於喜歡聊天的客戶，您可以在屏幕的右下方顯示聊天圖標。

Adidas會在整個結帳過程中顯示該圖標，您可以隨時點擊它。

9.顯示訂單摘要

大量放棄購物車的主要原因是額外的費用，例如運費，稅金或費用。 為避免這種情況，您應清楚顯示訂單的最終費用。 這將為您的客戶消除任何不必要的意外。

客戶在結帳過程中還需要看什麼？

• 產品照片
• 產品名稱
• 價格包括附加稅和運費
• 選擇檢查預計交貨日期
• 清晰的號召性用語按鈕
• 郵寄地址

您還需要讓用戶控制購物車活動。 這意味著您的客戶應該能夠輕鬆地對其訂單進行更改，例如更新數量，切換和移除產品或編輯地址。

成功的移動網絡貨幣化的三個方面

10.提供不同的付款方式並使流程更快

移動支付可能是一場噩夢。 想像自己嘗試添加您的信用卡詳細信息，然後發生錯誤，然後您需要重新進行一次。 這非常令人沮喪，並且可能使人們離開購物車。

資料來源：阿迪達斯

為了使過程順利進行：

• 提供不同的付款方式，例如PayPal，Stripe，Apple Pay，Stripe，Visa Checkout等。
• 在“已保存的卡”部分中顯示以前使用過的卡，以便用戶可以選擇卡並僅添加CVV代碼。

不要忘記通過顯示安全驗證徽章來增強客戶信心並建立信任。 您的網站應具有有效的SSL證書，以便客戶相信自己的數據受到保護。

進行移動WordPress SEO審核的4個步驟

11.顯示購買確認

購買後，您需要立即顯示購買確認。 您可以創建一個頁面，以確認訂單已成功完成。 另外，您需要發送包含購買信息的確認電子郵件。

您應該包括哪些信息：

• 客戶服務號碼或客戶需要的鏈接
• 提供付款確認，確認成功
• 顯示購買明細：產品，數量，總價
• 配送信息
• CTA按鈕（如有必要）以及客戶需要遵循的後續步驟

重新思考移動時代的CMS

包起來

一個簡單的移動結帳流程至關重要。 人們仍然對通過移動設備在線購買保持警惕。 這就是為什麼您應該使過程盡可能簡單。

通過證明您的網站是安全的並且證明您保護客戶的數據來證明他們可以信任您的客戶。 為他們創造出色的移動體驗，讓他們可以從您的商店再次購買。