未有香港Shopify公司分享過的知識|什麼是Headless E-Commerce?|香港開網店、Shopify公司  | 香港開網店|開Shopify網店服務|網店資料遷移至Shopify服務

未有香港Shopify公司分享過的知識|什麼是Headless E-Commerce?|香港開網店、Shopify公司

在外國,Headless E-Commerce (無頭電商/無頭商務)這個術語已經流行了一段時間,在台灣都有人分享過。但在香港,我們暫時還沒有看過其他香港Shopify公司講解到底什麼是Headless E-Commerce。今天就由我們Wilkinson來為大家講解一下。

 

目錄

 

什麼是Headless Shopify無頭電商/無頭商務)

Headless是指前後端分離的CMS系統,所以Headless Shopify便是指 Shopify 商店的前端與後端分離。後採用Shopify的系統,但前端就用其他的系統,中間利用API進行接駁。

那什麼是前端和後端? 前端就是接觸消費者的通路,例如手機應用程式、官方網站、VR/Alexa等等,而後端就是商家管理、營運所需的後台,例如是Database, CRM, ERP 等等的系統,Shopify就是其中一個常見的後端。

headless commerce shopify hong kong

Image source: Salam Digital

傳統電子商務比較像一個流水線工廠,元件必須依照原有後台的設計結構運行。 在傳統電商中,前端必須從後端調用訊息,反饋給消費者。也就是說,前端開發人員只能使用已經被框死的前端設計和流程。

如若他們想進行用戶體驗的進一步優化,則需要更改資料庫,代碼和前端,工程可以說是十分浩大的,費用亦會十分昂貴。

無頭電商就方便得多,因為前後端脫勾,開發者可以直接開始自定義開發,自由度遠比傳統架構要高,相對費用亦會較低(但以現時來說,並不會低很多就是了)。

前後端脫離的結構能夠讓電商後台與不同設計介面或是軟體系統結合,讓客戶能夠透過像是智慧家電、穿戴裝置、AR或是VR甚至是車載電子裝置等,更加多元化的方式完成購物,為顧客帶來與眾不同、嶄新的購物體驗。

 

如何將 Shopify 商店轉換為無頭電商/無頭商務)?

雖然 Shopify 是即插即用的解決方案,但將你的Shopify 網店轉換為無頭電商是需要很高層次的技術支援的。你需要經驗豐富的 Shopify 開發和設計公司來引導你完成整個轉換過程。

使 Shopify 商店轉換成無頭電商的大方向…

前端:由於網站的「頭部」不再基於 Shopify,你將需要從頭開始構建新的前端設計和開發(也就是顧客所看到的東西,例如是網頁前台)。這部分的自由度極高,就是說你想用哪一個CMS其實都是可以的(例如是Contentful、Webflow)。

後端:只使用 Shopify 「商店」部分的功能,例如定價、庫存、顧客資料管理和其他商業數據,例如送貨方式和支付方式等等。

 

Image source: CWD

 

無頭 Shopify 商店有什麼好處?

無頭電子商務是具備資源的 Shopify 賣家的完美解決方案,這類型的賣家庫存量極為巨大,已經複雜到足以影響網站可用性,最終就會對客戶體驗產生負面影響。如果你在優化網站速度方面達到了瓶頸,那你就可能需要開始研究無頭電商解決方案了。

  • 後端介面:更輕鬆地自定義開發網站功能,無需擔心拖累前端。

  • 前端人員:可提供更高度創新的內容,無需擔心後端開發。

  • 行銷人員:即使缺乏技術經驗也可隨時自行調整內容,無需依賴開發支援。

 

什麼類型的公司較適合無頭電商架構?

  • 迎來快速增長的中小公司

  • 投資組合中包含多家子公司,品牌或部門的大型公司

  • 具有複雜或獨特的業務規則和訂購流程的公司

  • 需將多個獨立系統與品牌電子商務集成的公司

  • 具有高級CMS管理需求的公司,及內容不斷迅捷變化的公司

 

為什麼要投資轉換到無頭電商 Shopify 商店

  1. 更快的網站載入速度:無頭前端不是託管在 Shopify 服務器上,而是託管在 CDN(內容分發網絡)上,均會令你得到快如閃電的網站載入時間

  2. 靈活的內容管理:你無需再依賴 Shopify 中的編輯器,被固有結構所困。在無頭電商,你可以選用任何一種無頭 CMS。

  3. 創新的電子商務展示位置:通過無頭構建,您可以將任何屏幕變成在線商店。無論是在網站、移動應用程序還是智能手錶上進行銷售,都有無限可能性。只要行銷人員能想到的,無頭商務都可以達成。

  4. 完整渠道 (Omnichannel) :完整渠道 (Omnichannel) 是電商中的重要項目。在傳統電商解決方案裡,創建無縫的全渠道體驗通常都會面臨一些挑戰,無頭電商的靈活性與自由度就高得多,變相令完整渠道的開發工作變得更加容易。

  5. 卓越的有機搜索引擎優化(SEO):如果你的商店/品牌依賴自然的免費流量或擁有大量排名良好的 SKU,使用無頭電商將會幫你帶來巨大的排名上升優勢。

  6. 靈活的網址:你將可以使用任何 URL 結構,而不是依賴 Shopify 的網址結構。

  7. 更強大的營銷:由於前端是完全訂造的,因此 A/B 拆分測試等營銷任務變得更加容易。您可以使用無頭電商製作兩個完全不同的前端,再通過一些 CDN 託管服務完成 A/B 拆分測試。

 

無頭電商的真實例子

以下有些使用無頭電商架構開發的電商例子,大家不妨看看,會了解得更加深入。

ALLBIRDS.COM

 

www.babylist.com

BABYLIST.COM

網站裡頭有一個客製化的嬰兒問卷,十分有趣,能拉近品牌跟顧客距離,同時亦可以獲得顧客聯繫方式。

 

CLARE.COM

Related Posts

【快訊】香港Shopify網店可用HSBC PayMe Business收款!|2022香港消費券
【快訊】香港Shopify網店可用HSBC PayMe Business收款!|2022香港消費券
不少店主都認為只有Shopline跟Boutir這類專攻香港的網店平台才能接駁滙豐銀行推出的PayMe電子錢包。但大家知道嗎?原來在不久前,大家已經能在Shopify上使用PayMe Business收取貨款了。
Read More
【Shopify香港】什麼是Facebook Conversion API (CAPI)?為什麼作為店主的你必須知道?
【Shopify香港】什麼是Facebook Conversion API (CAPI)?為什麼作為店主的你必須知道?
作為Shopify網店店主或Facebook廣告平台管理者,你身邊的人一定都在談論 Facebook Conversion API,同時你亦應該已經收到來自 Facebook 的一系列通知,內容大部分都是 iOS 14 更新和實施 Face
Read More
為什麼我的圖片一放上Shopify就變模糊? Shopify處理圖像檔的原理解析
為什麼我的圖片一放上Shopify就變模糊? Shopify處理圖像檔的原理解析
很多人都覺得 Shopify 會修改或壓縮你上傳的圖像檔案。雖然這個講法十分之流行,我們有時亦會跟客戶這樣解釋(溝通上比較省時),但從技術層面來說,這是一個十分常見的誤解。
Read More
×