E-COMMERCE · SHOPIFY · WOOCOMMERCE

不只是開一間網店，
而是把瀏覽變成
購買流程。

WebPlanly 為品牌及企業建立 Shopify 及 WooCommerce 網店， 從首頁、產品架構、Collection、 Product Page 到 Cart、Checkout、 Payment 及 Mobile Experience， 將網店真正整理成一套可以開始營運的銷售平台。

SHOPIFY WOOCOMMERCE PRODUCT STRUCTURE MOBILE COMMERCE PAYMENT SETUP
查看網店方案 ↓ WhatsApp 查詢網店 →
Payment Gateway、第三方 App、 Shopify / SaaS 平台費用及其他外部服務 需視實際業務及平台要求處理， 並不自動包含於網店製作費。
STORE LIVE
◫ Store
P Products
O Orders
C Customers
% Marketing
COMMERCE OVERVIEW Storefront
DEMO DATA
ORDERS 128 +14.2%
CONVERSION 3.8% +0.6%
AOV HK$742 +8.1%
Featured Products View Store →
Form 01 HK$780
Studio Piece HK$1,180
Object 03 HK$960
CUSTOMER JOURNEY

From product to order.

01 Product
02 Cart
03 Checkout
04 Order
COMPLETE CHECKOUT →
✓
NEW ORDER ORDER #WP-0248
PAID
E-SHOP STARTER
—
—
↓
E-SHOP BUSINESS
—
—
↓
CUSTOM E-COMMERCE
個別報價
↓
所有實際付款均以港幣（HKD）處理。 USD 金額只供參考， 實際兌換金額及外幣交易費用 可能由發卡銀行或付款機構決定。
E-COMMERCE PLANS

由基本網店開始，
到完整品牌購物體驗。

不同網店最大的差別， 不只是產品數量。 首頁設計、產品及 Collection 架構、 Product Template、品牌內容、 推廣元素及技術客製程度 都會直接影響整體製作範圍。

01
E-SHOP STARTER

基本網店

—
—

適合產品數量較少， 希望快速建立一個完整、 專業及可以開始接受訂單的網店。

BEST FOR 小型品牌 · 新網店 · Creator Brand · Boutique · 少量產品銷售
WHAT'S INCLUDED
  • Shopify 或 WooCommerce 基本網店設定
  • 核心網店頁面及基本 Store Structure
  • 基本 Homepage / Shop Layout
  • Product / Collection 基本版面
  • Cart 及 Checkout 流程設定
  • Payment Setup 基本技術支援
  • 最多 10 個產品上架
  • Responsive Design
  • 基本 SEO 設定
UP TO 10 PRODUCTS SHOPIFY / WOO RESPONSIVE
MOST POPULAR
02
E-SHOP BUSINESS

品牌型網店

—
—

適合希望網店不只是「有得買」， 而係同時建立品牌形象、 推廣產品並提升完整購物體驗的企業及品牌。

BEST FOR 成長品牌 · Retail · Fashion · Beauty · Lifestyle · 需要更完整品牌呈現的網店
WHAT'S INCLUDED
  • Custom E-commerce Homepage
  • 更完整 Collection / Product Structure
  • Product Template 視覺優化
  • Brand Story / About Content
  • FAQ / Promotion / Reviews 區域
  • Email Capture / CTA 元素
  • 最多 30 個產品上架
  • 強化 Mobile Shopping Experience
  • Shopify Custom Liquid / CSS 或 WooCommerce 視覺客製
  • 基本 SEO 設定
UP TO 30 PRODUCTS CUSTOM HOMEPAGE BRAND COMMERCE
03
PREMIUM / CUSTOM E-COMMERCE

客製網店

個別報價

適合產品架構、 品牌體驗、營運流程或技術要求 已經超出一般網店方案的項目。 先了解實際業務模式， 再決定平台及技術 Scope。

BEST FOR 大型 Catalog · 複雜產品結構 · 特殊營運流程 · Integration · 高度客製網店
POSSIBLE SCOPE
  • 大量產品及 Collection 架構
  • Advanced Product / Variant Experience
  • 更深入 Custom UI / UX
  • Advanced Shopify Liquid / WooCommerce Customization
  • 第三方系統及 API Integration
  • Custom Forms / Workflow
  • 特別 Promotion / Membership / Business Logic
  • 按實際營運需要規劃
