為什麼要編輯您的 WooCommerce 在線商店頁面?
WooCommerce 會自動創建許多頁面來展示產品、商店、帳戶、結帳和購物車功能。然而,您的 WordPress 主題控制這些頁面的外觀。您可以選擇許多優秀的 WooCommerce 主題,但編輯這些頁面可能並不簡單。
使用 SeedProd
這就是 SeedProd 的用武之地。它是一款最終極的 WooCommerce 頁面生成插件,允許您使用直觀的拖放工具來設計您的 WooCommerce 頁面。首先,您需要安裝並激活 SeedProd 插件。詳細操作請參見我們的 WordPress 插件安裝教程。
激活後,請訪問 SeedProd » 設置頁面並輸入您的插件許可證密鑰。您可以在 SeedProd 網站的賬號內找到此信息。輸入許可證密鑰後,您就可以編輯和創建高度優化的 WooCommerce 頁面。以下是逐步演示如何編輯 WooCommerce 頁面:
創建完全自定義的 WooCommerce 主題
SeedProd 帶有一個內置完整的 WooCommerce 主題生成器,能夠讓您替換您的 WooCommerce 主題為您自己的自定主題。這種方法的優勢在於,當編輯 WooCommerce 主題時,您擁有更多的靈活性。您可以使用簡單的拖放工具編輯任何頁面。
開始時,請轉到 SeedProd » 設置頁面,點擊旁邊的 ‘為我的商店選擇一個主題’ 按鈕。插件會顯示許多可用的 WooCommerce 主題模版,選擇一個作為起始點。現在,SeedProd 將為您的主題生成那些模板並顯示列表。您可以將鼠標懸停在模板上,點擊 ‘編輯設計’ 鏈接以開始編輯。
這會打開 SeedProd 頁面生成器界面,您可以從左列添加所有常見的網站構建塊。在右側,您會看到您正在編輯的頁面的即時預覽。SeedProd 提供所有您需要的 WooCommerce 塊來構建銷售導向的 WooCommerce 主題。完成後,點擊‘保存’按鈕來存儲您的更改。
自定義 WooCommerce 結帳頁面
結帳頁面是任何電子商務商店中最關鍵的步驟之一。默認情況下,WooCommerce 帶有一個普通的結帳體驗,無法優化銷售和轉換。對結帳頁面進行小改動可以幫助您增加銷售量並減少購物車放棄率。例如,您可以在結帳頁面展示相關產品並添加 ‘加入購物車’ 按鈕,讓用戶看到其他想購買的產品。
要創建自定義結帳頁面,只需轉到 SeedProd » 登陸頁面並點擊 ‘添加新登陸頁面’ 按鈕。然後,選擇一個模版來創建結帳頁面,並提供頁面標題和 URL。這會打開 SeedProd 頁面生成器界面,您可以添加和編輯頁面佈局。完成後,保存並發布您的頁面。之後,切換至 WooCommerce » 設置頁面,選擇自定義結帳頁面作為默認結帳頁面。
自定義 WooCommerce 結帳表單
很多用戶在結帳區域放棄購物車,提供更好的結帳體驗可以確保他們完成購物。FunnelKit 是一個 WooCommerce 銷售漏斗構建器,允許您優化漏斗、結帳頁面、購物車體驗等。首先,請註冊 FunnelKit 計劃並安裝 FunnelKit Builder 和 FunnelKit Builder Pro 插件。激活後,轉到 FunnelKit » 商店結帳頁面,點擊 ‘創建商店結帳’ 按鈕並選擇模板。
編輯結帳頁面,添加更多步驟或訂單推銷,FunnelKit 將自動創建自定義結帳頁面。完成後,在 WooCommerce » 設置頁面啟用您的自定義結帳表單。
添加單頁結帳
FunnelKit 也允許您創建單頁結帳體驗。轉到 FunnelKit » 商店結帳頁面並選擇 ‘單步’ 模板,繼續編輯並發布模板。
添加滑入式購物車
大多數 WooCommerce 主題帶有一個單獨的購物車頁面,這次購物車體驗增加了購物和結帳的摩擦。如果用戶需要調整產品數量或從購物車中移除項目,他們必須離開當前頁面以更新購物車。可以通過添加 WooCommerce 滑入式購物車來解決此問題。
FunnelKit 提供與您的在線商店無縫集成的滑入式購物車功能。註冊 FunnelKit 並安裝 FunnelKit Cart 插件,配置滑入式購物車設置並發布更改。然後訪問您的網站以測試滑入式購物車。
自定義 WooCommerce 購物車頁面
WooCommerce 默認的購物車頁面顯示客戶添加到他們購物車中的產品,通常沒有優化轉換。SeedProd 允許您創建自定義購物車頁面來降低購物車放棄率並提高銷售量。
轉到 SeedProd » 登陸頁面並點擊 ‘添加新登陸頁面’ 按鈕,選擇模板並提供頁面標題和 URL。開始編輯佈局,添加購物車和其他元素來優化頁面。完成後,保存並在 WooCommerce » 設置頁面中啟用自定義購物車頁面。
編輯 WooCommerce 產品頁面
WooCommerce 主題使用同一模板來顯示所有產品,但您可能希望推廣某些產品。SeedProd 允許您創建自定義產品頁面,使用精心設計的模板來吸引更高的轉換率。
轉到 SeedProd » 登陸頁面並點擊 ‘添加新登陸頁面’,選擇模板並提供頁面標題和 URL。編輯模板以符合您的產品信息,並添加 ‘加入購物車’ 塊。完成後,保存並發布頁面。
自定義 WooCommerce 商店頁面
WooCommerce 允許您輕鬆顯示產品在商店頁面,這通常是用格子佈局。SeedProd 允許您輕鬆創建和自定義 WooCommerce 商店頁面以提高轉換率。
轉到 SeedProd » 登陸頁面並點擊 ‘添加新登陸頁面’ 按鈕,選擇模板並提供頁面標題和 URL。編輯模板以符合您的需求,添加產品塊並自定義頁面佈局。保存並發布頁面,然後替換導航菜單中的鏈接。
自定義 WooCommerce 感謝頁面
WooCommerce 感謝頁面顯示客戶完成購買的訂單詳情,通常不提供更多選項。SeedProd 允許您創建高度優化的自定義感謝頁面。
轉到 SeedProd » 登陸頁面並點擊 ‘添加新登陸頁面’ 按鈕,選擇模板並提供頁面標題和 URL。編輯模板以添加電子郵件列表、追加銷售產品等,完成後保存並發布頁面。
安裝並激活 Thanks Redirect for WooCommerce 插件,轉到 WooCommerce » 設置頁面啟用感謝重定向,並輸入自定義感謝頁面的 URL。這樣,客戶完成購買時會看到高度優化的自定義感謝頁面,而不是默認頁面。