網路商店目前可使用

線上販售

管理商品、購物車、付款、訂單、出貨與退換貨。

共 7 項操作・32 個步驟・最後複驗 2026-08-04

從哪裡進入

網站後台 → 商店總覽

照著下方圖文逐步完成

重點摘要（TL;DR）

公開站會產生商品店面與結帳；後台形成訂單、庫存、付款與履約流程。

什麼時候會用到

要在網站直接販售商品
要管理訂單、庫存與出貨
要設定運費、離島加價與出貨時效
要按重量計費或收貨到付款手續費

開始前先準備

• 先啟用線上販售功能
• 正式收款前完成付款整合與測試訂單

操作步驟與完成後的結果

每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。

建立商品、規格、分類與庫存

商店會有可展示或結帳的商品，並能依規格追蹤價格、貨號與庫存。

建立第一項可販售商品：從後台到公開頁

字幕預設關閉，避免和瀏覽器即時字幕重複。

QA 教學測試商品的公開商品頁，可核對名稱、價格與加入購物車入口。影片附可開關的繁體中文字幕、逐字稿與章節索引。

查看逐字稿查看章節

1
這一步要做
在網站後台左側按「網路商店」。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅框是現在要按的位置：左側「網路商店」。
1. 1操作
  位置：
  畫面左側選單的「網路商店」。
  動作：
  把滑鼠移到紅框內並按一下。
  結果：
  右側會開啟商店管理畫面。
完成後會看到
右側會開啟商店管理畫面，接著可進入商品清單。
2
這一步要做
在商店管理按「商品」，再按右上角「＋新增商品」。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先按上方「商品」，進入商品與庫存清單。
1. 1操作
  位置：
  商店管理頁上方的「商品」頁籤。
  動作：
  按「商品」。
  結果：
  會看到商品與庫存清單。
2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
再按右上角「＋新增商品」。
1. 2操作
  位置：
  商品清單右上角的「＋新增商品」。
  動作：
  按「＋新增商品」。
  結果：
  會開啟新增商品表單。
完成後會看到
畫面會開啟新增商品表單，既有商品不會被改動。
3
這一步要做
依序填商品名稱、主圖網址與實際售價，再按「建立商品」。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先輸入顧客看得懂的商品名稱。
1. 1操作
  位置：
  新增商品表單的「商品名稱」輸入框。
  動作：
  輸入商品名稱。
  結果：
  名稱會成為商品卡與公開頁的主標題。
2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
使用圖片網址時，網址必須能公開載入且素材有使用權。
1. 2操作
  位置：
  商品照片區展開後的圖片網址輸入框。
  動作：
  貼上可公開載入的商品圖片網址。
  結果：
  表單會顯示商品主圖預覽。
3
手機可左右滑動畫面，看清楚紅圈與欄位文字。
實際售價只填整數；這才是結帳真正收取的金額。
1. 3操作
  位置：
  商品主圖下方的「實際售價」欄位。
  動作：
  輸入大於 0 的整數售價。
  結果：
  公開頁與購物車會使用這個金額。
4
手機可左右滑動畫面，看清楚紅圈與欄位文字。
名稱、主圖與售價確認後，按「建立商品」。
1. 4操作
  位置：
  新增商品表單最下方的「建立商品」。
  動作：
  按「建立商品」。
  結果：
  系統會進入商品詳細編輯頁，狀態仍是草稿。
完成後會看到
系統會建立草稿商品並開啟詳細編輯頁，尚未公開上線。
4
這一步要做
有尺寸或顏色時，打開「規格」、勾選啟用規格，填兩個規格軸，再核對組合表。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
商品真的有尺寸、顏色等選項時，才勾選「啟用規格」。
1. 1操作
  位置：
  商品編輯頁「規格」區的啟用規格核取列。
  動作：
  勾選「啟用規格」。
  結果：
  下方會出現規格名稱、選項與組合表。
2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
尺寸填 S、M、L、XL；顏色填石墨黑、燕麥米、深海軍，選項用逗號分開。
1. 2操作
  位置：
  第二個規格軸的顏色選項輸入框。
  動作：
  用逗號分開輸入每個顏色。
  結果：
  系統會把尺寸與顏色排成 12 種組合。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框確認組合表已產生；每列可填庫存、價格覆寫與貨號。
1. ✓核對
  位置：
  規格組合表第一列「S／石墨黑」的庫存欄。
  動作：
  核對每種組合都有一列；需要追蹤庫存時再填數量。
  結果：
  畫面顯示 12 種規格組合，並可分開管理。