CUSTOM SCOPE INTEGRATIONS ADVANCED COMMERCE
i
網店方案價格為網店設計及製作費，不等於所有營運成本。 Shopify / WooCommerce 相關平台費、 Domain、Hosting、付費 Theme、 Plugin / App、Payment Gateway、 Transaction Fee、第三方 SaaS 及其他外部服務並不自動包含。 實際需要會在項目開始前確認， 下一部分會再詳細比較不同方案及平台。
PLAN COMPARISON

三個方案，
差別不只是產品數量。

網店規模會直接影響 Homepage、Collection、 Product Template、品牌內容、 推廣元素及技術客製程度。 以下先用相同標準比較三個方向， 讓你更容易判斷應該由哪個方案開始。

← 左右滑動比較完整方案 →
E-COMMERCE SCOPE
網店方案比較
E-SHOP STARTER

基本網店

—
—
適合少量產品及新建立網店
E-SHOP BUSINESS

品牌型網店

—
—
適合重視品牌及購物體驗
CUSTOM E-COMMERCE

客製網店

個別報價
按業務模式及技術 Scope 規劃
適合對象 新網店、Creator Brand、小型品牌、Boutique 成長品牌、Retail、Fashion、Beauty、Lifestyle 複雜 Catalog、特殊流程、大型或高度客製項目
平台 Shopify / WooCommerce Shopify / WooCommerce 按實際業務及技術需要
Homepage 基本 Store Layout Custom E-commerce Homepage Advanced Custom UI / UX
產品上架 最多 10 個 最多 30 個 按實際 Catalog 規模
Collection / Category 基本架構 更完整分類及展示架構 Advanced Structure
Product Template 基本產品版面 品牌化 Product Presentation Advanced Product / Variant Experience
Cart / Checkout ✓ ✓ ✓
Payment Setup 基本技術設定 基本技術設定 按 Payment / Gateway Scope
Mobile Shopping Experience Responsive Design 強化 Mobile Commerce Advanced Responsive UX
Brand Story / About 基本 ✓ 按品牌內容規劃
FAQ / Promotion / Reviews 基本／按需要 ✓ Advanced / Custom
Email Capture / CTA 基本 ✓ 按 Marketing Flow
Custom Liquid / CSS 基本調整 包含一定程度客製 Advanced Customization
API / System Integration 另外報價 另外報價 ✓ 按 Scope
基本 SEO 設定 ✓ ✓ ✓
Platform / Apps / 第三方費用 另計 另計 另計
i
表格用作比較標準製作方向，並非限制網店只能做到以上功能。 Product 數量主要反映標準方案包含的資料上架工作量。 如果已有產品資料匯入方式、 需要更多產品、特殊 Variant、 Membership、Subscription、Booking、 ERP、CRM、物流或其他系統整合， 可以按實際項目另外確認 Scope。
SHOPIFY VS WOOCOMMERCE

平台沒有絕對最好，
只有哪個更適合你的營運方式。

Shopify 與 WooCommerce 都可以建立專業網店， 但兩者的管理方式、 技術架構及持續成本不同。 WebPlanly 會先了解產品、 日常管理方式、功能需要及預算， 再決定較合適的平台。

S
01
HOSTED COMMERCE PLATFORM

Shopify

將 Hosting、Commerce Backend、 Store Management 及核心網店功能 放在一個 Hosted Platform 內處理。
USUALLY A GOOD FIT WHEN 希望較快開始營運、 減少 Server 管理， 並以成熟 E-commerce Backend 管理產品、訂單及日常網店操作。
01
Hosted Platform Hosting 及核心 Commerce Infrastructure 由平台處理。
02
成熟網店管理介面 產品、訂單、客戶及推廣功能集中管理。
03
App Ecosystem 大量 Commerce App 可按需要增加功能。
04
適合持續營運 日常操作相對集中，適合希望降低技術維護負擔的商戶。
COST STRUCTURE

Shopify 本身設有持續平台訂閱費。 如使用付費 Theme、Apps、 Payment Provider 或其他第三方服務， 亦可能產生額外月費及交易相關費用。

