主頁 / 網店教學 / 如何令網上商店支援手機平板電腦和 Facebook?響應式網店設計!

如何令網上商店支援手機平板電腦和 Facebook?響應式網店設計!

網上商店手機版

由於店舖租金昂貴,不少人都會建立一間網上商店從而節省成本,更是一項低風險的投資。隨著智慧型手機的普及,不少人都可以隨時隨地透過 Android 手機、iPhone手機、iPad以及平板電腦瀏覽網站、購物及尋找資訊。問題是您只得到了一個網站,今時今日若要創建一間成功的網上商店,商店介面能切合手機螢幕尺寸顯示令客戶容易瀏覽亦是一個重要因素。

網上商店系統

Google 最近發表了一份統計研究報告,在研究包括了6個手機消費行為最流行的市場: 美國、英國、法國、德國、西班牙及日本其後發現,有超過 25% 的手機用戶已有應用智慧型手機上網購物。

在這六大重要市場中,日本互聯網用戶使用智慧手機上網購物比例最高,達到 40% ;美國是 34%,其他四個歐洲國家 (英國、法國、德國、西班牙) 約為 25% 。

Google 指顧客的每月平均重覆購買率為 50%;西班牙更高達 64%,每週平均重覆購買率則有 15%。另外還有 20% 的智慧型手機互聯網的用戶會在網路或是實體商店購物前,先通過手機查詢商品相關資料。

從這些數字看起來, M-Commerce 行動商務已經逐漸成形,作為網上商店或購物平台,您準備好了嗎?

Responsive 模版網上商店自動調整適合手機平板電腦

網上商店響應式 Responsive 商店模版可因應手機的螢幕尺寸自動調整,在手機顯示會自動改變其頁面佈局,以適應用戶的移動設備。

網上商店系統平板電腦版

網上商店系統手機版

點擊這裡體驗網上商店手機版或以手機通過 QR Code 訪問網站

Responsive  網上商店手機版

Android Apps 方法

手機上支援應該是利用響應式 Responsive 還是度身訂造的 Apps 方法呢?舉兩個不同的實例,例如:Wikipedia 就沒有所謂手機 Apps 版。 手機是以響應式 的方法根據瀏覽設備而自動調節版面。但像蘋果日報就有特別度身訂造的 Apps。

度身訂造的 Apps 除了利用數據庫外,排版跟主網站可以完全沒有關係,這樣的做方固然有最大的彈性,但就涉及大量重複開發的工作。 一旦應用程式就完成了。改變任何佈局意味著程式改變和重新開發的工作。

以響應式 設計手機版面不能偏離主網頁佈局。但好處是簡單及成本低,但蘋果日報手機版如要普及要考慮下載速度優化、刊登廣告的靈活性等等,所以從整體考慮再開發一個手機 apps 特別程式亦有它的道理。 對大部份小本經營者來說響應式 應該是最適合的。

andriod-store

點擊這裡體驗網上商店手機 apps 或以手機通過 QR Code 可載試用 Android 手機網上商店程式:

qrcode-apps 網上商店 Android Apps

Facebook網上商店

您也可以簡單設置您的店舖作為 Facebook 粉絲頁面.

facebook-shop

於Facebook粉絲頁面設置您的 facebook 網上網店,您需先安裝靜態IFRAME標籤應用程序,進入此頁面後,你必須點擊綠色的“Install Page Tab“按鈕,並選擇您想要安裝此應用程序的頁面。

進入”Tab Settings”頁面,輸入網店的URL等資料,儲存後於您的Facebook粉絲頁面Tab欄位便會出現。由於 Facebook 網上商店是利用 responsive 模板, Facebook 網上商店會自動調整其佈局,以適應進入 Facebook Fanpage 所需的 810 px。

  • 無需花金錢人力時間再為Facebook弄一個特別程式。只要簡單設定就可以將現有網上商店伸延致社交媒體
  • 社交媒體講求用戶體驗,關鍵是 Facebook 網上商店無需用戶離開 Facebook 就可以完成購物流程。
  • Facebook 購物要求流程簡單快捷清楚。你可以利用網上商店強大功能但又不失前台簡潔介面。
  • 您可以非常容易修改頭版幻燈片和推薦產品,使你的推廣非常有針對性。

所有 Responsive  模板都可以作為 Facebook 網上商店模板。因為是響應式模板,所以會自動調整適合Facebook Fan Page 粉絲頁大小。

Multi-store

值得一提的是 Opencart Multi-store 功能。例如你有一個龐大的產品庫,產品數以萬計,包括不同種類的產品,如衣服,軟件等等。你當然可以建立不同的網上商店銷售不同類型的產品,但這樣日常管理就比較麻煩。一個解決方法是利用 Multi-store 功能,就是你只需要建立一個產品管理庫,一個網上商店系統,再在網上商上商店系統內上產生不能我虛擬商店。例如,在 Facebook 網上商店你只想銷售其中小量產品,你可以設定一個子域名 (sub-domain) ,例如,fbshop.welldevelop.com,  將子域名 fbshop.welldevelop.com 指到 Facebook 網上商店的安裝目錄 (https://www.welldevelop.com/newstore),然後在後台加入一個 Facebook 網上商店。

再將產品設定在 Facebook 網上商店顯示

上述例子使用 Opencart  中文網上商店系統作示範。不同的網上商店系統有不同的具體操作程序。

了解更多開網上商店

Facebook Comments

關於 WaiTing LI

香港SEO專家。專家地位並非紙上談兵自說自話而來,應該是基於由同業又或者權威的獨立第三方給予的評價。而SEO專家地位大致可以從 Google 給予你所競逐一大籃子競爭性高的關鍵字排名結果推斷出來。其他我關於宣傳推廣的文章亦取得很高排名。這方面搜尋引擎似乎亦給予我專家效應。

也查看

網上商店設計 2017 趨勢:網店除了美觀,更要安全、擴展靈活、SEO就緒

網上商店設計2017年有什麼新 …

發表迴響

支持我們!

如果你喜歡這個網站,請點擊以下按鈕支持我們!