跳到主要內容
上線工作室 OnLaunch Studio 找我們聊

WordPress 架站・WooCommerce 開店・客製化外掛・綠界金流串接

WordPress 架站與 WooCommerce 開店:規格寫死、金流測過、後台交給你

WordPress 架站拉開差距的是工程品質:金流(刷卡收款)串接是否可靠、客製功能是否可維護、出問題時找不找得到人。我們以外掛開發者的深度做 WordPress,從形象官網到電商都能交付。

  • 上線工作室(OnLaunch Studio)的 WordPress 服務:小資模板網站快速建站 NT$12,000 起、形象/品牌站 NT$25,000 起、線上開店(WooCommerce)NT$50,000 起,規格書確認後固定報價。
  • 服務能力涵蓋客製功能開發、綠界金流串接(台灣常用的線上收款服務),與符合消保法的結帳設計。
  • 交付標準是四樣一起到位:功能規格書、固定報價、自動化測試(程式自動檢查有沒有改壞)、後台操作教學。
  • 網域與主機的年度費用不含在建站報價裡,可以託管給上線工作室,也可以架在客戶自己現有的主機;實際年費依方案與主機規格另計,報價時一併說明。
  • 交付後一個月為 bug 保固期:規格書內驗收過的功能出現錯誤免費修復。新增功能、版面改版與內容撰寫不在保固內;保固期滿後走月費維護 NT$2,000 起。

這些情境,你可能不陌生

原廠商找不到人

網站還在跑,但要改一行字都沒人能改。後台密碼、網域、主機分別在三個地方,沒人說得清楚。

手機打開就跑版

桌機看起來正常,手機上圖片超出畫面、按鈕點不到。而現在多數客戶是用手機找你的。

想賣東西但只能私訊接單

商品、庫存、訂單、對帳全靠人工。單量一多就開始漏單,也沒辦法讓客人自己下單。

外掛一更新就壞

不敢按更新,因為上次按完首頁就白了。但不更新又有資安風險:兩邊都不安全。

網站做好之後,怎麼讓人進來

網站上線只是把門開好。要有人走進來,一條是等 Google 自己找到你, 另一條是直接買曝光。前者見 SEO 與 GEO 優化(讓 ChatGPT 這類 AI 引用你的網站), 需要時間但不用持續付費;後者見 Google 與 Meta 廣告代操,開了就有流量,停了就沒有。 我們的廣告代操是固定月費、不從廣告費抽成,帳戶開在你名下,落地頁與轉換追蹤含在裡面。

交付範例

同一條生產線、三個藝術方向。點擊或左右鍵切換;「一眼可分」的差異描述是設計判斷,不是量測事實。

示範站「示範堂」:年報版型,桌機 1440px。零卡片、零陰影,用細線與襯線標題分隔內容。
01 年報版型 零卡片、零陰影:用細線與襯線標題分隔內容
示範站「示範堂」:課程電商版型,桌機 1440px。商店頁為一行一課的清單,價格右對齊。
02 課程電商版型 商店頁一行一課的清單,價格右對齊
示範站「示範堂」:單頁報名版型,桌機 1440px。2px 硬邊框、實心偏移陰影,零圓角。
03 單頁報名版型 2px 硬邊框、實心偏移陰影,零圓角

年報版型

零卡片、零陰影:用細線與襯線標題分隔內容。設計判斷

示範站「示範堂」:年報版型,桌機 1440px。零卡片、零陰影,用細線與襯線標題分隔內容。

同一頁,手機 375px。不是縮圖:雙欄資料表改為單欄,細線分隔保留。
同一頁,手機 375px。不是縮圖:雙欄資料表改為單欄,細線分隔保留。

課程電商版型

商店頁一行一課的清單,價格右對齊。設計判斷

示範站「示範堂」:課程電商版型,桌機 1440px。商店頁為一行一課的清單,價格右對齊。

同一頁,手機 375px。縮圖降為 132px,價格移到標題下方。
同一頁,手機 375px。縮圖降為 132px,價格移到標題下方。

單頁報名版型

2px 硬邊框、實心偏移陰影,零圓角。設計判斷