完成後會看到
系統會建立尺寸與顏色的所有組合，每一列可分別填庫存、價格與貨號。
5
這一步要做
先按「儲存變更」，再按「立即發佈」，最後從公開頁核對主圖與購買按鈕。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先儲存內容；儲存不等於公開上線。
1. 1操作
  位置：
  商品編輯頁最下方的「儲存變更」。
  動作：
  按「儲存變更」。
  結果：
  後台會保存最新內容，商品仍可維持草稿。
2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
資料確認完成後，再按右上角「立即發佈」。
1. 2操作
  位置：
  商品編輯頁右上角的「立即發佈」。
  動作：
  按「立即發佈」。
  結果：
  商品狀態會變成已發佈。
✓1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠框核對公開商品主圖已正確載入。
1. ✓1核對
  位置：
  公開商品頁左側的大型商品主圖。
  動作：
  核對圖片內容與後台主圖一致。
  結果：
  訪客能清楚看到商品主圖。
✓2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
選完尺寸與顏色後，綠框按鈕會顯示「加入購物車」。
1. ✓2核對
  位置：
  公開商品頁規格選項下方的購買按鈕。
  動作：
  先選尺寸與顏色，再核對按鈕可用。
  結果：
  按鈕顯示「加入購物車」，商品已可開始販售。
完成後會看到
公開商品頁會顯示主圖、名稱、價格與規格，選完規格後可加入購物車。

注意事項

• 「庫存」留空代表不追蹤，不等於庫存為 0。
• 規格各自有庫存時，要為每個可販售組合填正確貨號與數量。

開啟這項操作的獨立教學頁

設定付款、通知與交付方式

顧客能選到正確付款與取貨方法，店家也會收到新訂單通知。

收款與交付：購物車、付款、交付與通知

字幕預設關閉，避免和瀏覽器即時字幕重複。

商店總覽顯示開店完成度與付款交付設定入口。影片附可開關的繁體中文字幕、逐字稿與章節索引。

查看逐字稿查看章節

1
這一步要做
到「商店設定」→「店面與銷售」，把銷售模式設為購物車結帳，並儲存。
1✓
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先按紅色 1 的「店面與銷售」，再往下找到銷售模式並選購物車結帳。綠色勾只確認已進入正確的店面設定區；公開購物車要用下一張圖另外核對。
1. 1操作
  位置：
  商店設定頁上方第二層選單的「店面與銷售」。
  動作：
  按「店面與銷售」，往下找到銷售模式，選「購物車／結帳」後儲存。
  結果：
  公開商品會出現購物車與結帳流程，不會只留下詢價入口。
2. ✓核對
  位置：
  店面設定中央的頁面與分類預覽區。
  動作：
  確認頁面快速入口與商品分類區已出現，代表目前在正確的店面與銷售設定頁。
  結果：
  可以繼續往下設定銷售模式；這裡不代表公開購物車已通過測試。
✓1✓2
手機可左右滑動畫面，看清楚紅圈與欄位文字。
儲存後一定要再開公開商品頁。綠色勾 1 核對商品與價格，綠色勾 2 核對「加入購物車」確實出現；若只看到詢價，回店面設定重查銷售模式。
1. ✓1核對
  位置：
  公開商品頁中央的商品名稱、說明與價格。
  動作：
  核對這件商品已發佈，而且售價正確。
  結果：
  公開頁能看到商品內容與明確售價。
2. ✓2核對
  位置：
  公開商品頁下方的「加入購物車」。
  動作：
  確認按鈕存在並實際按一次。
  結果：
  商品會進入購物車，代表購物車銷售模式已生效。
完成後會看到
公開商品會使用購物車與結帳流程，而不是只顯示詢價。
2
這一步要做
到「付款與發票」，勾選要收的付款方式；銀行轉帳時填「銀行（含分行）」、「銀行代碼」、「戶名」、「帳號」，線上付款則選主要金流與測試／正式環境，按「儲存付款與發票」。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅色 1 是付款設定入口；紅色 2 只開啟店家現在真的能處理的付款方式。測試時優先用人工確認或測試金流。
1. 1操作
  位置：
  商店設定上方的「付款與發票」。
  動作：
  按「付款與發票」，先確認目前是測試流程還是正式收款。
  結果：
  畫面會列出人工確認、貨到付款、銀行轉帳與線上付款。
2. 2操作
  位置：
  付款方式區中的「人工確認」選項。
  動作：
  第一次測試先選人工確認；正式線上收款再填店家自己的金流憑證。
  結果：
  結帳頁只顯示已開啟且資料完整的付款方式。
