WebCraft

從開發角度聊聊 CYBERBIZ、SHOPLINE、WordPress、Shopify

從開發角度聊聊 CYBERBIZ、SHOPLINE、WordPress、Shopify

今天來聊聊不同電商平台的網站開發性，也就是說網站中的樣式（又稱佈景主題）以及功能，能不能改、好不好改，能不能滿足你或你公司在網站樣式、功能開發、資料串接上的需求。這次我挑了 CYBERBIZ、SHOPLINE、Shopify，以及不算是電商平台但因為很多人拿來做購物車的 WordPress。

然後我想先說，網站可開發性並不是一個電商平台好壞的唯一指標，而且可開發性低往往代表著平台把控著比較多功能，換句話說就是店家比較不用擔心網站功能，因為有電商平台在顧。相反來講，可開發性越高，店家就越能將網站做得別具特色，但相應的要自己承擔較高的維護成本。依照自己不同階段的需求來選擇平台才是我比較推薦的觀念。

CYBERBIZ

CYBERBIZ 的網站中有提到提到全面開 HTML、CSS、js 讓商家可以變換任何網站細節。用過後我發現他們是使用 Shopify Liquid 這個開源樣板引擎，理論上可以改很多東西，但他們把許多地方用自製的程式碼包起來了，所以很多地方的程式商家是改不到的，可以簡單理解為「HTML、CSS、js 都可以寫，但你不一定改的到想改的地方」。而且他們沒有提供開發者工具以及完善的開發者文件。

檔案上傳的部分，1.檔案不能超過 2MB, 2. 上傳的大圖會被壓縮解析度, 3. 平台所提供的介面上比較不好管理這些上傳的檔案。因為以上種種原因，建議網站需要用的素材檔案並不建議直接上傳到 CYBERBIZ。
資料串接的部分，CYBERBIZ 提供 API&Webhook ，這代表商家可以把平台上的資料串接到自家系統，不過這個功能屬於「Plus」的功能，店家會需要支付訂單抽成才能啟用(企業版 5%, 其他版本 1%)。

總結來說，如果你需要為網站爆改佈景主題或新增許多功能，使用 CYBERBIZ 非常困難，不適合，但串接資料到自家系統是可以的(再次提醒，需要額外支付刷卡手續費以外的訂單抽成才有)。

案例網站

  1. FILA 台灣
  2. 一之軒 幸福烘焙
  3. URBANER 奧本電剪

SHOPLINE

SHOPLINE 的樣板引擎同樣使用了 Shopify 的 Liquid，並提供客製化語法 SHOP Builder 功能，讓使用者可以在網頁佈景主題編輯器中，為網站中的「部分頁面」加入 HTML、CSS、JavaScript、Liquid 語法。同時，我也發現他們在網路上其實有提供開發者文件以及開發者工具（CLI），理論上可以依照工程師的開發流程來進行開發。

在與他們的業務確認後得知，確實可以為店家開啟更高權限來修改整個網站（他們稱此行為是「開啟 Layout Engine」），只不過這項服務無論訂閱哪種方案，都需額外支付 20,000 元年費。

檔案上傳的部分，在 SHOPLINE 中稱為「圖片庫」，規則如下：

  1. 支援 JPG/PNG/GIF 這三種圖片格式
  2. 單檔最大為 20MB
  3. 檔案管理介面尚可，雖仍有進步空間，但基本堪用。
    若需為網站新增影片或 3D 模型等其他媒體素材，仍需另尋平台進行存放。

資料串接的部分，SHOPLINE 也有提供 API 及 Webhook，這代表商家可以將平台上的資料串接至自家系統。API&Webhook 的價格方面，SHOPLINE 網站表示需另行報價，我猜應與事業體規模或用量相關。有興趣者可聯繫業務詢問，以我的經驗是註冊後大約 2、3 天內就會有業務主動聯繫。

總結來說，如果你需要大幅修改佈景主題或新增許多功能，我認為是有機會的。不過，我建議在與業務溝通時，請對方提供已開啟該服務的案例網站作為參考，看看這些網站是否真的因為開啟此功能而更具特色。

案例網站

這幾個網站應該都是未開啟 Layout Engine

WordPress & WooCommerce

相比於其他電商平台，使用 WordPress + WooCommerce 其實已經算是自架網站，因為商家對後端程式以及資料庫都有控制權，所以大部分的需求都能夠透過自訂開發來實現。無論是修改網站的外觀、增加功能，還是與其他系統進行整合，都可以根據商家的需求進行調整、開發。這也是許多商家最終選擇 WordPress + WooCommerce 的原因。

