如何在移動設備上解鎖 WooCommerce 的強大功能

隨著製造商在移動設備中加入更多功能——並且它們在全球範圍內隨手可得——我們將它們用於一切可能的趨勢已經急劇上升。

如果您可以在手機上完成相同的任務，為什麼還要拿起筆記本電腦或坐在台式電腦前？ 更大的屏幕尺寸和改進的硬件意味著它們同樣易於用於遊戲、研究、記筆記……和在線購物。

但是，通過手機查看您商店的消費者與通過手機購買商品有很大不同。 iAquire 和 SurveyMonkey 的一項研究發現，如果他們訪問的第一個網站不適合移動設備，40% 的移動用戶會離開網站並返回搜索結果。

想像一下將跳出率降低 40%。 現在想像一下，讓更多的訪客留在您的商店可能會對您的銷售產生什麼影響。

如果您的 WooCommerce 支持的商店不適合移動訪問者，那麼您將把錢留在桌子上。 幸運的是，有一些簡單的方法可以改善您的商店——無需進行昂貴的重新設計——這將幫助您留住更多的購物者，並有可能提高他們的購買數量。

讓我們看看如何使用內置的設計選項、理想的支付網關和一些驚人的擴展來解鎖 WooCommerce 對移動購物者的隱藏力量。

查看您的主頁、產品頁面和結帳體驗

響應式設計——網站設計會自動放大或縮小其內容以匹配查看者的屏幕尺寸——當移動友好的話題出現時，你通常會首先聽到。

但是，您可以做更多的事情來改善小屏幕購物者的體驗，而不是切換主題並收工。 WooCommerce 具有內置選項和付費擴展，可以讓您改善佈局並提高購物者的幸福感。

讓我們一一介紹。

減少您的主頁內容以避免滾動過載

您商店的主頁通常（但不總是）是新購物者首先了解您的業務、您銷售的產品以及您與競爭對手有何不同的地方。

在第一個關鍵頁面上盡可能多地填充信息是很誘人的，但請記住，在桌面上看起來很棒的東西可能會轉化為在移動設備上無休止的滾動。 大型圖形和菜單可能會按比例縮小，但產品列表、文本塊和小部件內容區域可能會在這些小屏幕上佔用太多空間。

為避免用太多信息轟炸購物者，請將您的主頁限制為“關鍵任務”項目。 這可能意味著一個響應式圖形或滑塊、指向產品類別頁面的鏈接以及一些文本。

請記住，您可以輕鬆地將主頁訪問者引導到其他地方：例如，如果您想展示您最受歡迎的產品，請將列表限制為 3-4，然後在新頁面上使用短代碼以顯示任意數量的產品。 這將幫助您節省空間並促進銷售。

確保產品易於訪問

正如我們剛剛提到的，您可以輕鬆地將新購物者（或回訪者）從您的主頁鏈接到類別或產品頁面。 但是主頁鏈接只是使產品易於從移動設備訪問的一個步驟。

移動購物者需要能夠快速找到並了解您銷售的商品，並以他們喜歡的方式進行。 實現這一點的一些提示：

• 確保您的商店菜單鏈接到類別和/或產品頁面，並且購物者無需瀏覽多個屏幕即可找到這些鏈接。
• 仔細檢查您的站點搜索是否在小屏幕上既可訪問又易於使用。
• 同樣關於搜索的主題——如果你銷售很多產品，可以考慮嘗試像 WooCommerce 產品搜索這樣的擴展來“權衡”最受歡迎或最重要的產品，這樣移動購物者就不必篩選數十個結果來尋找他們想要的東西已經知道了。

使結帳盡可能簡單（和快速）

最後，看看您在小屏幕上的結賬體驗。 這可能是放棄購物車的一個重要因素，尤其是當您要求提供太多信息或流程耗時過長時。

如果在結賬時要求購物者填寫不必要的字段（例如，如果在您銷售的都是數字商品時要求他們提供送貨地址），請考慮使用結賬字段編輯器擴展來刪除、添加或更改這些字段並使體驗盡可能順暢。

如果您擔心結帳本身會導致問題，您可以隨時嘗試將其減少到一個頁面，如果它當前正在執行多個步驟。 您可以在此處詳細閱讀有關優化結帳流程（以及如何知道哪個選項最適合您的商店）的信息。

