【電商新手系列一】零基礎 OK!簡單5步驟輕鬆開設網路商店
最後更新 2024-07-31

「後台功能好多,要從哪開始設定才好?」
「沒有開店經驗,看起來好難...」
「已註冊開店,但完全沒有頭緒怎麼辦?」

有心經營網路市場建立專屬商店,卻礙於不知從何開始的您,是否有相同的疑慮呢? 這些心聲 WACA 完全明白!我們為您準備了新手快速開店設定教學,就算零經驗、無基礎, 只要跟著我們的五步驟開店教學,就可以輕鬆完成商店營運的基本設定,讓商店快速開張,開始迎接第一筆網路生意囉!

成功設定小秘訣

  1. 請事先準備以下尺寸的圖片:
    用途 圖檔類型 圖片尺寸 檔案限制 設定位置
    商品主圖 JPG 長寬任一邊須大於 600px 小於 200 KB 商品登錄 ➜ 新增商品

    商店 LOGO
    頁尾 LOGO

    JPG/PNG 200 x 200 px 小於 650 KB 商店設定 ➜ 關於
    商店佈景 ➜ 頁尾元件
    頁首 LOGO JPG/PNG 寬度小於 1140 px 小於 650 KB 商店佈景 ➜ 頁首元件
    廣告 Banner JPG/PNG/GIF JPG:大於 1920 x 上限 3000 px
    PNG/GIF:1920 x 上限 3000 px
    JPG:小於 800 KB
    PNG:小於 500 KB
    GIF:小於 1 MB
    商店佈景 ➜ G1-01 網格 ➜ 圖片元件
  2. 操作後台時,可以點擊「紅色小問號」查看詳細說明。
    紅色小問號
  3. 設定完成後,請點擊「儲存」按鈕。
    儲存按鈕
    ※ 點擊連結快速前往段落 ※

目錄

 
   
 

 

 

   

商品分類與上架販售

 

網路商店最重要的靈魂是我們販售的商品,首先依照商品的特性進行分類,建立商店瀏覽選單,幫助客戶快速的找到商品順利選購。加上完整詳細的商品上架資訊,能讓消費者了解商品,也能大大減少退貨機率。

 

 

   

新增商品分類

 

  1. 設定路徑:後台「商品登錄」 ➜ 「商品分類」 選擇「+新增商品分類」。
    新增商品分類設定路徑
  2. 輸入「分類名稱」 ➜ 「儲存」。
    商品分類設定欄位
  3. 點擊「儲存」後會顯示,是否要前往選單設定管理商品分類的顯示與排序的訊息,請點擊『立即前往』。
  4. 頁面會連結到「商店設定」 ➜ 「選單管理」頁,剛剛新增的商品分類會在選單排序的最下方
    選單開關預設為隱藏,請將上方選單/左方選單切換至『顯示』,這樣設定好的商品分類才會在商店頁面顯示喔!
    進入選單管理開啟商品分類顯示按鈕

 

 

   

商品上架設定

 

  1. 設定路徑:後台「商品登錄」 ➜ 「商品列表」 ➜  選擇「+新增商品」。
    商品登錄新增商品上架設定路徑
  2. 分別勾選及填寫新增商品的各項欄位,包含商品類別、商品編號、品名、金額、商品分類、可使用運送方式、上傳圖片、商品庫存、商品詳情、首頁&前台顯示切換,設定完成後請點擊「儲存」按鈕。
    提醒您:按下儲存若無任何反應,代表有必填欄位未填寫(會顯示紅字提醒),請再次確認各欄位的正確性。
    完整畫面 | 使用右側捲軸滑動瀏覽
  3. 設定中可隨時透過「即時預覽」確認商品在商店的呈現畫面。
    商品上架可隨時透過即時預覽查看
  4. 商品依照我們的設定,已輕鬆完成上架。圖片根據產業不同有各自的拍攝情境與技巧,加上有說服力的商品介紹都能刺激消費者購買慾望,後續商家可針對此部分多加調整喔!
    依照設定步驟完成上架後,商品頁面呈現範例說明

 

 

   

