本章僅在站台已開啟電商模組,且帳號有電商權限時適用。
這模組在做什麼?
讓訪客可在前台瀏覽商品、加入購物車並結帳;站方在後台管理商品、訂單與商店設定。
前台常見入口:
- 商店:
/shop - 另有購物車、結帳等路徑(模組關閉時通常無法使用)
也可在頁面中用連結或區塊導向商店。
後台主要入口
側欄「電商」區常見項目:
| 位置 | 用途 |
|---|---|
| 商品 | 新增/編輯商品、價格、庫存/規格等(依貴站功能) |
| 訂單 | 查看與處理訂單狀態 |
| 商店設定 | 結帳、物流、金流等商店層設定 |
| 分類/會員等級等 | 依貴站是否啟用相關子功能 |
路徑多為 /admin/commerce/products、/admin/commerce/orders、/admin/commerce/store。
誰可以操作?
| 能力 | 預設 |
|---|---|
| 商品、訂單、一般商店設定 | 站長、編輯可寫 |
| 綠界等金流憑證/密鑰 | 多半僅站長(編輯預設無) |
金流相關錯誤或無法儲存憑證時,請用站長帳號操作,或請站長調整權限。
建議上線前檢查
- 商品資料、價格、上架狀態是否正確。
- 商店設定:運費/取貨/結帳欄位是否符合營運。
- 金流(若使用):由站長完成憑證設定並做一筆測試。
- 前台
/shop與導覽連結是否可到達。
進階:線上設計/Web-to-Print(商品客製化)
此節僅在站台已開電商,且平台有授權線上設計(Web-to-Print)時適用。
對站長與買家而言,「Web-to-Print」與「商品客製化」指的是同一套能力:在網頁上用設計編輯器排版後再下單,不是兩套互不相干的產品。
買家會經歷什麼?
- 在商店開啟支援設計的商品(商品需啟用印刷/設計相關選項)。
- 點「設計」類按鈕後,進入全螢幕線上編輯器(獨立服務,網域常見為
studio.timtech.tw;以 iframe 嵌在您的站台流程中)。 - 依模板編輯文字、圖片、版面後儲存設計稿。
- 回到商店/購物車完成結帳;後續由系統處理設計稿與訂單(含可能的 PDF 匯出等,細節依方案)。
未授權此能力時,商品頁不會出現設計流程;一般「選規格 → 加購 → 結帳」仍可正常使用。
站長/編輯在後台要做什麼?
| 工作 | 說明 |
|---|---|
| 確認模組已開 | 電商+線上設計皆須由平台授權;站長無法自行打開 |
| 設定可設計的商品 | 在商品編輯中啟用印刷/設計相關選項,並準備模板或設計欄位(畫面名稱以貴站為準) |
| 維護模板(若有) | 後台可管理印刷模板;開啟編輯器時同樣走 studio 編輯介面 |
| 處理訂單 | 訂單詳情可見與設計稿相關的檔案/狀態(依貴站實際畫面) |
注意事項
- 編輯器由平台獨立部署與維護;您不需要自己架設
studio網站。 - 設計稿與一般商品圖不同,請勿只靠圖庫刪圖流程理解設計檔生命週期。
- 訪客未完成的草稿可能有保存期限,請勿假設草稿會永久保留。
- 若商品頁沒有設計按鈕:先確認平台是否授權、該商品是否啟用設計,再查瀏覽器是否擋下第三方 iframe。
其他電商延伸(會員等級、檔案上傳型商品等)是否出現仍依方案與設定;以側欄與商品編輯畫面為準。
相關說明
- 〈模組如何開啟〉
- 〈前台登入與會員中心〉(買家查訂單常需登入)
- 〈成員與權限〉
- 〈品牌與基本設定〉(商店頁也會吃全站品牌)
- 〈郵件通知〉(訂單信開關)