示範站「示範堂」:單頁報名版型,桌機 1440px。2px 硬邊框、實心偏移陰影,零圓角。

同一頁,手機 375px。硬邊與偏移陰影在小螢幕維持同一套語言。
同一頁,手機 375px。硬邊與偏移陰影在小螢幕維持同一套語言。

版型示範內容(皆為虛構):236 家企業客戶、11,790 位受訓學員、94% 回購率、1,794 位學員的課程頁: 這些數字由內容產生器編出,用來測版面,不是任何真實成效。

交付範例的可複驗清單

證據不是都一樣硬。以下依「你能不能自己驗」分三層排列: 能自己驗的排前面,只有我們能重跑的放最後,不混在一起講。

TIER2 我們公開的證據(可讀,但不能重跑) (3 項)

實際執行輸出的 sanitized 轉錄。你能讀它、核對它的內部一致性,但無法自行重跑:腳本與示範環境未公開。

  • 版型防呆檢查(design-lint)共 10 條規則,3 份交付範例的首頁+商店+單品共 9 頁全綠

    怎麼驗: 讀已公開的輸出轉錄 →

  • 付款流程自動測試 12/12 全數通過,付款段真的導向綠界(線上收款服務)的測試環境

    怎麼驗: 讀已公開的輸出轉錄 →

  • 3 份交付範例「一眼可分」:年報=細線+襯線;課程電商=一行一課清單;單頁報名=2px 硬邊+偏移陰影:這是設計判斷,不是可量測事實

    怎麼驗: 看下方截圖自行判斷;我們的內部檢查流程包含盲測,但不對外宣稱其結論

TIER3 只有我們能重跑的(內部可複現) (10 項)

需要我們的 repo 與開發環境才能執行。這一層你只能選擇信或不信,所以我們把它跟前兩層分開放。

  • 示範站「示範堂」為虛構客戶:課程、價格、學員數、企業名單全部是我們編的

    怎麼驗: 檢視內容產生器原始碼:所有示範內容由程式生成

  • 從零到可交付部署包:5 個指令、5/5 階段全綠

    怎麼驗: 跑一次端到端腳本,看五階段結果

  • 端到端耗時 168 秒:在我們的開發機上量測,隨功能增加而變動(103→108→125→143→168)

    怎麼驗: 同上腳本重跑計時;換機器數字會不同,這是條件宣稱

  • 每頁新增 CSS+JS 共 50.7 KB(含裁切後字型 CSS,未壓縮)

    怎麼驗: 檢視檔案大小:app.css 50,677 bytes+motion.js 2,858 bytes

  • 字型設定檔從 707 KB 裁到 30.7 KB(只保留網站實際用到的字與字重)

    怎麼驗: 讀裁切腳本與其產出

  • 動效程式 motion.js 只有 2,858 bytes,不用任何外部框架、執行時零對外請求

    怎麼驗: 檔案本身可讀;design-lint 含外部請求檢查

  • 不硬改 WooCommerce(WordPress 開店系統)的原始模板:覆寫 0 個,只用 2 個官方掛載點

    怎麼驗: 讀覆寫清單文件的總結行

  • 綠界閘道需三層設定,缺一層結帳頁看不到綠界且無錯誤訊息

    怎麼驗: 依根因報告重現三層設定的任一缺漏

  • 過程產出 78 張截圖、13 份 Google 官方網站評測(Lighthouse)報告、18 份輪次報告

    怎麼驗: 點數目錄內容

  • 四份台灣法遵頁草稿(隱私權/購物須知/退換貨/猶豫期):草稿,非法律意見

    怎麼驗: 讀範本目錄

生產線做到什麼

01 從零到可交付的網站 5 個指令、5/5 階段全綠

重建一次要花的時間可預期,不是每次都從頭摸索

02 版型防呆檢查 10 條規則、9 頁全綠

版面不會因為趕工而退化成模板感

03 每頁程式重量 CSS+JS 共 50.7 KB

頁面輕,手機開得快,跳出率不會被載入速度拖累

04 不硬改原始模板 覆寫 0 個