金流&物流申請與設定

 

WACA 提供便捷的第三方金、物流串接服務,並確保收款的安全性,多元化的付款與運送方式讓消費者自由選擇,可有效提升訂單成交率;推薦使用 PayNow以下將協助您設定 WACA 商家常用的付款及運送方式:

金、物流功能 設定項目 設定項目
付款方式 轉帳匯款 PayNow 信用卡
運送方式 一般宅配 PayNow 7-11取貨
運費設定 針對設定的運送方式設定運費

 

 

   

付款方式設定

 

  • 「轉帳匯款」設定流程

  1. 設定路徑:「商店設定」 ➜  進入「付款設定」 ➜ 「轉帳匯款」。
    付款方式-轉帳匯款設定路徑說明
  2. 進入頁面,在「基本設定」與「匯款銀行資訊」填入資料,確認無誤後儲存即完成。
    轉帳匯款必填

 

  • PayNow 付款方式申請及設定流程

  1. 註冊前請備妥以下文件檔案:
    PayNow 會員註冊需備文件
    會員類別 公司會員 個人會員
    需備文件  ① 負責人身份證正、反面  ① 負責人身份證正、反面
     ② 連帶保證人身份證正、反面  ② 負責人手持身份證之合照
     ☑ 人物及證件必須清晰
     ☑ 人物需露出手臂
     ③ 營業登記證
    檔案限制 5 MB 以下
  2. 設定路徑:「商店設定」 ➜  進入「付款設定」 ➜  選擇「PayNow 立吉富」。
    付款方式- PayNow 金流設定路徑說明
  3. 點擊「立即申請帳號」 ➜ 選擇會員類別 → 依頁面指示輸入&上傳申請資料(*號為必填欄位)  ➜  閱讀並勾選同意條款  ➜  點擊「儲存」送出申請。
    付款方式- PayNow 金流申請說明
  4. 線上申請金流會員,表單送出後 PayNow 審核時間約 30 分鐘左右,收到 PayNow 通知信後,將「商家帳號」填入欄位 ➜  勾選要提供給消費者的付款方式「ex:信用卡」 ➜ 「儲存」後完成付款方式的設定。
    PayNow 金流審核通過請填入商家帳號

 

 

   

運費方式設定

 

設定路徑:「商店設定」 ➜  進入「運送設定」 ➜ 「寄件人資訊」,此欄位之姓名,請確實填寫身分證件的真實姓名。使用超商服務,如遇消費者退貨需要提供與寄件人相符的身分證件讓超商核對,才能取回退貨商品。

「網路商店」運送方式設定路徑說明

  • 一般宅配

點選「一般宅配」 ➜ 「選擇物流公司」,運送說明視需求填寫後,即可儲存宅配的運送設定。

一般宅配運送方式設定欄位說明

 

  • PayNow 超商取貨設定

  1. 設定路徑:「商店設定」進入「運送設定」 ➜  選擇「 PayNow 」運送方式。(如果已申請 PayNow 金流帳號,會同步開通 PayNow 物流帳號)
    PayNow 運送方式設定位置
  2. 填入「商家帳號」➜ 在「分店」選擇 WACA 的商店網址 ➜ 勾選「PayNow 7-11」➜ 選擇「超商門市寄/取貨」➜「儲存」即完成
    PayNow 運送方式設定欄位說明
  3. 付款方式和運送方式設定完成,前台商品頁面就會出現設定完成的運送與付款方式。
    提醒您:設定完運送方式就要有相對應的運費,請接著往下進行運費設定!
    金物流設定完成後前台顯示範例

 

 

   

運費設定

 

  1. 設定路徑:由「商店設定」進入「運費設定」 ➜  直接點擊綠色編輯圖示,進行運費設定。
    運費設定路徑介紹
  2. 分別設定每個運送方式的運費計算單位,依據單位設定運費。儲存後便完成運費設定。
    (運費設定皆能分別由「+新增運費」按鈕增加級距欄位,也能視需求設定免運的金額門檻)
    一般宅配與超商寄取運費設定欄位介紹

 

 

   

