網路商店商品頁操作手冊
已完成
Part 2
① 右上「新增」工具(有權限才看得到) ② 選「商品」=直接在前台建一件新商品。
① 產品名稱(經典棉質 T‑Shirt) ② 銷售價格(NT$ 500) ③ 銷售稅項(此站預設 5%) ④ 右側相機可上傳封面圖(也可稍後在商品頁換,Part 6)。
① 右側三頁籤:內容區塊/自訂/設計主題(Part 3) ② 內容區塊清單(拖曳用,Part 7) ③ 底部「拖曳區塊到這裡」=商品描述區(Part 7)。
從前台建立商品
不必進後台,直接在網站前台就能一鍵開賣。這一章從 /shop 建立示範商品「經典棉質 T‑Shirt」,存檔後系統會直接把你帶到商品頁的編輯模式,接著 Part 3 起就在那裡調整外觀。
路徑:登入網站 › 右上 新增 › 商品
A. 這一章的流程
① 新增 › 商品
→
② 填名稱/價格
→
③ 儲存
→
④ 落地編輯模式
B. 逐步操作
1
從前台「新增」選「商品」
以管理員登入網站後,右上深色列會有「新增」。點它展開九宮格,選「商品」:
2
填最基本欄位
跳出「新產品」小視窗,只要填名稱與售價就能開賣,其餘之後再補:
| 欄位 | 填什麼 | 備註 |
|---|---|---|
| 產品名稱 | 商品標題 | 顧客看到的名稱 |
| 條碼 | (選填)商品條碼 | 庫存/掃碼用 |
| 銷售價格 | 未稅或含稅單價 | 與 Part 1「連稅/未連稅」設定搭配 |
| 銷售稅項 | 套用的稅 | 依公司稅務預設 |
| 網站類別 | (選填)商店分類 | 方便前台分類導覽 |
3
儲存 → 直接落在商品頁編輯模式
按「儲存」,系統建立商品並把你帶到它的前台商品頁、且已進入編輯器。右側面板就是後面幾章的主角:
💡 前後台同一筆前台建立的商品與後台是同一筆資料。前台調外觀,回後台一樣看得到;屬性、庫存等深入設定則在後台表單(Part 8)。
⚠️ 注意事項
- 剛建立的商品可能尚未發佈,顧客在 /shop 看不到屬正常——發佈切換在商品頁右上(顯示「已發佈」綠燈即上線)。
- 只填了名稱、價格的商品就能賣,但沒有圖、沒有規格;接著 Part 6 放圖、Part 8 設顏色尺寸,商品才完整。
- 價格顯示成
NT$ 525而你填 500,是因為含了 5% 稅(Part 1 選了「連稅」)。
如何查到
前台:登入網站 › 右上 新增 › 商品。後台總覽:電子商務 › 產品。已建立的商品,到 /shop 點卡片即可再編輯。