盡量不改 WooCommerce 原始模板,降低它更新後整站壞掉的風險

05 付款流程自動測試 12/12 通過

收錢這條路每次改動都自動重驗,不靠人記得測

以上是這條生產線交付過的東西;本站自身的可複驗事實另見 作品與能力證明。

30 秒自測:你的網站需要重做嗎?

你的網站需要重做嗎?先走一遍選型決策樹:
網站需要非工程師日常更新內容或管理商品嗎?
├─ 需要 → 後台型系統(WordPress 等),見報價與量級解析
└─ 不需要
   ├─ 有會員登入、購物車、即時資料嗎?
   │  ├─ 有 → 動態架構(WordPress/客製後端)
   │  └─ 沒有
   │     ├─ 內容更新頻率高(日更多篇、多人編輯)嗎?
   │     │  ├─ 是 → 後台型系統,編輯效率優先
   │     │  └─ 否 → 靜態站:速度、安全、控制力全拿

完整說明見 〈WordPress 架站費用行情與報價解析〉

先看第三方怎麼說

WordPress 用於全球 40.8% 的網站,在內容管理系統中市佔 59.0%。

WordPress is used by 40.8% of all the websites, that is a content management system market share of 59.0%.

W3Techs|Usage statistics of content management systems / 查證日 2026-08-18(該站每日更新,數字會變動)

回答「為什麼選 WordPress」:市場已經在用它,人才與外掛生態最厚。這和我們的偏好無關。

LCP 應在 2.5 秒內、INP 應低於 200 毫秒、CLS 應低於 0.1。

strive to have LCP occur within the first 2.5 seconds of the page starting to load … an INP of less than 200 milliseconds … a CLS score of less than 0.1

Google Search Central|Core Web Vitals 與 Google 搜尋結果 / 查證日 2026-09-15(原文最後更新 2025-12-10,三項門檻與上次查證相同)

這三個數字就是 Google 說的 Core Web Vitals。它把「快」寫成了可量測的門檻,我們拿它當交付驗收標準:專案結束前逐項量測,三項都落在門檻內才算交付完成。

服務內容

你會拿到什麼

下面列的都是現在做得出來的東西。實際做哪些依規格書決定,沒列在這裡的就是還沒做過,初談時會直接說。

網站單元

你會拿到哪些頁面與區塊。實際做幾頁依規格書,這裡是可選的清單。

  • 首頁 主視覺、服務摘要、行動呼籲,決定訪客三秒內看到什麼。
  • 關於我們 介紹你的團隊、沿革與理念,讓陌生訪客知道你是誰。
  • 服務說明 一項服務一段,可搭配流程圖、價目對照或適用對象。
  • 產品/品項總覽 分類、篩選與單品頁;不收款也能當型錄用。
  • 方案與價目對照 多方案並列比較,欄位可自己增減。
  • 最新消息/公告 有分類、有日期、可置頂,不必為了改一行字找人。
  • 部落格文章 含分類、標籤與封存頁,是 SEO 長期累積的載體。
  • 實績/作品集 圖文並列的案例列表與單案內頁。
  • 常見問題 手風琴式問答,同時輸出 FAQ 結構化資料給搜尋引擎。
  • 預約/報名表單 欄位自訂,送出後寄通知信,收件備份留在後台。
  • 聯絡我們 聯絡表單、地圖、營業時間與交通資訊。
  • 隱私權政策與使用條款 版面與欄位我們做,法務文字由你提供或指定範本。
  • 線上商店線上開店方案 商品、購物車、結帳、訂單查詢與會員中心。

服務特色