您可能還想考慮付款方式如何減慢結賬速度。 我們將討論一些您可以稍後嘗試的替代選項。

利用適合移動設備的產品庫

購物者在做出購買決定時會考慮很多因素，從文案到評論。 您可能已經知道，您產品的照片或圖像對他們是否點擊“購買”也有很大影響。

如果您的移動購物者無法從他們的設備上正確查看和瀏覽您的產品圖片，他們可能不太可能進行購買。 幸運的是，在我們最新的版本中，我們已經在 WooCommerce 中構建了一種令人驚嘆的移動友好體驗。

WooCommerce 3.0 包含一個新的產品庫，極大地改善了移動體驗。 借助新圖庫，圖像現在可以在移動設備上以真實尺寸顯示。 此外，觸摸手勢也得到了改進——您可以左右滑動以滾動圖像、捏合以縮放、向上滑動以關閉等等。

如果你還沒有更新，你可以在這裡找到更多關於 WooCommerce 3.0 的信息。

讓移動購物者更快、更輕鬆地付款

當客戶真的想給你他們的錢時，沒有什麼可以阻止他們。 但有時您選擇的支付處理器可能會干擾這些最後的步驟，這僅僅是因為它們對於不耐煩的購物者來說有點太慢或太乏味了。

一旦你在購物車的路上解決了所有其他因素，你應該讓那些小屏幕的人在支付過程中變得無憂無慮。 好消息：您可以通過各種 WooCommerce 擴展程序接受快速或一鍵式移動支付，包括：

• Apple Pay——通過 Stripe 支付網關提供， Apple Pay 提供一鍵式支付，並使用安全存儲的信息使訂購變得快速、簡單和超級安全。
• PayPal — PayPal 的移動體驗快速、簡單且在許多國家/地區受到信任。 由於採用 2 因素身份驗證，它也非常安全，客戶可以通過安全存儲的卡或銀行信息進行支付。
• Amazon Pay——這個免費的擴展讓您的客戶可以使用已經存儲在 Amazon 的信息來支付他們的訂單。 獎勵：客戶永遠不會離開您的網站。 雙倍獎勵：它與 WooCommerce 訂閱兼容。

或者，如果您恰好位於信用卡未廣泛在線使用的南非，您可以通過 SnapScan 進行付款。 這允許購物者使用存儲的支付詳細信息來支付移動訂單（或者，如果通過桌面購物，則掃描二維碼並使用手機支付）。

有很多適合移動設備的選項，它們都有自己的好處，所以看看 WooCommerce 支持的支付選項，如果你找到了新的最愛，請告訴我們。

優化小屏幕購物體驗的擴展

我們已經提到了一些 WooCommerce 擴展，它們可以幫助您的移動購物者輕鬆查看產品詳細信息、快速付款或輕鬆完成結帳。 但是還有很多方法可以優化小屏幕上的購物體驗。

這裡還有一些擴展可以嘗試：

• WooCommerce 社交登錄——允許購物者通過 Facebook、Twitter 等創建或登錄他們的帳戶，無需其他密碼，並使回頭客的登錄過程超級快捷
• 變體色板和照片 —擺脫用於選擇產品變體的難以點擊的下拉菜單，並將其替換為可用選項的色板或照片
• 推薦引擎——在每個頁面上推薦相關產品，以便移動客戶繼續瀏覽，而無需返回類別頁面或開始新的搜索
• 一頁結賬 — 非常適合讓客戶無需離開頁面即可立即購買產品，因此無需採取額外步驟即可進行購買
• Reactor —為您的商店構建您自己的自定義應用程序，讓移動購物更加輕鬆，並獲得推送通知等額外功能

將您的網站迎合移動購物者並觀看銷售額飆升

隨著移動設備變得越來越強大，越來越多的消費者使用它們在線購物，您會發現擁有響應式主題是不夠的。 幸運的是，WooCommerce 有很多選擇可以幫助您。

另一件需要考慮的事情：你可以無限地改變你的商店來迎合你的購物者最喜歡的東西。 因此，如果您的移動客戶在您沒有產品副本的情況下購買更多產品（或者有很多產品副本），那麼沒有什麼能阻止您更改設計或內容以滿足他們的需求。

我們希望這些想法從長遠來看對您有所幫助！ 對使用 WooCommerce 挖掘移動設備的力量有任何疑問嗎？ 評論是開放的，我們總是喜歡收到您的來信。