商店 LOGO 與商店資訊

 

一般來說,消費者進入商店後除了瀏覽商品外,下單前通常會再進一步的認識商店/品牌,產生一定的信任感後,才會下單購物;因此,商店 LOGO 、商店介紹、購物說明、客服聯繫管道..等資訊是消費者下單前會參考的重要資訊;商店資訊越詳細越完整,可以有效提升消費者購物時對商店的信任與交易安心感喔!

   

商店 LOGO

 

「商店 LOGO 」會呈現在前台的「關於」頁面中,請依照說明上傳符合規範的圖檔。

  • 設定路徑:「商店設定」 ➜ 「商店訊息」 ➜ 「商店 LOGO 」 ➜  點擊「圖示上傳」選擇檔案上傳即可。
    ※ 提醒您:商店訊息中的商店 LOGO,圖片尺寸須寬高 200 x 200 px 、小於 650 KB 的 jpg/png 圖檔
    商店小 LOGO 設定路徑說明

 

   

商店介紹與購物說明

 

  • 設定路徑: 進入「商店設定」 ➜ 「商店訊息」 ➜  編輯「商店介紹」 ➜  編輯「購物說明」 ➜  完成後「儲存」。
    商店介紹與購物說明 設定路徑與欄位說明

 

   

商店客服資訊設定

 

  • 設定路徑:商店設定  ➜ 點擊左側「商店設定全域設定」 ➜  最底下「商店客服資訊」欄位,請輸入商店聯繫資訊。
    商店客服資訊設定位置介紹
  • 以上設定完成後,前台相關頁面的範例如下圖所示。
    商店訊息設定完成後,前台相關頁面範例以上圖示為僅為示範;建議所有欄位都要詳細填寫,以提供消費者最完整購物資訊喔!

 

 

   

展現風格的佈景設定

 

商店首頁如同商店門面,獨具風格的首頁能讓消費者多加駐足瀏覽。 WACA 提供多項佈景模版可以快速套用、另外有超過百種的佈景元件讓您靈活搭配運用,讓您輕鬆做出富有質感的商店首頁!

以下設定,請由「商店佈景」進入,將針對常用的基本設定為您說明操作步驟。

進入商店佈景,可以看到許多模版可供選擇,每種模板都有推薦的適合產業可以依照喜好選用!其中 LA01 模板非常適合從頭打造使用,所以我們選用 LA01 做為示範吧!請點擊 LA01 的「預覽」按鈕~

進入模板預覽-LA01頁面,請點擊右下角藍色「套用」按鈕

首次進入會進行佈景導覽,請點擊「開始導覽」,依照頁面指引完成導覽

完成導覽後,首先我們先來認識功能按鈕,右上角有「預覽」「儲存」「發佈」按鈕

    • 「預覽」預先查看前台佈景樣式
    • 「儲存」儲存目前編輯佈景樣式(不會推送至前台曝光)
    • 「發佈」將佈景推送至前台曝光

接著我們先更換頁首 LOGO;模版內會放置系統預設的 LOGO 圖示,這個圖示是可以更換的唷!請點擊頁首區塊,會出現元件設定頁

LOGO 管理提供二種 LOGO 設定方式:第一種是圖片 LOGO、第二種是文字 LOGO;圖片 LOGO 可以分別上傳桌機版及手機版 LOGO

    • 圖片 LOGO 更換步驟:點擊右上角「減號」→ 點擊「本機上傳」→ 選擇圖檔 → 開啟 → 完成圖片 LOGO 上傳
    • 提醒您:頁首 LOGO,圖片尺寸須寬度小於 1140 px、檔案小於 650KB 的 jpg/png 圖檔

請參照以下 GIF 動畫示範:

文字 LOGO 的部份,請於商店名稱欄位輸入店名即可。

