這篇文章涵蓋了 電子商務 購物網站 的各個面向，從顧客的購買情境假設、訂單管理到行銷工具的運用，提供了完整的操作指南。

透過實例情境，詳細介紹了顧客在購物網站上的操作流程，包括使用優惠券、禮券、訂單管理等。

我們也針對如何編輯 購物網站 首頁、大圖輪播以及行銷工具的進階設定，以提升電商平台的效能與用戶體驗。

希望能能從中獲得實用的 電子商務 購物網站 操作技巧與行銷策略。

一.  購物網站 顧客購買 情境假設

想像一下，顧客在購物時的情境：

註冊會員選擇嘉里快遞運送商品，在結帳時使用優惠券折抵部分費用

1. 客戶登入網站後前往網路商店，選擇要購買的商品並加入購物車。

 

2. 選擇要購買的商品加入購物車，在結帳前的購物車畫面，客戶可以輸入可使用的優惠券或禮券代碼。

 

3. 輸入的優惠券（禮券）如果符合條件，會顯示在價格區塊，然後點選「進行結帳」按鈕繼續。

 

4. 結帳流程1：

輸入支付（帳單）地址，然後點選「繼續」按鈕繼續。

客戶可以選擇從既往的地址中選擇，或者建立新的地址資料。

 

5. 結帳流程2：

輸入運送（收貨）地址，然後點選「繼續」按鈕繼續。

客戶可以選擇從既往的地址中選擇，或者建立新的地址資料。

 

6. 結帳流程3：

選擇運送方法與支付方式。

客戶可以在「顧客註記」欄位填寫與商店的溝通事項。

 

7. 結帳流程4：

購買前的最後確認，確認購買商品、金額總計及運送、支付方式無誤後，點選下方按鈕購買。

8. 交易成功後會依支付方式顯示對應內容

9. 完成訂單之後，客戶可到會員中心「訂單狀態」查詢訂單。

 

10. 點選「訂單明細」即可看到訂單詳情。

 

11. 客戶完成訂購後，管理員及客戶都會收到訂單詳情的E-MAIL。

 

二、 訂單管理

1. 修改訂單狀態及通知客戶

(1) 點選上方選單［訂單管理］

 

(2) 點選訂單ID觀看訂單明細

 

(3) 可修改訂單狀態並選擇是否要通知客戶

 

(4) 也可在下方填入運送追蹤ID，更改完狀態後請按[儲存]按鈕

 

2. 編輯訂單內容

(1) 點選上方選單［訂單管理］

 

(2) 點選訂單ID觀看訂單明細

 

(3) 點選[編輯]按鈕

 

(4) 可修改「基本」、「支付地址」、「運送地址」、「商品」、「支付與運送方式」及「訂單摘要」

 

(5) 如需新增商品，請在「商品」分頁輸入商品SKU，再點選「新增商品至訂單」按鈕。

 

(6) 如需移除商品，則在要移除的商品前打勾，並點選「移除」按鈕，

也可選擇要「增加庫存」還是「減少庫存」，

如要更改數量請更改數字後按「更新」按鈕。

(7) 再按右下方［儲存並下一步］按鈕

 

 (8) 確認「支付與運送方式」及「訂單摘要」無誤後，在「訂單摘要」分頁右下角按「儲存訂單」按鈕。

(9) 回到「訂單明細」點擊「重寄電子郵件」提醒客戶訂單已更新。

 

三．免運費設定

1. 點選上方選單［訂單管理］

 

2. 選擇左邊［設定］->［運送方式］

 

3. 填寫顯示名稱如「滿額免運」，訂單小計請填寫免運金額如「3000」，即為3000免運。

 

4. 設定完成後請按［儲存＆關閉］按鈕

 

5. 可選擇是否要開啟這個功能，如需啟用請打勾

 

 

四、 訂單e-mail格式編輯

1. 點選上方選單［訂單管理］

 

2. 選擇左邊［設計］->［電子郵件主題］

 

3. 點擊連結進入

 

4. 進入後點擊 [進階設定] 分頁進行編輯

 

5. 完成之後再按上方［儲存］按鈕儲存，目前訂單版面如下：

 

五、 購物網站 首頁編輯

1. 進入 購物網站 首頁編輯系統

(1) 點選上方選單［首頁編輯］

 

(2) 進入後，滑鼠移到首頁旁，點選[首頁] 的頁面 [Frontend Editor] 前端編輯

 

2.  購物網站 大圖輪播

(1) 雖然大圖比例較窄，但不會影響顯示及編輯功能。

(2) 進入網頁編輯頁面，在要編輯的區塊點選滑鼠左鍵。

 

(3) 會出現左邊[大圖輪播]image carousel編輯畫面

 

(4) 往下拉，如需新增banner請點選[+ADD ITEM]按鈕，如需修改圖片請點選carousel item的圖示，目前共有３個ITEM。

 

(5) 往下拉，如需更換圖片請點選［REMOVE]圖片再上傳新圖片

 

(6) 修改完成後點選[save]儲存按鈕即可

 

3. 購物網站 修改頁面文字

(1) 進入網頁編輯頁面，在要編輯的區塊點選滑鼠左鍵。

 

(2) 在［content]標籤往下拉到[Text Content]修改文字

 