W
02
WORDPRESS COMMERCE

WooCommerce

建立在 WordPress 之上的 E-commerce 系統， 網站內容、網店及技術環境 可以放在同一套 WordPress 架構內管理。
USUALLY A GOOD FIT WHEN 網站本身有較多內容、 已經使用 WordPress， 或希望對 Hosting、網站架構、 Plugin 及客製開發保留更多控制權。
01
WordPress Integration 內容網站與 E-commerce 可以整合在同一架構。
02
更高技術控制權 Hosting、Database、Plugin 及程式環境有較大自主空間。
03
Custom Development 適合需要與 WordPress Content 或特殊流程深入整合的項目。
04
Hosting 自行選擇 可按流量、Storage、Server 及預算選擇合適環境。
COST STRUCTURE

WooCommerce 核心 Plugin 本身可免費使用， 但網站仍需要 Hosting、Domain、 維護、安全、Backup， 並可能涉及付費 Plugin、 Extension 或第三方服務成本。

?
未使用過 Shopify 或 WooCommerce？不需要先自己決定。 平台選擇應該由實際業務需要出發。 我們可以先了解產品數量、 更新頻率、付款方式、物流、 Marketing、內容需要及未來擴充方向， 再建議較合適的平台。
查詢網店需求 →
E-COMMERCE PROJECT SCOPE

網店製作是一個合作項目，
每一方都有不同角色。

一個網店能否順利上線， 除了設計及 Coding， 亦涉及產品資料、 Payment、物流、平台及第三方服務。 在項目開始前先分清楚責任， 可以令製作流程更快， 亦避免把第三方審批或營運問題 誤解成網站製作問題。

WP
01
WEBPLANLY RESPONSIBILITY

網店設計及技術製作

WebPlanly 主要負責將已確認的業務需要、 品牌內容及產品資料， 轉化成完整的網店架構及購物體驗。

01
Store Structure Homepage、Collection、Product、Cart 及相關頁面架構。
02
UI / Responsive Design 桌面、平板及手機的品牌及購物體驗。
03
Product Setup 按方案包含數量建立產品及基本分類。
04
Technical Configuration Theme、Cart、Checkout、基本 Payment / Shipping 技術設定。
05
Testing & Launch 上線前基本流程檢查及正式網站部署。
如涉及 API、ERP、CRM、 Membership、Subscription、 特殊 Promotion 或其他進階功能， 會按實際 Scope 另外確認。
YOU
02
CLIENT RESPONSIBILITY

業務及產品資料

客戶最了解自己的產品及營運方式， 因此業務資料及需要作出的商業決定， 需要由客戶提供及確認。

01
產品資料 名稱、售價、Description、Variant、SKU、Inventory 等。
02
Logo / Images / Brand Assets Logo、產品圖片、品牌圖片及已有視覺素材。
03
Shipping Rules 配送地區、運費、免費送貨條件及 Fulfilment 模式。
04
Payment Account 商戶帳戶、銀行資料及 Payment Provider 所需文件。
05
Legal / Business Requirements 商品合法性、牌照、稅務、退換貨及營運政策。
如產品文字、圖片或大量產品資料 需要 WebPlanly 另外整理或製作， 可以按實際工作量另外處理。
3P
03
THIRD-PARTY SERVICES

平台及外部服務

網店通常需要使用不同外部平台。 WebPlanly 可以協助技術設定， 但第三方服務本身的審批、 收費及政策由服務供應商決定。

01
Shopify / Hosting 平台月費、Hosting 或相關服務成本。
02
Payment Gateway 商戶審批、交易費、Settlement 及風險政策由 Provider 決定。
03
Apps / Plugins 付費 App、Plugin、Extension 或 SaaS 訂閱另計。
04
Shipping Provider Courier、物流系統及第三方 Fulfilment 費用另計。
05
External Policy 第三方服務條款、政策及功能可能隨供應商更新。
WebPlanly 會協助技術層面的整合及設定， 但不能保證任何第三方公司 必定批准商戶帳戶、Payment Method 或特定服務。
01
Payment Gateway 審批

WebPlanly 可以協助技術整合， 但商戶是否獲批， 最終由 Payment Provider 決定。

