使用WordPress搭建B2C化工品商城并實現產品標簽篩選功能的詳細步驟:
一、準備工作
域名與主機
購買域名(如
vx88.cn
)。選擇支持PHP 7.4+和MySQL的主機(推薦:SiteGround、Bluehost)。
安裝WordPress
通過主機控制面板一鍵安裝WordPress。
二、安裝必要插件
WooCommerce(電商核心)
后臺 → 插件 → 安裝并激活
WooCommerce
。運行向導配置基礎設置(貨幣、支付方式、物流等)。
標簽篩選插件(二選一)
Product Filters for WooCommerce(免費/付費)
或YITH WooCommerce Ajax Product Filter(免費/付費)
安裝后進入插件設置界面,按需啟用標簽篩選功能。其他推薦插件
Advanced Custom Fields(管理自定義產品屬性)。
WPML(多語言支持,可選)。
WooCommerce PDF Invoices(生成訂單發票)。
三、設置產品分類與標簽
創建產品分類
進入 產品 → 分類,添加化工品分類(如:溶劑、樹脂、催化劑)。
根據業務需求設置層級(例如:溶劑 → 丙酮、甲醇)。
定義產品標簽(篩選屬性)
包裝規格(桶裝/瓶裝/噸袋)。
化學品等級(工業級/試劑級)。
安全等級(易燃/腐蝕性/毒性)。
核心標簽(必選):
進入 產品 → 標簽,添加標簽并關聯到對應產品。
自定義屬性擴展(可選)
使用 Advanced Custom Fields 添加字段(如:CAS編號、MSDS文檔下載鏈接)。
四、選擇并配置主題
推薦主題
Flatsome(專為WooCommerce優化,內置Ajax篩選)。
Shopkeeper(適合工業品商城)。
Astra(輕量級,可搭配Elementor自定義)。
配置主題
啟用主題后,進入 外觀 → 自定義,調整顏色、字體、頁眉/頁腳。
確保主題支持WooCommerce和篩選插件。
五、創建產品頁面
添加單個產品
進入 產品 → 添加新產品,填寫標題、描述、價格。
分配分類和標簽(如分類“溶劑”、標簽“桶裝”“工業級”)。
上傳產品圖(建議展示包裝、安全標識)。
批量導入(可選)
使用 WooCommerce CSV Importer 插件批量上傳產品數據。
六、配置標簽篩選功能
使用YITH Ajax篩選插件
選擇篩選類型(標簽、屬性、分類)。
設置顯示方式(下拉菜單/復選框)。
關聯到產品存檔頁(Shop頁面)。
進入 YITH → Ajax Product Filter。
創建篩選模塊:
前端展示
篩選欄通常自動出現在側邊欄或頂部。
測試篩選邏輯(例如:勾選“桶裝 + 工業級”僅顯示匹配產品)。
七、設置支付與物流
支付網關
PayPal(國際客戶)。
Stripe(信用卡)。
銀行轉賬(B2B大額交易)。
進入 WooCommerce → 設置 → 支付,啟用:
物流配置
進入 WooCommerce → 設置 → 配送,添加配送區域(如中國、東南亞)。
設置運費規則(按重量/固定費率)。
八、安全與合規
必做項
安裝SSL證書(主機通常提供免費Let's Encrypt)。
添加化學品安全聲明頁(包含MSDS、運輸注意事項)。
啟用GDPR合規插件(如 CookieYes)。
備份與安全
安裝 UpdraftPlus 定期備份。
使用 Wordfence 防止惡意攻擊。
九、測試與上線
功能測試
模擬用戶下單流程(添加商品 → 結賬 → 支付)。
測試標簽篩選組合(如“瓶裝 + 試劑級 + 非易燃”)。
性能優化
使用 WP Rocket 緩存插件加速。
壓縮圖片(插件:Smush)。
正式上線
提交網站到Google Search Console。
配置Google Analytics跟蹤交易。
十、后續維護
定期更新插件和主題。
添加新產品時同步更新標簽。
監控篩選功能的用戶行為(通過熱力圖工具如Hotjar)。
通過以上步驟,一個具備標簽篩選功能的B2C化工品商城即可上線運行。如需復雜定制(如按CAS編號搜索),可考慮開發自定義插件或聯系專業WordPress開發者。