建站專案本身內含的工程與設定,不另外收費。

  • RWD 響應式版面 同一份內容在手機、平板、桌機各自排得好看,不是把桌機版縮小。
  • 基礎 SEO 結構 標題階層、每頁的標題與描述欄位、正版網址標記、給搜尋引擎的頁面清單,以及讓 Google 和 AI 讀懂網站的標記。
  • SSL 憑證與 HTTPS(免費) 上線時一併設定,含 HTTP 轉址與自動續期,網址列不會出現「不安全」。採 Let's Encrypt,我們不收這筆——同業普遍列為年費,常見 NT$1,980/年。
  • 自動備份與還原 排程備份與還原演練,確認備份是真的救得回來,不是有跑就算。
  • 搜尋引擎登錄 Google Search Console 與 Bing Webmaster Tools 驗證、送出 sitemap。
  • 流量統計安裝 Google Analytics 4 安裝與基本事件設定,你自己看得到數據。
  • 示範照片授權 版型內附的示範照片皆為可商用授權,附逐張授權記錄;交付時換成你的照片。
  • 功能規格書與固定報價 做什麼、不做什麼寫在動工前,範圍內不追加。
  • 客製功能附自動化測試客製功能 程式自動檢查有沒有改壞,改一個地方不會悄悄弄壞另一個。
  • 後台操作教學與文件 交付時附操作文件與一次教學,網站不綁死在我們手上。

後台功能

交付後你自己在後台做得到的事,以 WordPress 實際能力為準。

  • 使用者與權限分級 管理員、編輯、作者各看得到自己該看的,離職就停用帳號。
  • 選單與導覽編輯 導覽要加一項、要換順序,後台拖一下就好。
  • 頁面與區塊編輯 區塊式編輯器,改文字、換圖、調順序都不用寫程式。
  • 文章發布與分類標籤 排程發布、草稿、分類與標籤,最新消息與部落格共用。
  • 媒體庫與相簿 上傳即自動產生多種尺寸,相簿以區塊插入任何頁面。
  • 表單收件與通知信 送出的每一筆都留在後台,同時寄通知信到指定信箱。
  • 每頁 SEO 欄位 標題、描述與社群分享圖逐頁可改,不必動程式。
  • 備份與更新管理 後台看得到備份狀態,核心與外掛更新集中在一個地方。
  • 商品、庫存與訂單線上開店方案 上下架、改價、庫存、訂單狀態與退款,全部在後台完成。

保固範圍

包含

  • 交付後一個月 bug 保固規格書內驗收過的功能出現錯誤,免費修到好。
  • 修復不另計工時保固範圍內的修復不再報價、不扣月費時數。
  • 營業日 24 小時內回覆保固期內回報的問題,營業日 24 小時內給你回覆。回覆指的是確認收到並告知處理方式與時程,不是當下修好。
  • 交付後 7 天驗收期依規格書逐項驗收,7 天內提出的不符項目免費修正;期滿未提出視為驗收通過,保固期同時起算。

不包含

  • 新增功能、新增頁面、版面改版這些是新的範圍,重新議定規格與報價。
  • 文案撰寫、攝影與內容更新網站是容器,內容由你提供;需要代筆可另外談。
  • 你自行安裝或改動後產生的問題自己裝的外掛、佈景或改過的程式,我們無法保證相容。
  • WordPress 核心或外掛更新造成的相容問題更新由你決定何時執行,更新後才出現的問題不在 bug 保固內;需要我們盯著更新請走月費維護。
  • 主機、網域與第三方服務本身的故障金流、簡訊、地圖這類外部服務的中斷不在保固內。
  • 保固期滿後的維護走月費維護 NT$2,000 起,依網站規模報價;不續約也不會鎖住你的網站。

適用對象

形象官網重建

適合:成立數年、網站是外包做完就沒再動過的公司

原廠商找不到人、後台進不去、手機打開跑版。先做接手評估,能救就救、該重建就重建。

線上開店

適合:已經在賣東西、但靠通訊軟體接單的店家

商品、訂單、庫存、金流走同一套後台,不用再手動對帳。含符合消保法的結帳設計。

既有站的功能擴充

適合:網站還能用、但少一個關鍵功能的公司

預約、會員、串接既有系統。客製功能一律附自動化測試,改一處不會弄壞別處。

長期維護接手

適合:沒有內部技術人員的中小企業

核心與外掛更新、備份、安全性。日常內容你自己更新,程式層級的事交給我們。