(3) 修改完成後點選[save]儲存按鈕即可

 

4. 購物網站 修改標題

(1) 進入網頁編輯頁面，在要編輯的區塊點選滑鼠左鍵。

 

(2) 在［content]標籤往下拉到[Text Content]修改圖片及文字，圖片尺寸為66 x 68px

 

(3) 修改完成後點選[save]儲存按鈕即可

 

5. 官方商品火熱預購中、精選現貨：使用購物車模組建立

 

(1) 如點擊區塊後左方欄位出現type-module，如下圖，代表此區塊由程式模組控制

 

(2) 這裡抓取的產品是在分類[官方商品火熱預購中]與[精選現貨]裡

 

6. 官方預購品牌

(1) 進入網頁編輯頁面，在要編輯的區塊點選滑鼠左鍵。

 

(2) 往下拉，目前寬度能放4個品牌logo，如需更換logo請點選carousel item的圖示。

 

(3) 往下拉，如需更換圖片請點選［REMOVE]圖片再上傳新圖片

 

(4) 修改完成後點選[save]儲存按鈕即可

 

7. 實體店面照片

(1) 進入網頁編輯頁面，在要編輯的區塊點選滑鼠左鍵。

 

(2) 如需更換圖片請點選［REMOVE]圖片再上傳新圖片。

 

(3) 修改完成後點選[save]儲存按鈕即可

 

六、 購物網站 行銷工具－優惠券

優惠券是預先載入特定價值和折扣資格的折價券，讓顧客在官網購物時享有額外的特權。

(1) 點選上方選單［訂單管理］

 

(2) 選擇左邊［銷售］->［優惠券］

 

1. 優惠券基本設定：

• 優惠券名稱：希望提供的優惠券名稱
• 優惠券代碼：為顧客分配的唯一代碼，供其使用
• 已發佈：將其設置為「是」，使優惠券對顧客可用
• 免費運送：將其設置為「是」，套用優惠券後免運費！
• 數值：優惠券的金額
• 數值類型：選擇優惠券的金額是固定金額還是訂單金額的特定百分比
• 有效期自和有效期至：在此設置優惠券的有效期，優惠券有效的日期範圍。

 

2. 優惠券進階設定

• 商品分類：選擇適用此優惠券的類別。
• 商品：適用於此優惠券的商品。
• 品牌或製造商：適用於此優惠券的品牌或製造商。
• 當顧客登入時使用：顧客需登入使用優惠券。
• 顧客群組：適用於此優惠券的顧客群組。
• 會員：適用於優惠券的會員 ID，留空即為全部套用。
• 最小花費：享有優惠券所需的最低金額。

 

3. 優惠券使用限制

• 優惠券個別使用：每張優惠券使用次數，任何顧客可使用優惠券的次數上限，＂留空＂即為不限制， 數字０則為不能使用。
• 顧客各自使用：每位顧客使用次數，每位顧客可使用優惠券的次數上限，＂留空＂即為不限制， 數字０則為不能使用。

 

4. 新增優惠券

(1) 點選”新增”按鈕

 

(2) 填寫相關設定後，點選”儲存＆關閉”按鈕

 

(3) 優惠券編輯畫面中點選工具列「優惠券紀錄」按鈕，觀看使用優惠券紀錄

 

七、 購物網站 行銷工具－禮券

1. 點選上方選單［訂單管理］

 

2. 選擇左邊［銷售］->［禮券］

 

3. 點選”新增”按鈕

 

4. 在「基本資訊」區塊輸入禮券相關資訊

• 禮券代碼：輸入客戶使用的禮券代碼，建議格式：英文大寫與數字
• 至電子郵件：輸入接收禮券的客戶電子郵件信箱
• 數值：輸入禮券折抵金額
• 類型：選擇禮券類型
• 啟動：選擇「啟動」讓禮券生效
• 訊息主題：輸入禮券信件的主題

 

5. 輸入進階資訊，在編輯區塊輸入信件內容

 

(6) 使用、寄送禮券折抵消費

點選禮券項目勾選方塊，然後點選工具列「傳送禮券」按鈕將禮券寄出，客戶收到後在購物時使用，折抵購物消費

 

(7) 傳送成功系統出現的畫面

---

j2store 電子商務 購物網站 教學：

j2store 電子商務 購物網站 教學1：建立商品

j2store 電子商務 購物網站 教學2：不同尺寸不同數量設定

j2store 電子商務 購物網站 教學3：過濾-篩選器教學

j2store 電子商務 購物網站 教學4：推薦商品、你可能喜歡、最近瀏覽－客製化程式模組

j2store 電子商務 購物網站 教學5：尺寸表及建立商品選項群

j2store 電子商務 購物網站 教學6：全方位購物網站操作與行銷技巧解析

參考資料：使用J2Store開設網路商店的10堂課：商品管理x物流x金流x客服一次搞定

 

---

相關文章：

SEO 從零開始：打造月營業額100萬的 電商 網站策略大揭秘

電商平台 與 自建品牌電商 的成本、優缺點、行銷策略的比較

OMO 時代：電商 購物網站 流量經營，啟動品牌成功之路

網路開店的成本結構

日本精品服飾 購物網站 網頁設計 與架構分析

---