完成後會看到
結帳頁會顯示已開啟且資料完整的付款方式。
3
這一步要做
到「配送與取貨」，開啟實際提供的宅配、超商取貨或到店自取，填運費、免運門檻或取貨說明，按「儲存配送與取貨」。
123
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅色 1 進入配送設定，紅色 2 選交付類型，紅色 3 儲存。沒有能力履行的方式不要開啟。
1. 1操作
  位置：
  商店設定上方的「配送與取貨」。
  動作：
  按「配送與取貨」，先選商品實際怎麼交給顧客。
  結果：
  畫面會顯示無需配送、餐飲取餐或物流配送。
2. 2操作
  位置：
  「這家店如何交付商品？」下方三張方式卡片。
  動作：
  依實際服務選一種，再填運費、免運門檻或取貨說明。
  結果：
  顧客結帳時只看到店家確實能履行的交付方式。
3. 3操作
  位置：
  交付說明下方的「儲存配送與取貨」。
  動作：
  核對方式與費用後按儲存。
  結果：
  重新整理後仍保留同一組配送設定。
完成後會看到
顧客結帳時能選擇可用交付方式並看到正確費用與說明。
4
這一步要做
到「接單與通知」，填「Email 通知收件人」，需要時選「LINE 通知對象」，按「儲存接單與通知」。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅色 1 進入通知設定，紅色 2 確認商店正在接單；再往下填仍有人查看的 Email 或 LINE 對象。
1. 1操作
  位置：
  商店設定上方的「接單與通知」。
  動作：
  按「接單與通知」，往下找到老闆通知欄位。
  結果：
  可以設定接單狀態、Email 收件人與 LINE 通知對象。
2. 2操作
  位置：
  接單狀態區的「開放接單」。
  動作：
  確認商店開放接單，再填仍有人使用的通知帳號並儲存。
  結果：
  測試訂單成立後，指定收件人會收到通知。
完成後會看到
新訂單會通知指定 Email，或傳給所選 LINE 聯絡人。
5
這一步要做
回「商店總覽」看開店完成度：先核對已發佈商品與購物車模式，再依未完成項目回到接單通知、付款或配送頁補齊。最後一定要跑一筆不扣款測試單。
✓1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠色勾先核對已發佈商品與購物車模式；紅色 1 是仍未完成的接單通知。設定齊全後還要跑測試單。
1. ✓核對
  位置：
  商店總覽右下方的開店完成度清單上半部。
  動作：
  先核對已發佈商品與購物車模式是否有綠色勾。
  結果：
  代表商品與銷售模式已具備，接著補齊通知、付款與交付。
2. 1操作
  位置：
  完成度清單中的「確認接單通知」。
  動作：
  回接單與通知頁，填妥收件人後儲存。
  結果：
  此項會改為完成。
完成後會看到
完成度清單的必要項目會逐項打勾，而且測試單能從下單走到後台處理。

注意事項

• 正式金流一定要先在測試環境走通，再切換「正式環境」。
• 不要開啟實際無法履行的付款或配送方式。

開啟這項操作的獨立教學頁

建立優惠券

顧客可在結帳輸入代碼，依規則取得固定折扣、百分比、買送或組合價。

1
這一步要做
到「商品與庫存」→「優惠與成長」，按新增優惠活動的按鈕。
完成後會看到
畫面會開啟優惠活動表單。
2
這一步要做
填「名稱 *」與「代碼 *」，並把「狀態」選為「公開」。
完成後會看到
優惠券會有店家辨識名稱與顧客輸入代碼，且可在前台使用。
3
這一步要做
在「折扣種類」選「固定金額（折 $N）」、「百分比（打 N 折）」、「買 X 送 Y」或「組合固定價」，再輸入折扣數值與適用門檻。
完成後會看到
系統會依所選種類計算優惠。
4
這一步要做
設定開始／結束時間、使用次數與適用商品，需要時勾選「不可與其他優惠（含會員點數折抵）並用」。
完成後會看到
優惠只會在指定時間、次數與商品範圍內成立。
5
這一步要做
按建立優惠券的儲存按鈕。
完成後會看到
新優惠活動會出現在「優惠與成長」清單。

注意事項

• 「關閉」狀態會保留設定，但顧客輸入時會被拒絕。
• 代碼在同一商店不能重複；建議使用清楚的全大寫英數。

處理訂單、棄單與付款狀態