合作流程

  1. 需求訪談

    釐清網站目的、功能清單與預算範圍;判斷套版、半客製或全客製哪種最符合效益。

  2. 規格與報價

    產出功能規格書與固定報價,含頁面清單、功能邊界與時程,避免做到一半追加爭議。

  3. 設計與開發

    分階段交付可預覽的成果;客製功能附自動化測試,確保改 A 不會壞 B。

  4. 驗收與上線

    依規格書逐項驗收,上線含網域、SSL、備份與基本資安設定。

  5. 教學與維護

    後台操作教學與文件交付;可另訂維護方案,含更新、備份與問題處理。

實際畫面

以下都是我們自己做的東西的實際畫面,不是客戶案例:客戶案子還在累積。每一張都可以點進去自己操作。

我們實際在用的東西

網站與電商

  • WordPress內容管理與後台,客戶自己更新的那一層
  • WooCommerceWordPress 的開店系統,商品、訂單、金流都走它
  • 綠界 ECPay台灣常用的線上收款服務,信用卡與超商代碼
  • PHP・MySQLWordPress 的執行環境,主機規格與備份策略依它決定

前端與部署

  • Astro靜態網站框架:沒有後台程式、載入極快的網站作法;本站就是用它建的
  • Tailwind CSS樣式系統,設計代幣的載體
  • Cloudflare Workers靜態檔案託管與自訂網域,本站就跑在上面

品管

  • Playwright瀏覽器自動化測試與逐頁截圖比對
  • LighthouseGoogle 官方的網站評測工具,效能與無障礙的驗收依據
  • sharp圖片轉檔與尺寸生成,WebP 產出

我們自己做出來的東西

網站版型庫

是什麼
依產業建的網站範本:精密機械加工、保養品電商、線上課程平台、餐飲咖啡。
解決什麼
「做出來會長什麼樣」講不清楚:與其看截圖,不如打開網址捲到底。
產出
可直接開啟的網址,含商品格、單品頁、菜單、課程章節等實際版位。
打開來看 →
保養品電商版型的熱銷商品格,四欄商品卡含容量與價格
我方自產畫面

上線前自動檢查(audit)

是什麼
43 條規則的檢查程式,每次建置自動跑過全站產物。
解決什麼
人工檢查會漏:標題長度、結構化資料、事實漂移、排版規範這些沒人記得住。
產出
逐條通過/失敗清單,任一條失敗即中止交付。
上線前自動檢查的執行輸出,逐條顯示檢查項目與結果
我方自產畫面

我們說得出口的保證

規格書確認後固定報價

範圍內不追加。需求變更就重新議定範圍與價格,不會做到一半才說要加錢。

依據:/faq/「怎麼收費?會不會做到一半追加?」

客製功能一律附自動化測試

程式自動檢查有沒有改壞。核心流程都有測試守著,改一個地方不會悄悄弄壞另一個。

依據:/faq/「你們用 AI 寫程式,品質有保障嗎?」

交付含操作文件與後台教學

交付時附功能規格書、後台操作文件與教學。日常內容更新你自己來,網站不綁死在我們手上。

依據:/faq/「專案完成後,後續維護怎麼辦?」

單一窗口,不轉包不換人

從評估、開發到交付都是同一個窗口。你不會遇到業務談完換人、做完就找不到人的情況。

依據:/faq/「你們是公司還是工作室?」

方案與起價

規格書確認後固定報價,範圍內不追加。下面是各方案的起算點,實際金額依評估後的範圍決定。

小資模板快速建站

NT$12,000起

用現成版面先把網站開起來,預算花在上線不是花在設計。

  • 自製產業版型挑一套當版面
  • 換上你的文字與照片
  • 響應式版面(手機、平板、桌機)
  • 基礎 SEO 設定與結構化資料
  • 上線前 43 項自動檢查
  • 版面沿用現成版型,不做客製設計

形象站

NT$25,000起

把公司講清楚,讓人找得到、聯絡得到。

  • 響應式版面(手機、平板、桌機)
  • 基礎 SEO 設定與結構化資料(讓 Google 和 AI 讀懂網站的標記)
  • 聯絡表單與地圖
  • 功能規格書+固定報價
  • 後台操作教學與交付文件

線上開店

NT$50,000起

