電商網站開發

電商網站開發包含哪些項目#

我們會依據實際需求來規劃合作內容。提案中會說明包含哪些交付項目、由誰提供所需資料,以及各項目的驗收方式。

• 平台建議:Shopify、Headless 或客製結帳
• 商品目錄架構:商品、規格、商品系列與篩選條件
• 商品頁、商品系列頁、購物車與結帳頁設計
• 金流串接,並由伺服器端確認訂單
• 提供 Google 所需的商品結構化資料,以及運送與退貨政策
• 資料同意蒐集機制,以及每個結帳步驟的數據分析
• 商品、顧客、網址與轉址的遷移

什麼時候值得投資客製商店#

當商店是主要銷售管道,而商品目錄、結帳或內容需求超出佈景主題所能提供的範圍時,就適合選擇這項服務。如果商品目錄不大、運送方式也很標準,自行設定一個挑選得當的 Shopify 佈景主題可能就夠用。如果您銷售的是使用權限、訂閱或帳號,而不是實體商品,那麼 Web App、SaaS 與 MVP 開發會更適合。

從選擇平台到第一筆訂單#

我們會先了解您的商品目錄、付款方式、運送規則,以及管理庫存與發票的系統。透過這項檢視來決定平台,並產出商品目錄架構、頁面地圖與結帳設計。如果您已經有商店,我們會先匯出商品、顧客與網址,確保搬遷過程中不會遺失任何資料。

開發會從商品頁與結帳流程開始,並以沙盒付款測試,涵蓋付款被拒、處理中與已退款的訂單。接著完成商品系列、搜尋、內容頁面與各項整合,為每個結帳步驟設定數據分析,並在轉址就緒、持續監控首批訂單的情況下上線。

Shopify、Headless 還是客製結帳:哪個平台適合您?#

該由商品目錄與結帳需求來決定平台,而不是反過來。Shopify 這類代管平台提供有人維護的結帳功能、庫存工具、員工帳號與龐大的應用程式生態系;當這正是您的業務所需時,Dardo 就會在上面設計與開發。Headless 前台保留商務後端,同時讓您完全掌控設計、內容與網頁速度。以金流服務商打造的客製結帳,則適合商品種類少、收取訂金、接單製作,或與預約和帳號綁定的購買情境。

規模也要務實看待。商品目錄不大、運送方式標準的商店,用標準佈景主題往往就能賣得很好,在那種情況下投入客製開發效益有限。

買家都在結帳的哪個環節流失?#

多數購物車最後都沒有完成付款。Baymard 彙整 50 項研究的平均購物車放棄率為 70.22%。排除只是隨便看看的消費者後,最常見的原因依序是額外費用過高(40%)、送達時間太慢(20%)、不信任網站而不敢填寫信用卡資料(19%)、被要求建立帳號(18%),以及結帳流程冗長或複雜(17%)。

這些都是我們在上線前會檢查的設計決策:在結帳前就顯示運費與各項費用、在商品頁提供預計送達時間、採用知名的金流服務商、預設提供訪客結帳,並且只保留訂單真正需要的欄位。我們會量測每個結帳步驟,讓後續的調整依據數據,而不是憑感覺。

哥倫比亞的支付與顧客資料#

Wompi、Mercado Pago 與 ePayco 是哥倫比亞常用的金流服務。以 Wompi 為例,它支援信用卡、PSE、Nequi、Daviplata、Bancolombia 轉帳,以及在 Bancolombia 代理點的現金付款,且其文件說明所有付款方式都不會立即回傳結果。最終狀態會稍後透過經過簽章的事件送達,因此只有在收到這個驗證過的事件時,訂單才會標記為已付款,而不是因為買家回到了商店頁面。

在 Dardo 公開的作品中,Superame 以另一家服務商套用了相同的原則:代管結帳、由伺服器驗證經簽章的回呼,並以冪等方式處理退款與爭議。它證明的是付款確認的邏輯,而不是商店的營運。

顧客資料需要能夠證明的同意。哥倫比亞第 1581 號法律(Ley 1581 de 2012)第 9 條要求取得資料當事人事前且知情的授權,並以日後可供查閱的任何方式留存。我們設計結帳與電子報表單時,會讓授權成為明確的選擇,並連同日期與當時的文字一併儲存。隱私權政策與法律審查則由您與您的律師負責。

商品目錄、搜尋、商品資料與遷移#

商店的品質取決於商品目錄架構。在設計之前,我們會先定義商品、規格、屬性、商品系列與買家實際會用到的篩選條件,以及每個欄位由誰編輯。搜尋與篩選都建立在這些屬性之上,並會記錄沒有結果的搜尋,讓您看到買家想找卻找不到的是什麼。

在 Google 上,商家商品資訊需要包含名稱、圖片,以及附有價格的 Offer 的 Product 結構化資料,而且 Google 建議在 Organization 標記下一次宣告標準運送與退貨政策。我們會依據商品目錄自動產生這兩者,讓標記中的價格與頁面上的價格不會出現落差。

遷移現有商店時,我們會在平台允許的範圍內匯出商品、圖片、顧客與訂單紀錄,將每個舊的商品與商品系列網址以永久轉址對應到新網址,並在切換網域前比對數量與抽樣資料。

選擇前的常見疑問#