如今大大小小的節日讓 WooCommerce 電子商務網站發展的如火如荼，傳統節日自不必説了，像在年輕人中流行的一些比如情人節、三八節、女生節、七夕情人節等等，每到一個節日網上購物必不可少。今天就説説一個網站的結賬頁面怎麼設計才能讓人印象深刻，或者是多用户希望怎樣的網站結賬頁面？WooCommerce 跨境電商 WordPress 網站設計中如何做好結賬頁面？
如果您正在設計一個結帳頁面，那麼有這麼多的考慮因素：功能性、可用性、安全性和設計。最後一個元素是對每一個設計師都可以產生影響的東西。可以説在網上購物的體驗是最重要的一項設計。
1 、使其視覺化
這可能聽起來像一個顯而易見的想法，但一個 WooCommerce 電子商務頁面的結帳頁面需要更多的視覺效果。太多的網站把它變成一個基本的形式。結帳頁面和網站的其餘部分之間的視覺連線建立了品牌的可信度。
2 、那麼您應該使用什麼樣的視覺效果？
·每一個專案都應該伴隨著一個圖示，顯示多用户在購買什麼。
·該公司的標誌應清晰可見（可點選回到網站的其餘部分）。
·大按鍵。呼籲採取行動，如 “新增到購物車”，“更新專案” 和 “現在購買”，豐富多彩，視覺上有吸引力的。按鈕應該很容易找到，讓您想點選。
·顏色。太多的結帳頁面都是白盒與概述。使用顏色是可以的。保持網站的停留在結帳頁面的配色方案。
·排版。文字應該是簡單和容易閲讀。
·包括付款標誌以及保障安全。
·包括視覺效果，讓多用户感覺良好的購物體驗。雖然大多數人都明白他們可以在網上用信用卡支付，付款按鈕旁邊有一個小的標誌就會加強這個想法。
這是一個小的，但令人放心的，多用户的視覺提示。它可以幫助消除混淆付款的類型。只記得包括所有付款類型的標誌。保持較小的影像，他們在一個有組織的方式。幸運的是，這些元素的設計師，都以小的格式，並有類似的縱橫比。考慮設計或下載一個專業的多用户界面工具包來設計這個標誌。您不侷限於公司的股票標識。只是不要太瘋狂的設計，目標是為多用户識別的標誌在一個非常小的尺寸在屏幕上。
3 、考慮放大影像
懸停效果，擴大在車內或彈出的每一個專案可以使多用户很容易看到最後一次購買，並消除了挫折，不得不瀏覽回來檢查顏色或大小。另一個選項是建立超大縮圖在結帳頁面專案。這個額外的影像可以幫助多用户確認她的購物選擇。太多的設計師忽略了影像，使多用户更容易放棄購物車。
4 、使用表格
購物車中的信息需要更完美的組織起來。實現這一的最簡單的方法是設計一個表或類似的基於網格的格式的購物車。使用列和行來顯示每個專案、影像、描述、數量、價格和任何其他相關信息。專案應在相應行中的其他信息的列中垂直分類。在每個表或網格中，使用一致的對齊方式。向左對齊是最常見的。考慮價格對齊的方式，以便在屏幕上很容易看到。理想的價格應該排序，以便該數字之前和之後的一段時間是在相同的位置為每個專案。
設計一個結帳頁面可以説是任何設計師的一個大任務。關鍵是我們在設計 WooCommerce 社羣中經常談論的事情：保持簡單。設計一個簡單的大綱，以最小的效果和專注於可用性，您更容易設計一個成功的結賬頁面。當您想到結帳頁，記住多用户需求。努力設計一個頁面，具有視覺吸引力，大量的影像標誌來指導和告知多用户，有組織的佈局，圖示來指導和促進銷售和移動友好的界面。