形象站的全部,加上真的能收錢的一套流程。

  • 形象站的全部項目
  • WooCommerce 商品、訂單、庫存
  • 綠界金流串接(信用卡與超商代碼)
  • 運費規則與物流設定
  • 符合消保法的結帳流程設計
  • 訂單與金流的自動化測試

接手與健檢

NT$4,000起

網站已經有了,但沒人維護或跑不動。

  • 現有網站技術健檢報告
  • 外掛與核心版本盤點
  • 效能與 Core Web Vitals(Google 的網站體驗指標)量測
  • 接手可行性評估與風險清單
  • 後續維護方案建議(不綁約)

建站從 NT$12,000 起(現成版型換上你的內容),要客製版面與品牌語彙的形象站從 NT$25,000 起。兩者都是起算點,實際金額依頁數、功能與客製程度而定,規格書確認後提供固定報價。若你已經有網站、只是想先知道它的體質,從 NT$4,000 起的技術健檢開始最省錢。網站維護採月費制,NT$2,000/月起,依網站規模報價。網域與主機是網站的固定年度成本,不含在建站報價裡:可以託管給我們,也可以架在你自己現有的主機,實際年費依方案與主機規格另計,報價時一併說明。市場行情的組成與差異,見下方文章「WordPress 架站費用行情與報價解析」。

完整費用說明(含付款方式與年度費用)→

什麼情況不適合找我們

常見問題

WordPress 架站要多少錢?
小資模板快速建站 NT$12,000 起(挑一套現成產業版型換上你的內容,不做客製版面);形象/品牌站 NT$25,000 起(含 RWD、基礎 SEO、交付教學);WooCommerce 電商 NT$50,000 起;客製外掛與金流串接依範圍另計。市場行情的組成邏輯,部落格有完整解析文章,先讀它就能看懂任何一張報價單。
網域與主機的年費要另外付嗎?誰負擔?
網域與主機是網站的固定年度成本,不含在建站報價裡。網域約 NT$500~1,200/年(依 .com、.tw 等不同結尾而定),主機約 NT$3,000~8,000/年(依流量與規格而定)。SSL 憑證我們不收費——採用 Let's Encrypt 免費憑證並設定自動續期,同業普遍將這項列為年費(常見 NT$1,980/年)。兩種做法都可以:託管給我們,或架在你自己現有的主機——你已經有主機就直接用,不必為了配合我們再買一份。不論哪一種,網域與主機帳號都登記在你名下,你隨時可以帶走。日後換人接手,網站不用搬家。
架一個網站要多久?
形象官網以週為單位,含客製功能的電商以月為單位。確切時程在規格書階段確認,並拆成可預覽的階段交付,不會等到最後一天才看到成品。
WooCommerce 可以串綠界金流嗎?
可以。綠界(ECPay)金流串接是我們的服務能力項目:信用卡收款、訂單狀態同步、退款流程,以及台灣消保法猶豫期的合規結帳設計,都在服務範圍內。
你在哪裡?可以當面討論嗎?
可以。台中、苗栗、新竹、桃園可約當面談,其他地區(含海外)遠端合作。需求訪談、進度確認與交付教學都能以線上會議完成,網站專案本來就不需要綁在同一個城市。
網站做好之後,我自己能更新內容嗎?
能。WordPress 後台本來就是為非工程師設計的,交付時會提供操作教學;日常的文章、圖片、商品上下架都可以自己來,只有涉及程式的改動才需要開發者。
為什麼不用 Wix 或 Shopify 就好?
如果需求是快速上線的標準功能,那些平台確實夠用。WordPress 的優勢在資料所有權與客製自由度:外掛可以自己開發、資料可以完整搬走、不被平台月費與功能上限綁住;適合哪種取決於你的階段,初談時直說。
我已經有網站了,可以只做外掛客製嗎?
可以。客製化外掛開發可獨立委託,不需要重做整個網站。接手前會先做程式碼健檢,確認既有環境的相容性,再給規格與報價。

挑一套版型,或從規格書開始

已經有喜歡的示範網站,就把連結傳來;還沒有方向,講一下要幾頁、要不要線上收款、素材準備到哪裡。我們先寫規格書,再給固定報價。