橡實整合設計 品牌 VI & 網站高級訂製 | 企業數位轉型

橡實企業電商官網 結構與功能全解析

上一篇「企業自架WordPress電商網站 概念&行銷全解析」橡實介紹了企業想要架設WordPress電商官網的概念與行銷思維,這篇文章想來分享,橡實的企業WordPress電商官網服務的結構與功能介紹。

橡實企業電商官網的結構

第一步,我們要了解網站內有什麼東西,有的客戶說:「我要一個只有首頁的電商」,他認為很便宜,但是所謂的電商就是不只一頁,需要的東西是一整套,所以當進入電商的環節,報價就會變得很高。

  • 首頁:網站的入口,但是多半是從企業推薦的連結進入網站才會看見,或是客戶搜尋企業的品牌名稱才會進入,通常會放推薦的商品以及內頁的「連結」,搭配一些簡短的文字。首頁是最能展現品牌形象的位置,可以放比較少的資訊引導客戶找到需要的資訊。
    • 商城頁:如果要讓客戶快速購物,可以跟首頁進行整合,如果分離出來,通常不會有太過複雜的設計,就是商品的格狀陳列,有加入購物車或是查看商品的按鈕。
    • 關於:可以放置簡單的商家資訊、登記資訊與一些合格證明等等,建立信賴感。可簡單設計。
    • 聯絡:針對客戶意見或是B2B合作等,利用表單讓客戶跟商家取得聯繫,用於減少一對一訪談的時間。(社群私訊耗費的時間人力成本很高)。【沒有複雜的設計,通常會使用預設的版型外觀】
    • 隱私條款:大部分的電商網站都必須有,內文部分可以參考同業或是請律師撰寫。【沒有複雜的設計,通常會使用預設的版型外觀】
    • 購物說明(會員規章):大部分的電商網站都必須有,內文部分可以參考同業或是請律師撰寫。【沒有複雜的設計,通常會使用預設的版型外觀】
    • 會員登入(會員專區):可以查詢訂單跟加入會員。【沒有複雜的設計,通常會使用預設的版型外觀】
    • 購物車(結帳 結帳完成):購物流程必須。【沒有複雜的設計,通常會使用預設的版型外觀】

橡實企業電商官網的設計範圍

擁有了結構,那麼橡實的服務切入點在哪裡?哪裡是設計的範圍呢?之前的文章我們提到了,WordPress跟Woocommerce都是現成的套件,但WordPress可以客製的外觀範圍比較大,Woocommerce可以客製的範圍就相對較少。

上述有部分頁面,後面有標注「沒有複雜的設計,通常會使用預設的版型外觀」,這意思就是整個頁面的內容區塊,都是用預設的套組,看起來正常就好,並不會進行太多的設計與修正,其他的部分都用網站的「模版」。

橡實企業電商官網:模版是什麼?

模版並不是橡實購買的現成套件,而是「網站統一使用的設計」,都是經過設計師根據企業品牌的形象進行設計,具有高度識別度,也讓網站除了首頁之外,都有統一的視覺設計,讓客戶感覺在「同一個網站內」,例如我們在麥當勞的網站購物,如果有某一頁設計變成全部黑色底白色字,是不是會讓我們困惑:「我們還在同一個網站內嗎?」

另一個模版的功能,就是「填資料」。例如我們的商品除了預設提供的「標題、價格、特價、圖片、圖庫、簡短說明、詳細說明、庫存數量」等資料外,我們可能還會有自己需要的資料,橡實工程師可以跟設計師配合,設計模版,讓客戶可以在後台編輯資料,就修改前端的資料,不需要看到複雜的程式碼。

那麼整體來說,橡實的WordPress電商網站設計範圍有以下幾點(更詳細需依不同客戶需求進行訂製):

  • 首頁:橡實設計服務的核心,設計師將會與品牌主深度溝通,並設計出最符合品牌形象的首頁視覺。
  • 頁首(網站模版):網站的上方區塊,會有選單、LOGO或是一個主視覺。
  • 頁尾(網站模版):網站的下方區塊,通常會放置版權資訊、快速連結、聯絡資訊、店家地圖、商家需要揭露的資訊,隱私權與會員規章連結也會放頁尾。
  • 商品分類彙整頁(網站模版):陳列特定分類商品或是所有商品。包含頁首與頁尾設計。
  • 單一商品(網站模版):商品細節頁面,會放置商品的詳細資訊與資料,由於商品頁已經是國際的習慣了,所以多半是左右兩欄(手機版左上右下),左邊是圖片,右邊是商品標題、價格與簡單資訊,以及加入購物車的按鈕。
  • 頁面模板(網站模版):除了上述的頁面以外,網站其他頁面(購物車、結帳、結帳完成、關於、聯絡、隱私條款、購物說明、會員專區等)套用的模版,包含頁首、標題、內容、頁尾。