檔案管理方面，WordPress + WooCommerce 支援多種格式的檔案上傳，像是圖片、影片、PDF 等等，且其檔案管理介面簡單直觀，對大多數中小型商家來說已經足夠。檔案大小限制的部分，相比其他電商平台的硬限制，WordPress 的限制取決於伺服器以及 PHP 的設定，商家可以依照自己需求調整上限，但一般商家可能需要透過主機商或是找懂的人來幫忙設定。

說到找人幫忙設定，網路上推 WordPress 方案的很多都是網路主機商。很多時候主機商推的月費雖然比電商平台便宜，但商家將會需要學習伺服器管理工具(例如： cPanel、Plesk、webmin…)來管理網站的電子郵件、檔案、資料庫備份等等，對於沒有技術背景的商家來說，這將會是負擔。 當然商家也可以尋求主機商的技術服務，但這些服務很可能要額外收費，而且也有可能無法滿足商家的需求，特別是在遇到需要進行自訂開發或是解決一些特殊問題時，商家可能還是得尋求外部開發者或技術專家來進行處理。

總結來說 WordPress + WooCommerce 已經算自架站了，所以開發性完勝其他電商平台，但開發、維護成本也相對高，而且通常需要訂閱一些插件才能滿足電商的營運需求，評估的時候千萬別單看主機月租費。

案例網站：

  1. 曾記麻糬
  2. 玉珍齋
  3. Twinkle Kitty-TK 飾品

Shopify

Shopify 有非常完整的開發文件、工具以及社群，商家對網站樣貌的掌控權是 100%，基本上想做什麼效果都能夠達成。而且除了網站外觀，商家也可以彈性的將額外資訊加入購物車或是綁定品項，具體案例可能像是這樣：你是一個做客製化蛋糕的店家，可以建立一個產品叫做「客製化蛋糕」，然後在這個產品頁中額外添加欄位，讓客人填寫要幾根蠟燭、蛋糕上要寫什麼字，甚至可以讓客人選擇甜度、裝飾等等等，完全由你設計！這些資料最後會跟著訂單資訊一起進到後台，就算同一筆訂單有兩客製化蛋糕，資料也可以分別綁定，不會錯亂。不過這樣的功能就會需要工程師來製作，Shopify 預設的佈景主題是沒有的。

Shopify 檔案系統資訊如下：

  1. 支援格式：圖片、影片、PDF、3D 模型檔等等。
  2. 單檔最大檔案限制：影片 1G 其他「大多」為 20M。
  3. 檔案管理介面尚可，雖仍有進步空間，但基本堪用。

Shopify 的檔案上傳功能已經很完善，支援的格式夠多，而且還可以做到「動態產生不同圖片大小」的圖，這對使用到很多圖片的網站來說非常實用，所以基本上店家不需要再額外找其他服務來存放媒體素材，直接用 Shopify 自帶的檔案儲存系統即可。

資料串接部分，Shopify 有完整的 API 以及 Webhook 功能以及開發文件，這代表商家可以將平台上的資料串接至自家系統。Webhook 的功能是所有方案的商家都可以免費使用，部分 API 則是要 Plus 方案的商家才可以使用。

Shopify 的開發彈性在電商平台中首屈一指，我個人就有用過 Shopify 配合  Three.js  製作線上客製 3D 玩偶的服務，相當有趣 ~ 回正題，Shopify 的開發彈性真的很高，如果它還不夠應該就只能自架站了。

雖然 Shopify 的開發性真的好棒棒，不過要把功能全開真的很貴…是超貴的那種！！！但也不是財大氣粗我就推薦 Shopify，到底什麼樣的人適合，以及使用 Shopify 要注意什麼，以後我再另外寫一篇跟大家聊聊 ~

案例網站：

  1. RHINOSHIELD
  2. 毛起來 MAOUP
  3. Shark Tank Taiwan

對於一些特定的商家來說，平台的開發性非常重要。它決定了你能不能打造出符合品牌個性的網站，能不能靈活整合各種系統與工具。從 CYBERBIZ 到 Shopify，每個平台都有自己的限制與彈性，這篇文章並不是要告訴你哪個平台最好，而是希望讓你了解各平台在「網站開發性」這一塊的差異，並思考什麼才是最符合你目前階段需求的選擇。如果你今天只需要一個快速上線、穩定營運的工具，或許平台封閉一點也無妨；但若你對網站有很多創意與想像，甚至有開發能力或團隊，那麼選擇一個開發彈性大的平台，將會為你省下未來很多重構與遷移的麻煩。選平台沒有標準答案，只有適不適合 ~