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 廣告代操 ,開了就有流量,停了就沒有。
我們的廣告代操是固定月費、不從廣告費抽成,帳戶開在你名下,落地頁與轉換追蹤含在裡面。
交付範例
同一條生產線、三個藝術方向。點擊或左右鍵切換;「一眼可分」的差異描述是設計判斷,不是量測事實。
01
年報版型 零卡片、零陰影:用細線與襯線標題分隔內容。設計判斷
示範站「示範堂」:年報版型,桌機 1440px。零卡片、零陰影,用細線與襯線標題分隔內容。
同一頁,手機 375px。不是縮圖:雙欄資料表改為單欄,細線分隔保留。 02
課程電商版型 商店頁一行一課的清單,價格右對齊。設計判斷
示範站「示範堂」:課程電商版型,桌機 1440px。商店頁為一行一課的清單,價格右對齊。
同一頁,手機 375px。縮圖降為 132px,價格移到標題下方。 03
單頁報名版型 2px 硬邊框、實心偏移陰影,零圓角。設計判斷
示範站「示範堂」:單頁報名版型,桌機 1440px。2px 硬邊框、實心偏移陰影,零圓角。
同一頁,手機 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。它把「快」寫成了可量測的門檻,我們拿它當交付驗收標準:專案結束前逐項量測,三項都落在門檻內才算交付完成。
服務內容
01 現有網站技術健檢/接手評估(NT$4,000 起) 你已經有 WordPress 網站,但不確定它的體質:這一項就是先看清楚再決定要不要動。檢查範圍:核心與外掛版本落後與已知風險、備份與還原機制是否真的能用、載入速度與手機可用性、基礎 SEO 設定、資料庫與檔案結構是否可維護、前一手交付的完整度(帳號、原始碼、文件)。交付的是一份書面報告:問題清單依嚴重度排序、每項附建議處理方式與大致工時量級。不包含:實際修復、內容撰寫、設計改版:那些是報告出來後另行報價的事。
02 形象官網與內容網站建置 從資訊架構、版型到上線的完整建置,行動裝置優先、載入速度與基礎 SEO(讓 Google 找得到你)內建,後台交給你自己就能更新內容。
03 WooCommerce 開店與金流串接 商品規劃、購物流程、串接綠界收款(台灣常用的線上收款服務)、訂單狀態同步與對帳流程,並把台灣消保法的規定(如猶豫期)做進結帳設計。
04 客製化外掛開發 現成外掛做不到的,直接開發:會員權限、預約系統、第三方 API 整合。遵循 WordPress 開發規範,附自動化測試,日後升級不怕壞。
05 既有網站接手與維護 接手他人開發的網站,先做健檢(安全性、效能、備份),再依需求修復或擴充。以文件與測試逐步把黑盒子變回可維護的系統。
你會拿到什麼
下面列的都是現在做得出來的東西。實際做哪些依規格書決定,沒列在這裡的就是還沒做過,初談時會直接說。
網站單元 你會拿到哪些頁面與區塊。實際做幾頁依規格書,這裡是可選的清單。
首頁 主視覺、服務摘要、行動呼籲,決定訪客三秒內看到什麼。 關於我們 介紹你的團隊、沿革與理念,讓陌生訪客知道你是誰。 服務說明 一項服務一段,可搭配流程圖、價目對照或適用對象。 產品/品項總覽 分類、篩選與單品頁;不收款也能當型錄用。 方案與價目對照 多方案並列比較,欄位可自己增減。 最新消息/公告 有分類、有日期、可置頂,不必為了改一行字找人。 部落格文章 含分類、標籤與封存頁,是 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 起,依網站規模報價;不續約也不會鎖住你的網站。 適用對象 形象官網重建 適合:成立數年、網站是外包做完就沒再動過的公司
原廠商找不到人、後台進不去、手機打開跑版。先做接手評估,能救就救、該重建就重建。
線上開店 適合:已經在賣東西、但靠通訊軟體接單的店家
商品、訂單、庫存、金流走同一套後台,不用再手動對帳。含符合消保法的結帳設計。
既有站的功能擴充 適合:網站還能用、但少一個關鍵功能的公司
預約、會員、串接既有系統。客製功能一律附自動化測試,改一處不會弄壞別處。
長期維護接手 適合:沒有內部技術人員的中小企業
核心與外掛更新、備份、安全性。日常內容你自己更新,程式層級的事交給我們。
合作流程
01 需求訪談 釐清網站目的、功能清單與預算範圍;判斷套版、半客製或全客製哪種最符合效益。
02 規格與報價 產出功能規格書與固定報價,含頁面清單、功能邊界與時程,避免做到一半追加爭議。
03 設計與開發 分階段交付可預覽的成果;客製功能附自動化測試,確保改 A 不會壞 B。
04 驗收與上線 依規格書逐項驗收,上線含網域、SSL、備份與基本資安設定。
05 教學與維護 後台操作教學與文件交付;可另訂維護方案,含更新、備份與問題處理。
實際畫面
以下都是我們自己做的東西的實際畫面,不是客戶案例:客戶案子還在累積。每一張都可以點進去自己操作。
我們實際在用的東西 網站與電商 WordPress 內容管理與後台,客戶自己更新的那一層 WooCommerce WordPress 的開店系統,商品、訂單、金流都走它 綠界 ECPay 台灣常用的線上收款服務,信用卡與超商代碼 PHP・MySQL WordPress 的執行環境,主機規格與備份策略依它決定 前端與部署 Astro 靜態網站框架:沒有後台程式、載入極快的網站作法;本站就是用它建的 Tailwind CSS 樣式系統,設計代幣的載體 Cloudflare Workers 靜態檔案託管與自訂網域,本站就跑在上面 品管 Playwright 瀏覽器自動化測試與逐頁截圖比對 Lighthouse Google 官方的網站評測工具,效能與無障礙的驗收依據 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 架站費用行情與報價解析」。
完整費用說明(含付款方式與年度費用)→
什麼情況不適合找我們
✕
預算極低且需求只是「網路上找得到我」:先用免費的 Google 商家檔案,或月費制的 Wix;等生意驗證了再回來架站,錢該花在刀口上。
✕
你要的是原生行動 App:WordPress 是網站技術;App 是另一條技術棧,我們不做,也不建議用網站包殼硬充。
✕
期待網站上線後零維護: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 的優勢在資料所有權與客製自由度:外掛可以自己開發、資料可以完整搬走、不被平台月費與功能上限綁住;適合哪種取決於你的階段,初談時直說。
我已經有網站了,可以只做外掛客製嗎? 可以。客製化外掛開發可獨立委託,不需要重做整個網站。接手前會先做程式碼健檢,確認既有環境的相容性,再給規格與報價。 延伸閱讀
挑一套版型,或從規格書開始 已經有喜歡的示範網站,就把連結傳來;還沒有方向,講一下要幾頁、要不要線上收款、素材準備到哪裡。我們先寫規格書,再給固定報價。