WooCommerce 可變商品屬性客製樣式 – WooSwatches 外掛教學
WooSwatches 是一款 WooCommerce 的延伸功能外掛,是由 WooMatrix 所開發,主要用途是在變更 WooCommerce 單一可變產品頁面上屬性變化類型的顯示方式,可以將預設為下拉式選單的選擇產品規格,變更為以顏色、圖片、或者文字顯示,讓顧客在挑選產品時可以使用更加直覺的方式來做產品
WooSwatches 是一款 WooCommerce 的延伸功能外掛,是由 WooMatrix 所開發,主要用途是在變更 WooCommerce 單一可變產品頁面上屬性變化類型的顯示方式,可以將預設為下拉式選單的選擇產品規格,變更為以顏色、圖片、或者文字顯示,讓顧客在挑選產品時可以使用更加直覺的方式來做產品
WooCommerce Shortcode 範例說明 的相關文章有:WooCommerce 以短代碼呈現產品列表 以及 WooCommerce 頁面基本短代碼呈現效果說明 這兩篇文章可以參考,會使用到 WooCommerce 短碼來設定頁面,無非就是想要客製化網站內容,因此在本篇教學中將會說明如何使用預設的
WooCommerce Shortcode 產品教學 在本篇教學中,鵠學苑將會介紹 WooCommerce 6 組以不同條件篩選顯示產品列表條件的基礎代碼,屬於只要插入在正確的位置就會顯示的類型,另外是稍微比較進階一點的短代碼,必須要先熟悉 WooCommerce 說明中的代碼屬性進而製作特殊顯示方式的產
WooCommerce Shortcode 是架設 WordPress 購物網站時的進階應用,在網站主題所導入的模板有支援 WooCommerce 的狀況下,其實是會自動建立這些短碼所生成的頁面,本篇教學中,將介紹短碼呈現的樣式與加入方法,以及如何使用 Elementor 短碼工具為 WooCommerce
WooCommerce 商品圖片設定 製作網頁時所謂的 “圖片翻轉” 效果,讓使用者在商店頁面透過簡單的滑鼠操控,就能得知商品更多外觀與樣式,是非常有利於使用者挑選商品的。在本篇教學介紹加入產品圖片翻轉效果的外掛 – WooCommerce Product Image Flipper
WooCommerce 結帳功能 本篇教學要介紹 WooCommerce 官方所出的附加功能外掛 – Checkout Add-Ons ,可以在結帳時加入額外付費的選項,單位可以使用百分比或者直接輸入金額數字,也能夠客制化金額選項,以單選、多選、文字說明、附加檔案等方式呈現,甚至可以設定項目顯示條件
在本篇教學中透過安裝 Conditional Shipping and Payments,就能夠讓每一種付款與運送方式能根據使用者結帳時的選擇對應顯示,比如說當顧客消費未達免運費標準,且選擇以銀行轉帳付款,那麼在購物車及結帳頁面就 “只會” 顯示銀行轉帳與必須支付運費的選項,不會再顯示其他無關的項目
WooCommerce 購物車設定 是可以透過加入 php 函數的方式,來變更顧客在結帳時可觸發的事件,在本篇教學中,將會說明如何在網站子主題中加入自訂函數,當顧客購買的訂單金額符合我們的期望值時,自動加入另一項商品至購物車中,而這個函數的功能在實務上常應用在 ” 滿額贈禮 ”
WooCommerce 新增訂單狀態 可以透過 Custom Order Status 外掛來增加功能,除了自訂新的訂單狀態外,也可以將不同的付款方式所產生的訂單歸類到 WooCommerce 既有的訂單狀態,讓電商網站在處理商品銷售動作上更有效率。由於每個網站所需要的狀態不同,本次教學中只會對免費版外掛
WooCommerce 訂單匯出 主要是將虛擬檔案轉換為實體文件,讓訂單資料在 CSV、EXCEL 等文書軟體上可以編輯與檢視,在本篇教學中將以 Advanced Order Export For WooCommerce 訂單匯出外掛說明如何設定篩選條件將一定範圍內的訂單做匯出,以及在外掛中設定實體報表所要顯示
WooCommerce 詢價車 主要是為網站加入商品詢價功能,通常用於客製化產品、大量產品訂購或著外銷網站產品諮詢,本篇教學將說明如何使用 YITH WooCommerce Request A Quote 為網站加入詢價頁面,建置完整的商品詢價流程,編輯詢價表單內容以及詢價時點擊動作的細節設定等。
WooCommerce 預訂商品教學 主要是在說明如何為線上銷售商品加入預訂、預購功能,使用的是 WooCommerce 官方開發的外掛 – Pre-Orders ,本篇教學中將說明如何設定 WooCommerce Pre-Orders 外掛,並且會有完整的預購商品下訂單的操作流程,只要比對設定項目與流程內容
WooCommerce 自訂結帳表單 可以將系統預設的結帳表單欄位做修改,將預設結帳表單一些比較不符合使用需求的欄位做刪除,比如姓名欄位不需要跟國外一樣分為兩欄。本篇教學中將說明安裝 WooCommerce 自訂結帳表單外掛,以及結帳、運送、訂單備註三個表單位置編輯的方式,如果說想先瞭解 WooCommerce
WooCommerce 自訂商品頁籤 主要目的是要讓網站商品頁可以有更清楚的資訊分類,在原本的商品頁籤設定中,只能顯示像商品長寬高此類的內容,如果將所有資訊都集中在商品描述欄位中,過多的內容文字會讓顧客必須不斷上下滾動畫面,帶來不好的使用者體驗。而客製化商品頁籤讓所有商品相關內容都集中在中一區域
WooCommerce 帳戶社交登入外掛 對於電商網站管理者而言,是非常需要安裝的附加功能,WordPress 購物網站在會員系統中其實能夠客製化的選項並不多,如果想要提升顧客在網站中結帳整體流暢度,安裝 WooCommerce Social Login 讓使用者在結帳時可以一鍵使用 FB 帳號登入的方法,
WooCommerce 教學 (商品編輯) 主要是說明商品操作介面的項目,包含在商品眾多時如何大量修改商品內容以及運用商品分類、商品類型、商品庫存三個條件來快速篩選想要找到的商品,另外針對商品分類、標籤、屬性這三個項目的操作方法也將逐一說明。而在第二小節中,將會針對單一商品編輯時如何正確設定商品內容
WooCommerce 訂單教學 主要說明的是在訂單介面中如何根據顧客不同的需求來修改訂單狀態,並且能以歸類的方式針對不一樣的訂單做處理,達到比較好的商品訂單管理效率。在 WooCommerce 中訂單可分為處理中、保留中、已完成、退費四種狀態,處理中與保留中是根據顧客的付款方式而有所區別。
WooCommerce 教學(電子郵件設定) 主要是說明在 WooCommerce 基本設定頁面中要如何對電子郵件發送做設定,並且能夠懂得如何變更電子郵件顯示內容與外觀,能做設定的電子郵件通知項目並不難,運用一些 WooCommerce 內建的代碼,就能為整體下單流程帶出全自動的電子郵件通知方式,不僅是向
WooCommerce 教學(付款、帳號) 就台灣電商而言主要設定項目有付款方式,分為銀行轉帳、支票付款、貨到付款 ,在沒有要客制付款方式的情況下,通常都是以銀行轉賬為主要付款方式,而在台灣較為流行的貨到付款,必須以外掛的方式來加入超商取貨付款的功能,這是屬於比較進階的 WooCommerce 操作
WooCommerce 教學(運送方式) 主要是在講解三個部分,分別是運送區域、運送選項以及運送類別,運送區域是指產品銷售主要的國家地區,並且設定要使用啟用哪些運費計算方式 ; 運送選項則是對結帳流程中運費的計算與顯示狀態做更為細節的設定。而最後一項運送類別是較少被用到的功能,主要操作的是自訂義特定類別
立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!