團隊能找到待處理訂單、確認付款，並追查沒有完成結帳的購物車。

1
這一步要做
到「商店總覽」→「訂單管理」，用「搜尋單號、姓名、電話、商品或規格」找訂單。
完成後會看到
清單會顯示符合關鍵字的訂單。
2
這一步要做
點開訂單，先核對訂單項目、付款方式、付款狀態與時間軸；人工付款要先在銀行或金流後台確認實際入帳。
完成後會看到
你會知道訂單目前是否可進入出貨。
3
這一步要做
依訂單頁可用按鈕更新付款與訂單狀態。
完成後會看到
訂單卡與時間軸會留下新的狀態紀錄。
4
這一步要做
要查沒有完成付款的購物車，回「訂單管理」開啟「未完成結帳」。
完成後會看到
畫面會列出尚未完成的購物車或線上付款棄單。

注意事項

• 銀行轉帳或其他人工付款不能只看顧客回報，必須查驗實際入帳。
• 已取消訂單若事後收到付款，系統會留下警示，仍需人工確認退款或後續處理。

揀貨、裝箱、匯入物流單號

待出貨訂單會從揀貨、裝箱一路走到物流追蹤，並可通知顧客。

1
這一步要做
到「訂單管理」→「出貨處理」，勾選待處理訂單後按「建立揀貨批次」。
完成後會看到
系統會建立一個揀貨批次，集中列出要拿取的商品與數量。
2
這一步要做
開啟批次，按「揀貨單」查看或「列印揀貨單」，再按「開始揀貨」。
完成後會看到
批次會進入揀貨中，工作人員可依清單拿貨。
3
這一步要做
完成揀貨後建立包裹，核對裝箱明細；需要紙本時使用「列印裝箱明細」或包裹的「列印 100×150 標籤」。
完成後會看到
訂單品項會被放入可追蹤的包裹。
4
這一步要做
在履約單輸入物流商、追蹤碼與追蹤連結；大量資料可在「出貨處理」使用匯入區並按「匯入」。
完成後會看到
包裹會保存物流資訊，顧客可收到出貨與追蹤通知。

注意事項

• 物流單號要對到正確訂單與包裹，匯入前先核對單號欄。
• 多包裹訂單要分別填追蹤碼，不要把同一碼誤套到所有包裹。

處理退換貨

退貨或換貨會有獨立案件可追蹤，但退款仍留在訂單付款流程處理。

1
這一步要做
到「出貨處理」打開已交寄或已送達的履約單。
完成後會看到
履約單會顯示包裹、物流與售後操作。
2
這一步要做
按「建立退換貨案件」，選退貨或換貨，勾選商品與數量，填「退換原因」。
完成後會看到
履約單會多一筆退換貨案件。
3
這一步要做
到「出貨處理」→「退換貨」，依案件進度更新收到退回商品、換貨補寄或結案。
完成後會看到
團隊能從退換貨清單看到案件目前階段。
4
這一步要做
若要退錢，回到原訂單的付款／退款區完成退款，再回退換貨案件標記結案。
完成後會看到
金流退款與物流案件會各自留下正確紀錄。

注意事項

• 「退換貨」是物流工作，不會自動退款。
• 只有已交寄或已送達的履約單可以建立退換貨案件。

跑完第一筆測試訂單

你能在正式營業前驗證商品、優惠、付款、庫存、通知與出貨流程。

測試訂單到出貨：收單、確認與履約

字幕預設關閉，避免和瀏覽器即時字幕重複。

訂單管理後台使用既有合成測試單示範後續檢查。影片附可開關的繁體中文字幕、逐字稿與章節索引。

查看逐字稿查看章節

1
這一步要做
在「商店設定」→「付款與發票」只開啟不會真扣款的方式：第一次建議選「人工確認」；若要測線上金流，才改用租戶自己的測試商店，確認畫面明確標示測試環境後再儲存。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先從紅色 1 進入付款頁，再用紅色 2 選人工確認或明確標示的測試金流，避免誤扣正式款項。
1. 1操作
  位置：
  商店設定上方的「付款與發票」。
  動作：
  打開付款設定，確認不要使用正式環境。
  結果：
  畫面會顯示目前可用的付款方式與環境。
2. 2操作
  位置：
  付款方式區的人工確認或測試金流選項。
  動作：
  只開啟不扣款的測試方式，儲存後再開始下單。
  結果：
  這筆測試不會走正式扣款。
