數位行銷

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

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

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

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

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

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

想像一下,顧客在購物時的情境:

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

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

 

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

 

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

 

4. 結帳流程1:

輸入支付(帳單)地址,然後點選「繼續」按鈕繼續。

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

j2store6 4

 

5. 結帳流程2:

輸入運送(收貨)地址,然後點選「繼續」按鈕繼續。

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

j2store6 5

 

6. 結帳流程3:

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

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

j2store6 6

 

7. 結帳流程4:

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

j2store6 7

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

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

j2store6 1

 

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

j2store6 8

 

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

j2store6 9

 

二、 訂單管理

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

(1) 點選上方選單[訂單管理]

j2store6 10

 

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

j2store6 11

 

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

j2store6 12

 

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

j2store6 13

 

2. 編輯訂單內容

(1) 點選上方選單[訂單管理]

j2store6 10

 

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

j2store6 11

 

(3) 點選[編輯]按鈕

j2store6 14

 

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

j2store6 15

 

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

j2store6 18

 

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

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

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

j2store6 19

(7) 再按右下方[儲存並下一步]按鈕

j2store6 20

 

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

j2store6 21

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

j2store6 22

 

三.免運費設定

1. 點選上方選單[訂單管理]

j2store6 10

 

2. 選擇左邊[設定]->[運送方式]

j2store6 53

 

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

j2store6 54

 

4. 設定完成後請按[儲存&關閉]按鈕

j2store6 46

 

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

j2store6 55

 

 

四、 訂單e-mail格式編輯

1. 點選上方選單[訂單管理]

j2store6 10

 

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

j2store6 23

 

3. 點擊連結進入

j2store6 24

 

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

j2store6 25

 

5. 完成之後再按上方[儲存]按鈕儲存,目前訂單版面如下:

j2store6 26

 

五、 購物網站 首頁編輯

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

(1) 點選上方選單[首頁編輯]

j2store6 27

 

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

j2store6 28

 

2.  購物網站 大圖輪播

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

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

j2store6 29

 

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

j2store6 30

 

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

j2store6 56

 

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

j2store6 31

 

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

j2store6 57

 

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

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

j2store6 32

 

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

j2store6 33

 

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

j2store6 57

 

4. 購物網站 修改標題

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

j2store6 34

 

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

j2store6 35

 

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

j2store6 57

 

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

j2store6 36

 

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

j2store6 37

 

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

 

6. 官方預購品牌

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

j2store6 38

 

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

j2store6 39

 

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

j2store6 40

 

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

j2store6 57

 

7. 實體店面照片

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

j2store6 41

 

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

j2store6 42

 

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

j2store6 57

 

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

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

(1) 點選上方選單[訂單管理]

j2store6 10

 

(2) 選擇左邊[銷售]->[優惠券]

j2store6 44

 

1. 優惠券基本設定:

j2store6 58

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

 

2. 優惠券進階設定

j2store6 59

j2store6 60

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

 

3. 優惠券使用限制

j2store6 61

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

 

4. 新增優惠券

(1) 點選”新增”按鈕

j2store6 45

 

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

j2store6 46

 

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

j2store6 48

 

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

1. 點選上方選單[訂單管理]

j2store6 10

 

2. 選擇左邊[銷售]->[禮券]

j2store6 47

 

3. 點選”新增”按鈕

j2store6 45

 

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

j2store6 49

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

 

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

j2store6 50

 

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

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

j2store6 51

 

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

j2store6 52


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

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

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

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

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

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

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

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

 


相關文章:

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

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

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

網路開店的成本結構

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


網頁設計 問與答:

網站建置 報價相關  https://des13.com/faq/quote.html

網站建置 技術相關  https://des13.com/faq/webtech.html

購物網站 網路開店    https://des13.com/faq/e-commerce.html

B2B形象官網建置   https://des13.com/faq/b2b.html

網站升級維護  https://des13.com/faq/upgrade.html


推薦閱讀:omo跨境品牌電子商務購物網站 全後台模組化形象官網

簡易電子書下載:一頁式網頁設計電子書

如果您喜歡我們的文章,歡迎分享!也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡

全後台模組化形象官網,符合各式商業模式與需求,請參考:https://des13.com/service/rwd.html

Written by Ring
作者:益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。 
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

406台中市北屯區文心路四段955號11樓之2(需預約諮詢)

04-37072202 /  0919-413187 

thedes13 

 
coupon 1
點此加我們LINE
DMC Firewall is developed by Dean Marshall Consultancy Ltd