完成頁首元件設置後,若想要更換中間區塊版面,可以手動更換網格及使用元件,一起將區塊改為圖片元件使用吧!

    • 更換網格步驟:點擊區塊左側的「🔄更換」按鈕 → 更換區塊 → 選擇 G1-01 
    • 更換元件步驟:點擊區塊中間的「新增元件」→ 選擇「A 圖片元件」→ 選擇 1-A01
    • 如果希望同一網格放置多張圖片、並且要有輪播效果,請選擇『G 輪播元件』使用

請參照以下 GIF 動畫示範:

新增圖片元件之後,會看到系統設置的預設圖片,更換圖片的步驟非常簡單,把預設圖片刪除之後,再重新上傳即可!

    • 提醒您:1-A01 元件圖片可上傳 JPG/PNG/GIF 檔案
      檔案類型 圖片尺寸 檔案大小
      JPG 大於1920 x 上限 3000 px 小於 800 KB
      PNG 1920 x 上限 3000 px 小於 500 KB
      GIF 小於 1MB

    • 更換圖片步驟:點擊圖片 → 圖片設定「圖片」→ 點擊「垃圾桶」→ 本機上傳 → 選擇圖片 → 圖片裁切設定(確定裁切) → 完成圖片更換

請參照以下 GIF 動畫示範:

最底下有頁尾元件,頁尾元件中可以編輯頁尾 LOGO/電子報敘述文字/商店資訊/頁尾連結等資訊,其中,頁尾 LOGO 可以依照需求選擇圖片/文字/FB粉專使用:

進入元件設定後,商家標示管理可切換頁尾 LOGO 顯示方式唷!

※ 提醒您:頁尾元件 LOGO,圖片尺寸須寬高 200 x 200 px 、小於 650 KB 的 jpg/png 圖檔

在元件設定內可以編輯頁尾連結;另外,「電子報敘述」及「商店資訊」可自行輸入文字,並有文字設定浮動工具提供編輯使用。

請參照以下 GIF 動畫示範:

最後,完成頁首/區塊網格/新增元件/頁尾設定後,請點擊「發佈」將編輯完成的佈景發佈到前台曝光,如此一來,就完成商店首頁的設置囉!

 

 

   

快速流暢的下單體驗

 

只要完成上方的 1~4 步驟的商店基本設定,代表您的商店已經可以成立訂單ㄝWACA 提供最精簡快速的結帳流程,讓消費者可以快速完成結帳~

一起到商店前台看看剛剛建置的成果並實際體驗消費者輕鬆流暢的下單流程吧!

   

前往商店體驗的路徑

 

  1. 確認前台顯示已開啟 。
  2. 由「前台檢視」按鈕,快速進到網路商店,確認商店建置成果與進行購買測試。
    前往前台商店進行體驗之路徑說明
  3. 進入商品頁面進行購買。
    商店體驗-進入商品頁面進行購買
  4. 進入購物車頁面,會看到購物車內的商品數量及價格資訊,下方填寫購買資訊後,點擊『下一步』就可以直接成立訂單。
    商店體驗-順暢的購物車一頁式完成結帳
  5. 實際下單操作流程介紹。
    商店體驗-實際下單操作流程動畫說明

 

 

   

商店完成後下一步該做什麼?

 

跟著開店五步驟依序完成了付款及運送方式設定、商品建立、商店資訊、風格佈景的建置,也體驗商店流暢的購物流程,恭喜您!專屬於您的品牌商店已經開張、正式邁入電子商務世界!

相信您已經迫不及待地迎接訂單的到來~接下來一起來看看,在收到訂單之後要如何處理出貨流程吧! →【電商新手系列二】收到第一筆訂單該怎麼處理?

 

後台設定、經營商店時遇到任何問題,WACA 提供以下線上資源隨時協助您:

教學資源 功能類型 功能說明
支援中心 商店功能教學 WACA 功能教學文章、常見問題、最新功能總整理
部落格 電商產業知識分享 WACA 活動資訊、品牌經營、功能應用、行銷策略
電商充電站 付費店家專屬線上課程 後台功能教學、實際操作介紹影片
右下角線上客服 線上即時客服支援 一對一諮詢服務、真人即時對話