WooCommerce
WooCommerce 購物車按鈕 – YITH Cart PopUp 加入彈跳說明文字
WooCommerce 購物車按鈕 在預設中點擊後只會出現 ”已成功加入購物車按鈕” 的提示文字，如果想要提供更詳細的商品資訊讓顧客觀看，就可以使用本次教學所介紹的付費外掛 – YITH Cart PopUp ，顧名思義，就是可以在顧客點擊加入購物車按鈕時顯示全螢幕彈跳視窗以顯示商品價格、運送費用
閱讀全文 »
WooCommerce
WooCommerce 教學（稅金設定） – 啟用商品及運費稅金計算功能
WooCommerce 教學（稅金設定） 是屬於商店基本選項之一，在國外電子商務中常常會需要根據不同的運送地區或商品在結帳時加收稅金，但對大部分在地銷售的台灣小型電商而言，除了客戶要求開立實體發票時必須加收的 5% 稅金，實際上很少使用到此項功能，因此本篇文章只會對稅率設定選項做簡單說明，並且也會介紹商品運費
WooCommerce
WooCommerce 加入結帳費用 – Checkout Add-Ons 附加結帳費用教學
WooCommerce 結帳功能 本篇教學要介紹 WooCommerce 官方所出的附加功能外掛 – Checkout Add-Ons ，可以在結帳時加入額外付費的選項，單位可以使用百分比或者直接輸入金額數字，也能夠客制化金額選項，以單選、多選、文字說明、附加檔案等方式呈現，甚至可以設定項目顯示條件
WooCommerce
WooCommerce 商品圖片設定 – 使用 Product Image Flipper 外掛自動切換圖片
WooCommerce 商品圖片設定 製作網頁時所謂的 “圖片翻轉” 效果，讓使用者在商店頁面透過簡單的滑鼠操控，就能得知商品更多外觀與樣式，是非常有利於使用者挑選商品的。在本篇教學介紹加入產品圖片翻轉效果的外掛 – WooCommerce Product Image Flipper
WooCommerce
Woocommerce 會員系統 – 使用函數在網頁中加入會員登出按鈕
Woocommerce 會員系統 – 如果只是想單純客制一個登出按鈕，加入外掛說不定會引起其他相容性的問題（在 WooCommerce 尤其容易發生），因此在今天的文章中鵠學苑將分享一段簡易的函數，透過輸出控制函式加入 HTML 顯示文字並製作為 Shortcode (短代碼)，以 CSS 來控制按鈕外觀
WooCommerce
WooCommerce 自訂運送付款條件 ，客製化結帳流程外掛教學
在本篇教學中透過安裝 Conditional Shipping and Payments，就能夠讓每一種付款與運送方式能根據使用者結帳時的選擇對應顯示，比如說當顧客消費未達免運費標準，且選擇以銀行轉帳付款，那麼在購物車及結帳頁面就 “只會” 顯示銀行轉帳與必須支付運費的選項，不會再顯示其他無關的項目
WooCommerce
Woocommerce 購物車教學 – 變更商品數量時自動更新總計金額
Woocommerce 購物車教學 – Woocommerce 購物車預設的操作方式中，如果增加或減少商品數量，必須要點選更新購物車按鈕才會重新計算商品總計金額，因此在本篇教學中，將分享一個簡單的 jQuery 函數，讓購物車中的商品數量變更時會同步更新總計金額。
WooCommerce主題
Astra 主題介紹 – 靈活設計與速度性能兼具的 WordPress 主題
Astra 主題介紹 鵠學苑之前推薦過許多 WorPress 主題，每一款主題都有自己的特色，Astra 主題 ，相較於其他主題而言在網站外觀樣式的建構上更能靈活運作，可以自己決定啟用/停用哪些功能以精簡網站載入時所要抓取的程式碼， Astra 相對於一些付費主題而言，在網站載入速度方面是有相當大的優勢。
WooCommerce
WooCommerce 自訂郵件樣式 – YITH Email Templates 外掛教學
WooCommerce 自訂郵件樣式 主要是對內建電子郵件模板外觀做修改，無論是新註冊、新訂單、更換密碼等通知信的郵件內容樣式，都能使用 YITH WooCommerce Email Templates 外掛來做編輯與更動，除了樣式外，也可以在電子郵件模板中加入社群媒體連結（FB 粉絲團、Youtube
WooCommerce
WooCommerce 商品設定 – 資料欄位說明與可變商品建立
WooCommerce 商品設定 是建立商品時必須先了解的基本知識，必須要能夠正確設定商品內容，才能保證電商網站在商品銷售流程上的順暢度，另外提供詳細的商品資訊，也能增加消費者購買意願。本篇教學中將說明如何對單一商品做基本設定，以及對具有不同類型的可變化商品中屬性欄位的設定方式
WooCommerce
WooCommerce 商品描述標題修改，加入函數快速變更描述區域標題文字
WooCommerce 商品描述標題修改 方法有很多種，包含使用 CSS :before 偽元素來取代文字，或者是使用 Loco Translate 網站翻譯外掛來將預設的英文翻譯為中文等，而在本篇教學中將以加入函數的方式，直接將 dh_rename_description_product_tab_label
WooCommerce
WooCommerce 頁面設定教學 – 結帳端點、帳號端點、關閉通知
WooCommerce 頁面設定教學 – 如果說網站主題有支援 WooCommerce 外掛功能，在安裝 WooCommerce 後會自動在頁面中建立與 WooCommerce 相關的頁面，比如商品彙整頁、購物車、結帳、訂單、帳戶等，在本篇教學將說明 WooCommerce 進階中的頁面設定，可以將購物車
WooCommerce
WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面
WooCommerce 帳戶設定 原本的重新導向是將使用者跳轉至登入頁面，如果説在使用者操作登出後，可以跳轉回首頁、感謝頁、電子報訂閱、折扣優惠頁等，會比較容易提升訪客在網站中做更多資訊瀏覽或者下單購買的機會。在本篇教學中，將說明如何運用簡單的函數來修改 WordPress 預設的重新導向方式
WooCommerce
WooCommerce 結帳設定 – 加入函數限制訂單結帳最低購買金額
WooCommerce 結帳設定 在預設外掛設定中並沒有太多選項可以來客製化結帳流程，尤其像是限制結帳金額定制購買條件的需求。在本篇教學中將說明如何在 WordPress 子主題中加入 WooCommerce 函數，只需修改 $minimum 的數值，就能達到限制顧客最低結帳金額的效果，讓網站能運作不同銷售策略
WooCommerce
WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車
WooCommerce 購物車設定 是可以透過加入 php 函數的方式，來變更顧客在結帳時可觸發的事件，在本篇教學中，將會說明如何在網站子主題中加入自訂函數，當顧客購買的訂單金額符合我們的期望值時，自動加入另一項商品至購物車中，而這個函數的功能在實務上常應用在 ” 滿額贈禮 ”
WooCommerce
WooCommerce 新增訂單狀態外掛教學，提升訂單管理效率
WooCommerce 新增訂單狀態 可以透過 Custom Order Status 外掛來增加功能，除了自訂新的訂單狀態外，也可以將不同的付款方式所產生的訂單歸類到 WooCommerce 既有的訂單狀態，讓電商網站在處理商品銷售動作上更有效率。由於每個網站所需要的狀態不同，本次教學中只會對免費版外掛
訂閱電子報
立即訂閱鵠崙設計(鵠學苑)！我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格！
熱門文章
最新文章
標籤雲
標籤
Contact Form 7 Elementor 小工具 Elementor 教學 GA 教學 GA 自訂報表 GA 追蹤碼 Google Ads 教學 Google Analytics 教學 Google Console 教學 Google GA Google 分析 Google地圖教學 Google 網站管理員 hotjar feedback Hotjar 教學 Hotjar 網站 jpg壓縮 SEO WooCommerce funtion WooCommerce WordPress WooCommerce 函數 WooCommerce 外掛 WooCommerce 客製化 WooCommerce 教學 WooCommerce 自訂頁籤 WooCommerce 訂單教學 WooCommerce 設定 WooCommerce 運費設定 WordPress WordPress PHP 教學 WordPress theme 推薦 Wordpress 主題 WordPress 主題推薦 WordPress 主題 推薦 WordPress 介紹 WordPress 外掛 WordPress外掛 WordPress 教學 WordPress登入 WordPress 短代碼 WordPress 簡碼 WordPress編輯器 WordPress視覺化編輯 網站分析 網站密碼強度