完成後會看到
結帳頁只出現人工確認或明確的測試金流，測試訂單不會走正式扣款。
2
這一步要做
用公開網站把一件測試商品加入購物車，選配送方式，需要時輸入測試優惠券，完成結帳與測試付款。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
先確認這是明確標示的測試商品與測試金額，再按紅色 2 加入購物車。
1. 1操作
  位置：
  公開商品頁中央的商品名稱、測試說明與 NT$100。
  動作：
  確認商品明確寫著測試方案，且金額是可辨識的測試金額。
  結果：
  不會把正式販售商品或正式金額誤當成測試。
2. 2操作
  位置：
  商品頁下方的「加入購物車」。
  動作：
  按「加入購物車」，再前往購物車。
  結果：
  購物車會出現這件測試商品。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅色 1 核對商品與數量，紅色 2 只填合成測試資料並選不扣款方式，最後才送出訂單。
1. 1操作
  位置：
  購物車左上方的商品、單價、數量與小計。
  動作：
  核對商品、數量與 NT$100 小計。
  結果：
  總計與商品小計一致。
2. 2操作
  位置：
  右側結帳資訊、付款方式與送出訂單按鈕。
  動作：
  只填合成姓名、Email、電話與地址，選人工確認或測試金流後送出。
  結果：
  顧客畫面顯示訂單成立，且沒有真實扣款。
完成後會看到
顧客畫面會顯示訂單成立或付款結果。
3
這一步要做
到「訂單管理」找到測試訂單，核對金額、折扣、付款、客戶、配送資料與庫存扣減。
✓1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠色勾先核對單號、商品與金額；紅色 1 再核對付款方式、付款時間與交付資料。
1. ✓核對
  位置：
  訂單詳情上方的單號、狀態、商品、數量與合計。
  動作：
  逐項對照買家端送出的商品與 NT$100 金額。
  結果：
  商品、數量與金額完全一致。
2. 1操作
  位置：
  商品卡下方的客戶資訊與付款資料。
  動作：
  核對付款方式、付款時間與交付資料，再依真實入帳更新狀態。
  結果：
  訂單狀態反映真實付款事實，不因送出訂單就誤標已付款。
完成後會看到
後台資料會和公開結帳內容一致。
4
這一步要做
先到通知收件匣核對店家新訂單通知與顧客訂單信都收到、單號與金額一致；再回後台「出貨處理」，勾選同一張測試單，建立揀貨批次，依序完成揀貨、裝箱與測試追蹤碼。
12
手機可左右滑動畫面，看清楚紅圈與欄位文字。
這張圖只示範後台履約：紅色 1 選待處理訂單，紅色 2 建立揀貨批次。通知信要在進入此畫面前，另到店家與顧客收件匣核對單號、金額。
1. 1操作
  位置：
  待處理清單中的測試訂單列。
  動作：
  先核對單號、配送方式、金額與缺貨警示，再勾選要處理的訂單。
  結果：
  右上方會顯示已選訂單與件數。
2. 2操作
  位置：
  待處理清單右上方的「建立揀貨批次」。
  動作：
  確認訂單可履約後按下，接著依序揀貨、裝箱與交寄。
  結果：
  訂單會進入履約處理，不再停在待處理。
完成後會看到
兩封通知都有正確單號與金額；同一張測試單也能從待處理進入履約流程。
5
這一步要做
不扣款的測試單完成後，先在訂單明細按「取消訂單」。回到「訂單管理」只按「已取消」篩選，再核對同一張測試單的「收款：已取消」；不要用退款流程取代這個測試。
1
手機可左右滑動畫面，看清楚紅圈與欄位文字。
紅色 1 只標示「已取消」這一個篩選按鈕。按下後，按鈕會變成橘色，清單只留下已取消訂單。
1. 1操作
  位置：
  訂單管理搜尋框下方的「已取消 6」。
  動作：
  只按「已取消」，不要按其他付款或處理狀態。
  結果：
  「已取消」變成橘色，清單只留下 6 張已取消訂單。
手機可左右滑動畫面，看清楚紅圈與欄位文字。
綠色勾只核對第一張測試單的「收款：已取消」。單號、商品與 NT$100 仍留在旁邊，方便確認是同一張測試單。
1. ✓核對
  位置：
  F7D0-4527 訂單單號右側的「收款：已取消」。
  動作：
  把單號、商品與金額和測試前記錄對上，再核對收款狀態。
  結果：
  同一張 NT$100 測試單顯示「收款：已取消」。
完成後會看到
「已取消」篩選呈現選取狀態，清單中的同一張測試單顯示「收款：已取消」，而且沒有真實退款動作。