02
商品及營運合法性

客戶需確保商品、服務、 牌照、進出口、年齡限制及其他業務要求符合適用規則。

03
第三方持續費用

Shopify、Apps、Plugins、 SaaS、Payment、Hosting 或其他服務費不屬於網站製作費。

04
Scope 可以擴充

如日後需要更多產品、 Integration、Marketing Function 或新營運流程，可以再逐步擴充。

i
清楚劃分責任，不代表把問題推給客戶。 WebPlanly 會在技術範圍內協助客戶完成網店設定， 但有些事情本質上屬於業務決定、 商戶資格或第三方審批。 在項目開始前先確認這些範圍， 反而能令整個製作及上線流程更順利。
HOW E-COMMERCE WORKS

從產品資料開始，
到真正可以接受訂單。

網店比一般企業網站多了一層 「營運流程」。 所以 WebPlanly 會先處理產品及商業邏輯， 再進入設計、平台設定、 Payment、Shipping、Testing 及 Launch。

01
BUSINESS & PRODUCTS

確認產品及營運模式

先了解你賣甚麼、 產品數量、Variant、 目標市場、庫存方式、 Shipping、Payment 及日常如何處理訂單。 網店架構應該由實際營運模式出發。
OUTPUT
Product Scope · Market · Operations
02
PLATFORM

選擇 Shopify 或 WooCommerce

按產品、 內容、管理方式、 功能、Hosting、 Budget 及未來擴充需要， 決定使用 Shopify 或 WooCommerce。
OUTPUT
Platform · Technical Direction
03
DESIGN & BUILD

建立品牌及購物體驗

規劃 Homepage、 Collection、Product Page、 Brand Content、CTA、 Mobile Layout 及購物流程。 呢一步會將「網店功能」 真正變成屬於你品牌的 Storefront。
OUTPUT
UI · UX · Responsive Storefront
04
PRODUCTS & CONTENT

建立產品及內容資料

將已確認的產品名稱、 價格、圖片、Description、 Variant、SKU 及 Collection 整理到網店。 產品數量按所選方案包含範圍處理。
OUTPUT
Products · Collections · Content
05
COMMERCE SETUP

Payment、Shipping 及營運設定

按已確認的 Payment Provider、 Shipping Rules、Currency、 Store Settings 及相關營運需要 完成基本技術設定。 第三方服務須先具備相應帳戶及資格。
OUTPUT
Checkout · Payment · Shipping
06
TESTING

上線前測試購物流程

檢查主要裝置、 Product → Cart → Checkout 的基本流程、 表單、連結及核心設定。 如 Payment Provider 支援 Test Mode， 亦可按實際環境進行相應測試。
OUTPUT
QA · Checkout Test · Review
07
LAUNCH

正式上線及開始營運

完成確認後正式發布網店， 接駁正式 Domain、 啟用生產環境， 讓客戶可以開始瀏覽產品及建立訂單。 日後如需要新功能， 可以再逐步擴充。
OUTPUT
Live Store · Ready to Operate
✓
不需要在第一日就將所有功能一次過做完。 一個網店可以先以核心產品及購物流程上線， 再根據實際營運需要增加 Marketing、Automation、 Membership、Integration 或其他進階功能。 這通常比一開始加入大量未驗證功能更實際。
查詢網店需求 →
E-COMMERCE FAQ

開始網店前，
最常見的幾個問題。

前面已經比較過網店方案、 Shopify / WooCommerce、 Project Scope 及製作流程。 呢一部分集中處理真正開始營運前 最容易影響決定的實際問題。

不需要。 平台應該按實際業務模式選擇， 而不是先選平台再勉強配合業務。

WebPlanly 可以先了解產品數量、 更新頻率、內容需要、 Payment、Shipping、 日常管理方式及未來功能方向， 再建議較合適的平台。

i
一般而言， Shopify 偏向 Hosted Commerce 及較集中管理； WooCommerce 則較適合需要 WordPress 整合及更高技術控制權的項目。

不包括。 WebPlanly 的網店方案價格 主要為網店設計及製作費。

Shopify Subscription、 WooCommerce Hosting、 Domain、付費 Theme、 Apps、Plugins、Extensions、 Payment Gateway、 Transaction Fee 或其他第三方 SaaS 都屬於外部服務成本。