橡實企業電商官網:一般功能

接下來就是購物車系統的功能部分,橡實的WordPress電商網站服務,使用Woocommerce套件,預設的功能如下:

  • 商品管理:一般商品 數位商品 組合商品
  • 商品資料:簡述 詳細 商品圖 商品圖庫 價格 特價 庫存 貨號
  • 庫存管理:低庫存預警
  • 會員管理:信箱註冊 購物時加入會員
  • 訂單管理:訂購人 出貨人 基礎收件欄位
  • 付款方式:銀行匯款 自取 支票
  • 運送方式:宅配 自取
  • 折價券:只能設定結束日期

以上都是套上購物車系統就有的後台功能,如果需要修改資料或是新增功能等,都屬於付費的附加功能。橡實會建議客戶,如果已經有電商的經驗,可以在溝通網頁需求時,將企業自己「目前習慣的收單與出貨流程」等整個詳細說明或是演示,讓我們能夠更了解對於網站後台管理的需求。

橡實企業電商官網服務:附加付費功能

以上都是掛載購物車系統之後,就有的功能,費用都包含在購物車架設的服務費用內,如果有需要更進階的功能,可以提出與我們討論,橡實聚焦在WordPress的電商解決方案搭配、找尋與測試,如果需要進階的功能開發,我們也有工程師可以配合,但是都需要另外討論與付費。

目前依照客戶的需求,我們整理出常用的電商系統功能,包含已經有驗證過的解決方案,以及橡實自主開發的解決方案:

  • 公告功能(全站上方公告與彈出視窗)
  • 第三方支付 藍新綠界 串接
  • 銀行刷卡(NCCC 無自動請款
  • 自動套用折價券(滿額折扣
  • 浮動運費(滿額免運)
  • 出貨單列印
  • 訂單匯出功能(單一 多重 訂製資料)
  • 第三方登入功能(FB Google
  • 指定到貨日期
  • 店家訂單備註
  • 商品自訂欄位
  • 會員專屬商品
  • 結帳自訂欄位
  • 降低密碼強度要求
  • 客戶端取消訂單請求
  • PayPal付款
  • Stripe付款
  • Line pay付款
  • Excel管理商品資訊(浮動商品資訊)

網站不是功能愈多越好,適當的功能與服務除了降低初期的成本之外,日後管理也會相對輕鬆,網站也會更加安全!

我們將以上的功能設定為另外付費,是因為橡實針對希望客戶都能審慎的思考與討論網站每一個功能的必要性,並不會因為有這個功能就要套用,這樣才能在日後的銷售路上,讓網站真正成為品牌賺錢的好夥伴。

企業電商想擁有更多需求?三種解決方案

上述的功能還是滿足不了需求?那麼或許你需要參考不同的電商解決方案,例如WACA、QDM、Shoplin或是Shopify等,這些專業的電商解決方案可能會更適合。橡實建議採用以下三種可能的解決方案:

  1. WordPress電商官網與電商共有:建立不帶有電商的網站,商品可以陳列,但是購物引導到專門的電商平台。優點是可以保有品牌的形象設計,缺點是客戶結帳會外流,但這也是目前大多數小型企業電商的選擇。
  2. 僅有電商平台:捨棄官網吧!運用電商服務平台就好,簡單至上~
  3. 僅有WordPress電商官網:品牌自有網站不是「討好所有客戶」,必須擁有自己的「風格與特性」,當客戶想要方便的時候,自然會選其他通路,官網就是品牌的銷售主場,怎麼銷售全部自己定義,那就可以思考,是不是真的需要這麼多的功能呢?

以上就是橡實電商服務的解析,如果想要更多資訊或是想要建立自己的官網了,歡迎與我們聯繫~