WooCommerce - 轉換你的網站為線上商店

上面幾篇介紹了很多設計工具，讓你快速有一個漂亮的網頁，接下來我們來把我們的網站加上線上商店的功能。

WooCommerce

WooCommerce是一個免費的WordPress外掛，專為那些想在WordPress平台上建立和運營線上商店的用戶而設。

安裝

啟用外掛

設定

可選套件，這邊可以都不安裝

中文化 WooCommerce

使用 『Force Update Translations』外掛來中文化 WooCommerce 外掛，啟用『Force Update Translations』之後你會看到 WooCommerce 多了一個『Update translation』按鈕，點下去就完成中文化的動作了，如果你想手動修改或增加翻譯，請參考Day05 WordPress 主題與外掛中文化怎麼做？

WooCommerce 主頁

這邊針對電商還有幾點要設定

1. 增加產品
2. 設定付款
3. 設定稅率
4. 顧個
5. 客製化你的商店
   

前端商店頁面

商品永久連結

『設定』『永久連結』『商品固定網址』可以設定商品的URL

建立商品

設定商品名稱和永久連結

設定商品說明

設定商品價格、早鳥價格、庫存、屬性等資料

設定商品簡短說明

還有商品圖片、商品圖庫、商品分類、商品標籤等設定，設定完成之後就可以發布嚕！
發佈商品

商品前台樣式

商品頁

購物車

結帳頁

由於我們還沒有串接金流，所以沒有可用的付款方式

折價卷

『行銷』『折價卷』

套用折價卷

RYTool WooCommerce 金流外掛

安裝與啟用外掛，啟動之後記得使用『Force Update Translations』中文化外掛

設定金流，啟用綠界金流，啟用之後會在『基本設定』旁邊看到『綠界金流設定』

把你申請好的綠界資訊串接進來，或是打開綠界金流測試模式

MerchantID
HashKey
HashIV

WooCommerce『設定』『付款』 應該會看到綠界信用卡等付款方式，在把自己想用的付款方式開啟，儲存之後前台就可以看到付款方式了！

前台付款方式

測試購買流程

結論

使用 WooCommerce 和 RY WooCommerce Tools 搭配讓你的網站順間有電商功能，重點是這些都是免費的外掛，非常的方便好用，有興趣的朋友一定要試試看喔～

參考

WooCommerce 中文教學：安裝設定＋功能介紹（完整指南）

系列文章

Day01 在小小的花園裡挖呀挖呀挖，埋下一顆小小的種子，種出小小的花
Day02 在本機使用 MAMP 快速架設 WordPress 網站
Day03 來點 WordPress 基本功 - 檔案結構
Day04 WordPress 主題是怎麼回事 - Astra 主題介紹
Day05 WordPress 主題與外掛中文化怎麼做？
Day06 WordPress 網站主要頁面 - Starter Templates 讓你瞬間做出一個漂亮的網站
Day07 Astra主題 - 自訂外觀(1/2)
Day08 Astra主題 - 自訂外觀(2/2)
Day09 WordPress - 輕輕鬆鬆建立頁面
Day10 WordPress - 輕輕鬆鬆建立文章
Day11 網站設計工具 - Figma
Day12 分析網站架構與元素 - XMind
Day13 生成式AI王者 - ChatGPT 文案產生器
Day14 產圖神器 - Canva 快速產出一頁式網站與圖片
Day15 WooCommerce - 轉換你的網站為線上商店
Day16 Email 寄信服務 - Brevo(Sendinblue)
Day 18 Wordpress 一鍵變成線上學習系統 - Tutor LMS
Day19 生成式AI 簡報應用 - Gamma AI
Day20 跨平台螢幕錄製和直播軟體 - OBS
Day21 強大的影片編輯軟體 - 剪映
Day22 SEO基本觀念與工具 - Yoast SEO外掛介紹
Day23 WordPress 安全性、備份、速度和成長工具 - Jetpack
Day24 提升網站速度 - Autoptimize
Day25 如何進行網站分析? - 使用Google Analytics追蹤網站流量
Day 26 WordPress網站上使用Google Ads達到最大化盈利的方法解析
Day27 賺錢的第一步 - AdSense在WordPress中的整合與設置
Day28 GCP 部署 WordPress 主機
Day29 創建網站的最後一哩 - DNS 網域名稱設定
Day30 心得感想-工程師和網站經營者的不同思維

Facebook 粉絲頁 - TechMasters 工程師養成記
程式教育 - 工程師養成記

目前課程，歡迎有興趣的朋友可以來聽聽看

🎉Python金融分析與阿甘投資法：打造穩健投資策略🎉
透過本課程，學生不僅能掌握Python語法，還能學習到如何將其應用於實際金融領域中，提升自身的投資策略與技能。
報名官網：https://utrustcorp.com/product/python-investment-backtesting/

📊15小時打造專業銷售網站：從零到專業的旅程📈
課程旨在教授學生如何運用Wordpress搭建網站並進行線上數位品牌業務營銷。
本課程將提供學生全面的知識和實踐技能，以加強他們在線上市場中的競爭力。
報名官網：https://utrustcorp.com/product/start-wordpress/