$
項目開始前如已知道需要使用特定 App、Plugin 或第三方服務， 可以先一併列出， 方便了解預計持續成本。

不可以保證。 WebPlanly 可以協助網站技術設定及整合， 但 Payment Gateway 是否批准商戶帳戶， 由 Payment Provider 按商戶公司、產品類型、 文件、風險政策及其他審批要求決定。

客戶亦需要提供 Payment Provider 所要求的 公司、銀行、業務及商品資料。

!
如第三方 Payment Provider 拒絕或限制某個商戶、 商品類型或付款方式， 這屬於第三方服務審批結果， 並不代表網店本身未完成。

10 個及 30 個產品 主要代表標準方案包含的產品資料 建立及上架工作量， 並不是網店日後只能存在這個數量的產品。

如果開始時已需要更多產品， 可以按額外上架數量、 Product Data 複雜程度、 Variant、圖片及內容工作量 另外確認。

+
如果客戶已經有整理好的 CSV / Structured Product Data， 大量產品亦可能採用 Import 方式處理， 實際工作量會與逐件手動建立不同。

可以。 網店與一般固定企業網站不同， 產品、價格、庫存、訂單及日常 Commerce Data 本身就是營運的一部分， 因此會按所選平台提供相應的管理方式。

客戶可以在 Shopify 或 WooCommerce 後台 處理日常產品及訂單工作。

i
Theme Layout、Responsive Design、 Custom Liquid、CSS、Plugin 設定 或程式功能則屬於網站技術部分。 如果需要修改這些範圍， 建議由 WebPlanly 協助處理， 避免影響網店版面或正常運作。

涉及日後業務營運的主要商戶帳戶， 原則上應由客戶／商戶持有， 包括 Shopify Store、 Payment Account、 Domain 及其他與公司營運直接相關的服務。

WebPlanly 可以在製作期間 以適當的 Admin、 Staff、Collaborator 或技術權限協助設定及維護。

✓
呢種安排可以確保日後即使 更換服務供應商， 商戶仍然保留自己的核心平台、 Domain 及 Payment Account 控制權。

標準網店方案主要以 客戶提供的產品資料、 Logo、圖片及品牌素材 作為製作基礎。

如果需要專業產品攝影、 大量 Product Description、 Copywriting、 AI Visual、 Branding 或其他獨立內容製作， 可以按實際需要另外處理。

i
WebPlanly 可以協助整理網站呈現方式， 但「整理已有資料」 與「由零開始製作大量產品內容」 屬於不同工作範圍。

可以， 但 E-commerce 的多語言及多貨幣 通常比一般企業網站複雜。

除了普通內容頁， 亦可能涉及 Product、 Collection、Navigation、 Checkout、 Currency Display、 App / Plugin 及平台本身的多語言功能。

i
因此多語言網店 不直接按一般網站的固定 HK$800 / Page 計算， 會按實際產品數量及網店架構 另外確認 Scope。

呢啲屬於商戶本身的業務及營運政策， 需要由客戶確認。 例如配送地區、 運費、免費送貨門檻、 Tax、Return / Refund Policy、 出貨方式及相關法律要求。

WebPlanly 可以按已確認的規則 協助進行網站及平台設定， 但不會代替客戶作出法律、 稅務或商品合規判斷。

!
如涉及受規管商品、 年齡限制、牌照、 進出口或特殊稅務要求， 商戶應自行確認相關適用規則及資格。

可以。 網店並不需要第一日 就一次過加入所有未來功能。

上線後可以按實際營運需要 再增加 Membership、 Subscription、 Loyalty Program、 Email Automation、 CRM、ERP、 Shipping Integration、 Advanced Promotion 或其他 Custom Function。

+
功能擴充會按當時平台、 現有網站架構及實際技術 Scope 另外評估。
你的網店模式比較特別？ 如果涉及特殊產品、 大量 Variant、B2B、 Membership、Subscription、 特別 Payment、 ERP / CRM 或其他系統整合， 不需要勉強套入標準 Plan。 可以直接按實際營運模式確認 Scope。
聯絡 WebPlanly →