WordPress 預約網站架設全攻略:用 Amelia 打造專業線上預約系統,從零開始完整教學
WordPress 預約網站的核心在於先決定服務型態,再回頭挑外掛。單人約會型用 Amelia 輕量方案就跑得動,一旦牽涉多人時段、分店、訂金或課程報名,就得把行事曆同步、訂金、P…
WordPress 預約網站的核心在於先決定服務型態,再回頭挑外掛。單人約會型用 Amelia 輕量方案就跑得動,一旦牽涉多人時段、分店、訂金或課程報名,就得把行事曆同步、訂金、Packages、WooCommerce 金流一併規劃。整套可在一天內用一台主機加一個外掛加一套金流串接完成,全球超過四成網站採用 WordPress 作為底層 CMS [來源:〈W3Techs Market Share of Content Management Systems〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026〉],生態成熟度讓自架預約系統的門檻降到一天以內。
重點先看:決定預約網站成敗的不是外掛功能數量,而是付款與通知這兩段;預約能進來不等於收到錢、客人記得來,所以選型第一個看金流串接能力,選 LiteSpeed 機房把 TTFB 壓在 0.8 秒內 [來源:〈web.dev Optimize TTFB〉〈https://web.dev/articles/overload-ttfb〉〈2026〉]。
WordPress 預約網站是什麼,為什麼值得自架而非用訂閱平台
WordPress 預約網站跟 SimplyBook、Fresha 這類訂閱型預約平台差在哪?差在「擁有權」。自架是把預約功能用外掛裝進你自己擁有的網站,一次買斷或年繳,網域、主機、客人資料、金流、品牌視覺全部握在自己手上;訂閱平台則是用月費換便利,但客人名單、付款紀錄、網址都鎖在平台帳號裡,長期累積的成本反而更高,而且一旦平台調漲或政策變動,你連搬家的選項都很有限。若還在評估要從哪一種站點起手,可以對照 新手架站平台推薦清單,先確認方向再投入預約系統。
講白一點,訂閱平台是租屋,自架是買房。租屋入住快,但房東哪天漲租、改規矩、甚至收掉,你的心血就跟著沒了;買房頭幾天比較累,可是地是你的、裝潢你決定,客人資料不會被任何人挾持。這不是理論,無名小站當年關站,多少创作者的內容一夜蒸發,那種痛是自架能根本性避開的事。想知道為什麼 WordPress 能做到這點,可以看 WordPress 架站新手完整教學 與 WordPress 主機安裝步驟。
- 自架 = 網域加主機加 WordPress 加預約外掛,四樣全部自己擁有,不被任何平台營運綁架。
- 訂閱平台便利,但月費逐年累積、客人資料鎖死、網址無法帶走、品牌視覺被版型限制。
- WordPress 全球超過四成網站採用 [來源:〈W3Techs Market Share of Content Management Systems〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026〉],外掛與佈景主題生態遠比單一預約平台成熟。
- 適合長期經營、有品牌需求、希望整合會員與金流的服務業者。
底下這張決策矩陣把兩條路放在同一張表上比較,方便你對照自己的處境做判斷。矩陣的兩個軸分別是「擁有權強度」與「上手便利度」,這兩項通常互相拉扯:擁有權越強,你要自己扛的事越多;便利度越高,你要交出去的控制權也越多。判斷時先問自己一個問題:你的服務打算做三年以上嗎?答案若是肯定的,擁有權的權重就該壓過便利度。
| 比較項目 | 自架 WordPress 預約站 | 訂閱型預約平台 |
|---|---|---|
| 客人名單所有權 | 完整握在自己手上,可隨時匯出 | 鎖在平台帳號,搬家幾乎帶不走 |
| 網址與品牌 | 自有網域,視覺完全自訂 | 多為子網域或限定版型 |
| 金流串接彈性 | 接 WooCommerce,可串綠界、RY Tools 等在地金流 | 平台指定,在地金流支援有限 |
| 長期成本曲線 | 首年投入較高,第二年起攤平 | 月費逐年累積,且常隨用量調漲 |
| 上手速度 | 需一個週末熟悉流程 | 註冊即用 |
| 平台風險 | 掌握在自己與主機商手上 | 政策變動、漲租、收站風險全在平台 |
什麼情況反而不要自架
自架雖然長期有利,並非每種情境都適合。底下三種情況,訂閱平台可能更務實。第一,你只是短期測試市場,還不確定這項服務會不會持續經營,這時花一個週末架站的投入未必划算,先用月費跑三個月驗證需求更省事。第二,你完全沒有人可以處理後台,連更新外掛、跑備份都沒意願碰,這種情況下訂閱平台的代營運價值才真正發揮。第三,你的服務高度依賴平台既有流量,例如某些美容媒合平台本身帶有大量上門尋找服務的客人,這時放棄平台等於放棄現成客源。
反向來看,當你的服務進入穩定營運、開始累積回頭客、想收訂金、想做會員制度、想把預約跟形象網站與金流綁在一起,這時訂閱平台的限制就會一一浮現,自架的長期報酬明顯更高。簡單的判斷法是看時間軸:服務要長久做,就自架;只是試水溫,就訂閱。兩者並非對立,不少人會先用訂閱平台度過冷啟動期,等生意穩了再搬家到自架站,搬家時把客人名單匯出轉入即可,這條轉移路徑在規劃自架時可以先想好。
這裡要誠實講一個限制:自架的門檻主要在心力,看你願不願意花一個週末把流程跑過一次。不會寫程式完全沒關係,現代外掛的設定介面已經做到表單化,但你需要的是耐心,把付款、通知、排班這三段想清楚再動手。底下以 Amelia 為例,但選型邏輯通用於其他預約外掛;想先看完整清單,可以對照 WordPress 預約外掛推薦清單。如果你連 WordPress 本身都還不熟,先花十分鐘看完 WordPress 佈景主題安裝 與 WordPress 外掛安裝三種方法 會輕鬆很多。
預約外掛選型的第一指標
預約外掛那麼多,到底該用哪一個?我的判斷很直接:選型的第一個指標是付款串接能力與通知機制,功能數量排在後面。預約能進來,不等於收到錢,也不等於客人記得來。Amelia 之所以成為多數服務業自架首選,是因為它能接 WooCommerce 進而串接在地金流、支援員工與顧客雙面板、有 Packages 與活動課程,付款與通知這兩段是它從設計階段就放進去的骨幹,屬於原生的設計。
很多人選外掛的習慣是看 demo 好不好看、功能列表長不長,但這個方向其實是反的。你自己回想:一個預約流程最常出問題的環節是什麼?客人預約完沒付錢就消失了、約了當天忘了來、員工時段對不上被客人預約到休息日。這些痛點全部落在付款與通知,沒有一個是「功能數量」能解決的。所以我才會說,選型第一個問的是:這個外掛能不能串你習慣的金流?信件模板能不能改成中文、能不能發給員工?把這兩個問題答清楚,選型就完成八成。
| 選型指標 | 為什麼重要 | Amelia 的對應能力 |
|---|---|---|
| 金流可否串在地 | 預約進來不等於收到錢 | 接 WooCommerce,可串綠界、RY Tools |
| 通知信件能否中文化 | 客人記得來、員工知道班表 | Notifications 模板可逐封改中文 |
| 員工與顧客面板 | 降低你的管理負擔 | 雙面板,員工只看不能改 |
| 一頁式預約設計 | 頁面跳轉會掉轉換 | 單頁完成,不跳轉 |
| Packages 與活動課程 | 支持長期合約與報名型服務 | Pro 方案以上內建 |
適用的情境涵蓋很廣:美容美髮、健身教練、診所、工作室、顧問、餐廳訂位、維修到府,這些都是 Amelia 官方列出且社群大量實證的場景 [來源:〈Amelia Features Overview〉〈https://wpamelia.com/features/〉〈2026〉]。如果你的服務是單人約會型,入門方案就夠;一旦牽涉多人時段、分店、訂金或課程報名,直接上 Pro 方案,事後從低階升級反而要重設付款與 Packages,更花時間。先用最便宜的跑起來,等流量進來才發現要重做付款串接,等於白費一輪,這是不少人實際繳過學費的坑。
若你只需要最簡單的單人預約,也可以評估其他輕量外掛,但擴充性通常不如 Amelia。這條路一旦走到要收訂金、要分店、要課程報名,你就會回頭找它。與其繞一圈,不如一開始就把選型邏輯想透。想理解 WooCommerce 在這套架構裡的角色,看 WooCommerce 購物網站架設;想串接綠界金物流,直接讀 RY WooCommerce Tools 綠界金物流設定。
預約網站的主機與網域
預約網站要租什麼主機才夠用?答案是對即時回應的要求比一般形象網站更高,因為顧客在預約流程中一旦卡頓就會掉單。建議選 LiteSpeed 架構、新加坡機房、TTFB 壓在 0.8 秒內的虛擬主機,搭配免費 SSL 與一鍵 WordPress 安裝即可。形象網站慢半秒,訪客頂多覺得「嗯,稍微頓」;預約網站慢半秒,客人可能已經切到別家了。
為什麼預約流程對速度這麼敏感?因為預約是一連串連續互動:選服務、選員工、選時段、填資料、付款,每一步都等伺服器回應。只要中間任何一步卡住,顧客的耐心就會被磨掉,行動版尤其明顯。Google 與 Chrome 的文件把 TTFB 在 0.8 秒內視為較理想的參考值 [來源:〈web.dev Optimize TTFB〉〈https://web.dev/articles/overload-ttfb〉〈2026〉],這個數字不是隨便定的,是體驗研究的結果。實測上,主機回應壓在 0.1 秒以內、搭配 LiteSpeed 與 NVMe SSD,是當前共享主機能做到的高水準表現。
| 主機條件 | 建議規格 | 為什麼對預約網站關鍵 |
|---|---|---|
| 伺服器架構 | LiteSpeed Performance | 比一般 SSD 回應更快,預約互動不掉單 |
| 機房地點 | 新加坡 | 對亞洲客群連線最近 |
| TTFB | 0.8 秒內為理想值 | Google 體驗指標參考值 |
| 正常運行時間 | 官方公布 99.9% 以上 | 預約排程不容斷線 |
| 附帶項目 | 免費 SSL 加一年網域 | 同一家完成最省事 |
hosting.com(原 A2 Hosting,2025 年由 World Host Group 整合)繼承了 A2 的 Turbo Server 與 NVMe SSD 架構 [來源:〈hosting.com WordPress Hosting〉〈https://www.hosting.com/wordpress-hosting/〉〈2026〉],從 2001 年起就在做主機速度優化。對亞洲客群來說,新加坡機房是連線最近的選擇,官方公布的正常運行時間為 99.9% 以上 [來源:〈hosting.com WordPress Hosting〉〈https://www.hosting.com/wordpress-hosting/〉〈2026〉],搭配 24/7/365 客服與 cPanel 介面。要特別提醒的是,這個 99.9% 是廠商自述的過去紀錄,沒有任何一家主機能保證 100%,但作為選型參考是可信的。想看更完整的開箱實測,可以對照 hosting.com 主機開箱實測 與 A2 Hosting WordPress 主機評測。
主機類型的選擇上,剛起步的預約網站用共享主機就夠,等預約量與流量成長再升級 VPS 或 WordPress 專業主機。這部分的比較邏輯跟一般架站一樣,差別只在預約網站要更早開始在意回應速度。可以參考 虛擬主機挑選指南、虛擬主機類型比較,以及 A2 Hosting 架站完全指南。網域的部分,建議跟主機同一家一次買齊,省掉手動接 DNS 的麻煩;若分開買,先讀 網域申請購買全攻略 與 DNS 網域指向設定。
SSL 憑證這件事不能省,預約網站會帶客人資料與付款資訊,沒有加密連線等於把資料放在透明信封裡寄出,瀏覽器還會掛上不安全警告,客人根本不敢填表。主機商通常都送免費 SSL,開通後跑一次 AutoSSL 就生效。想搞懂原理可以看 SSL 憑證安裝教學 與 HTTP 換 HTTPS 攻略。速度優化的全貌,則參考 網站速度優化全攻略、Core Web Vitals 優化實戰、WordPress 快取外掛實測。
快取與即時預約資料的衝突
預約網站的速度優化有一個很多人栽過的坑:頁面快取會卡到預約的即時資料。一般形象網站裝了快取外掛,整頁快取住就能飛快,因為內容對所有訪客都一樣;預約網站卻不同,可預約時段、已滿班、剩餘名額這些資料是動態的,一旦被快取住,客人看到的可能是十秒前的舊狀態,最嚴重會出現兩個客人搶到同一個時段的超賣情況。所以預約頁面與結帳流程必須排除在快取之外,多數快取外掛都有排除規則的設定欄,把預約頁的網址代稱填進去即可。行動版流量已佔全球網站流量超過半數 [來源:Statista 行動網路流量統計 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28],手機端又特別容易出現快取殘留,務必在行動版實測一輪預約流程,確認看到的時段是即時的。
速度對預約網站的影響是實打實的轉換數字。國外大型電商的實測顯示,改善網頁載入指標能直接帶動營收與轉換率:投入 Core Web Vitals 優化曾讓某零售網站的每位訪客營收提升超過五成、轉換率提升超過三成 [來源:web.dev(Google)Why does speed matter? https://web.dev/articles/why-speed-matters 2026],而改善最大內容繪製 LCP 也曾讓某電信商的銷售提升百分之八 [來源:web.dev(Google)Why does speed matter? https://web.dev/articles/why-speed-matters 2026]。預約流程本質上就是一種微型結帳,這些轉換數字同樣適用:主機回應快一秒,客人完成預約的機率就高一截。
Amelia 安裝與啟用流程
買了 Amelia 之後,怎麼裝進 WordPress 並啟用?流程其實很短:在 Amelia 官網購買方案後會收到收據與憑證兩封信,到 Amelia 後台下載主程式、上傳到 WordPress 外掛並啟用,再到 Activation 區塊貼上 Purchase Code 即可啟用全部功能。這段不會超過十分鐘,卡住的人通常是把兩封信搞混,拿收據當憑證貼。
方案選擇是這段唯一需要動腦的地方。單站用 Starter 或 Standard,五站用 Pro,無限站用 Elite;年租或買斷皆可 [來源:〈Amelia Pricing〉〈https://wpamelia.com/pricing/〉〈2026〉]。這裡的關鍵差異不是網站數量,而是功能邊界:Starter 沒有行事曆同步與 WooCommerce 付款,Standard 以上才有多語系與金流;Pro 方案多了購物車、退款、Packages,適合成長型服務業。如果你打算收線上付款,Starter 直接出局,這是硬門檻。價格以 WordPress 必裝外掛清單 當期顯示為準,這裡不寫死數字。
| 方案 | 網站數 | 關鍵功能邊界 | 適合誰 |
|---|---|---|---|
| Starter | 1 站 | 無行事曆同步、無 WooCommerce 付款 | 純現場付的單人服務 |
| Standard | 1 站 | 加多語系、客製時長、WooCommerce 付款 | 要線上收款的單店 |
| Pro | 5 站 | 加購物車、退款、Packages | 成長型、多服務、課程報名 |
| Elite | 無限 | 全功能 | 多站經營或代營運 |
- 購買:到 Amelia 官網 Pricing 選方案,年租或買斷,Amelia 有中文介面可直接輸中文。
- 收信:完成後信箱會收到兩封信,一封是購買收據,一封是購買憑證(這封才是啟用用的)。
- 下載:用憑證信裡的帳密登入 Amelia 後台,點 Download 下載主程式 zip。
- 上傳安裝:到 WordPress 後台「外掛 → 安裝外掛 → 上傳外掛」,上傳 zip 並啟用。
- 啟用憑證:複製 Purchase Code,到 Amelia 設定的 Activation 區塊貼上並按 Activate。
啟用完成後,Amelia 的中文介面會直接出現,後台可以輸入中文,不需要額外裝語言包。如果你之前對 WordPress 外掛安裝不熟,先把三種安裝方法弄懂會少踩很多雷,看 WordPress 區塊小工具設定。主機與網域還沒搞定的人,順序請倒過來,先架好 WordPress 再裝 Amelia,參考 網頁製作平台評比 與 WordPress 頁面編輯教學。
公司資料、營業時間、付款方式與通知信件
Amelia 啟用後,第一件該設的是公司資料、全公司營業時間、付款方式與通知信件這四項,預約項目反而要往後放。設定錯了會讓員工排班、金流與客人收信全部連帶出錯。很多人急著建服務、急著上線,結果上線第一天就發現客人預約到休假日期、付款幣別選錯、通知信全是英文,然後回頭重做一遍,比一開始就設好還累。
一般設定裡有幾個一定要動的地方:時間區間、預設預約確認狀態、緩衝時間,電話國碼設成台灣,這樣客人在前台填手機時會自動帶出格式。公司設定照欄位填公司資訊;營業時間以 30 分鐘為單位,可以一鍵把某一天的設定套用到整天,休假日則會直接擋掉客人的預約請求。這裡要提醒一個細節:營業時間設定只會套用到「新增的員工」,已存在的員工不會被連動,要記得到個別員工頁面再調一次。
付款方式是這四項裡最關鍵的一段。進入 Payments 設定,幣別選新台幣,把小數點顯示設為 0,方便客人閱讀金額。接著二選一:現場付,或串接 WooCommerce。現場付的話客人前台不用進結帳就能預約,金流問題最小,但你也收不到訂金、擋不到爽約;串 WooCommerce 的話,Amelia 會自動連到 WooCommerce 的付款頁面,這時你可以在 WooCommerce 裝第三方金物流外掛,新增貼近在地消費習慣的付款方式 [來源:〈Amelia Payment Methods Setup〉〈https://wpamelia.com/payments/〉〈2026〉]。兩者只能擇一,要先用哪個,取決於你願不願意承擔爽約風險。
- 一般設定:時間區間、確認狀態、緩衝時間、電話國碼設台灣。
- 公司設定:照欄位填公司名稱、地址、聯絡資訊。
- 營業時間:30 分鐘為單位,休假日擋掉客人預約,新增員工才會被連動。
- 付款方式:幣別新台幣、關閉小數點,選現場付或串 WooCommerce。
- 通知信件:WP Mail 發信,逐封把模板改成中文,嵌入短代碼帶預約資訊。
通知信件這段,新手最常忽略。預設信件是英文,你不改,客人收到一封全是英文的預約確認信,第一反應是「這是不是詐騙」。進到 Amelia 的 Notifications 面板,選 WP Mail 發信,找到 Appointment Approved(預約成功)這類模板,語言選中文,把內容改成你要的中文,再用 Amelia 提供的短代碼嵌入預約時間、服務名稱、員工姓名這些動態欄位。改完之後自己測一筆預約,確認信件真的寄出且內容正確。如果發現有未翻譯完全的系統字,用 Loco Translate 中文化教學 補上;想做多語系,則參考 Polylang 多語系網站 或 TranslatePress 多語系教學。
Labels 標籤可以改前台顯示的固定文字,例如把按鈕上的 Book Now 改成立即預約。Roles Settings 則是設定員工與顧客面板的權限,這部分會在後面帳號管理段詳細講。這四項設好之後,後面的服務、員工、頁面才不會建在沙子上。一次設定、長期受用,省下的是日後無數次 debug 的時間。想強化 WooCommerce 結帳體驗,可以看 WooCommerce 結帳表單客製化 與 WooCommerce 縣市下拉選單。
預約項目與員工設定:把服務、排班與分店串起來
怎麼建立預約服務、安排員工、處理分店與訂金?順序是先建分類再建服務,服務裡可設訂金、同行人數、指定員工、加購項目;員工則透過 WordPress 使用者新增為 Amelia Employee,再分配地點、營業時間與休息日;分店用 Locations 功能分開管理。這套順序走對了,服務、排班、分店會自然串起來,走錯了就要回頭拆。
服務建立的流程是固定的:分類先建好,接著進 Service Details 填基本資訊,再到 Gallery 加照片讓客人預覽,額外區塊放加購項目,設定區塊調預約狀態與最短等待時間,最後是預約後重定向 URL。訂金是這段最實用的功能,有兩種計費:Fixed amount 固定金額,例如一律先收 500 元;Percentage 百分比,例如先收全額的三成。訂金直接串到你的付款方式,能擋掉相當比例的爽約,這對美容、教練、診所這類「時間就是成本」的服務特別有感。
| 訂金計費方式 | 運作邏輯 | 適合情境 |
|---|---|---|
| Fixed amount | 固定金額,例如一律 500 元 | 服務金額差異小的單品項 |
| Percentage | 依全額百分比,例如三成 | 服務金額落差大的組合型 |
Packages 是 Amelia 進階方案才有的功能,把多個服務打包成一組讓客人一次預約,適合課程、健身、長期合約型的服務。舉例來說,一個健身教練可以把「體驗課、月度追蹤、營養諮詢」打包成十二週轉變方案,客人一次預約、一次付款,比逐堂賣省去大量溝通成本。Packages 的價格有兩種算法:Calculated price 把裡面的服務價格疊加,Custom price 則讓你自訂一個配套價。這個功能是從低階方案升級到 Pro 才解鎖的,所以前面才會建議有長期合約需求的人直接上 Pro。
員工新增的流程是兩段式。先到 WordPress 使用者列表新增一個使用者,角色選 Amelia Employee;再到 Amelia 的 Employees 面板 Add Employee,在 WordPress User 欄位選剛建好的那個使用者,輸入員工專區密碼,勾選「將帳號密碼信件發送給員工」。地點的分配也在這一步完成,客人在前台選地點時,就會看到該地點服務的員工。員工可以設特別上班日與個人休息日,請假就加休息日,該員工那天不能被預約,而且不影響其他員工的可預約時段。想深入研究使用者角色與權限的細節,看 WordPress 使用者權限指南。
分店就用 Locations 功能。很多服務業其實是多地點經營:健身房有幾個分中心、餐廳有多家分店、室內設計公司的諮詢辦公室跟工地不在同一處。在 Amelia 的 Locations 面板新增地點,填地址,設地標,客人在預約時就能選要前往哪一個據點。如果地標定位不到地址,就用經緯度輔助地圖定位。分店與員工綁定後,前台會自動過濾出該分店可預約的員工,不需要你手動篩選。想把 Google 地圖嵌進網站輔助導航,看 WordPress 嵌入 Google 地圖。
服務與員工這段的設計邏輯是先把靜態結構建好,再讓動態預約跑在上面。分類、服務、訂金、加購、員工、地點是靜態的;預約、付款、通知是動態的。靜態建歪了,動態就會一直出錯,所以動手前先想清楚你的服務型態,再決定要用哪些欄位。想串活動課程報名,這套結構也適用,差別在於用的是 Amelia Events 而非 Booking,可以對照 WordPress 線上課程外掛 與 線上教學網站架設。
預約網站上線與客製化:把預約頁面與活動課程推上前台
預約系統設好後,怎麼讓客人在網站上實際預約?做法是用 Elementor 或 WordPress 頁面編輯器新增一個預約頁面,把 AmeliaBooking view 區塊小工具拖進去,發布後加進主選單就上線了。活動課程則用 Amelia Events 區塊,並透過 Customize 面板調整所有模板的色彩與中文字。這一步是整個流程的「揭幕」,前面所有設定都要靠這一頁讓客人看得到。
- 新增頁面:到 WordPress 頁面面板開新頁面,改網址代稱,例如 booking。
- 編輯排版:點使用 Elementor 編輯,做頁面視覺,也可用 WordPress 內建編輯器。
- 拖入小工具:在左邊區塊小工具找 AMELIA 分類,拖曳 Amelia Booking view 進頁面。
- 調整設定:可設預設預約選項、背景樣式。
- 發布上架:發布頁面,到前台檢查預約流程是否完整跑通。
- 加進選單:外觀、選單,勾選預約頁面,新增至選單並調整順序後儲存。
目錄式預約是另一種形式,讓客人依分類找服務,適合服務項目多的網站,例如一間美容工作室同時提供臉部、身體、美甲、美睫十幾種服務,用目錄分類客人會好找很多。做法一樣是拖入 Booking view,差別在呈現方式。活動課程則是另一條獨立線:在 Amelia 的 Events 新增活動,設定重複日期、訂金、分類標籤,再到定制區塊調活動照片與按鈕顏色,最後把 Amelia Events 區塊拉進頁面就完成報名系統。活動系統很適合講座、課程、工作坊,由主辦方發起、該時段有空的客人自由報名。
Customize 面板是客製化的中樞,分三塊:全域變更區改所有模板的顏色與字體,視覺呈現區直接所見即所得地編輯模板,列表控制區選擇現在改的是哪一個模板。你可以選 Step By Step Booking Form 這種分步預約模板,語言選中文,先在全域區把主色調整好,再到視覺區逐一調整每一步驟的文字。模板上的文字可以直接點鉛筆圖示翻譯成中文,前台立即顯示,不用改程式碼。活動、Packages、分類目錄這些模板都能用同一套方法調。對 Elementor 不熟的人,先看 Elementor 完整教學、Elementor Pro 功能指南、Elementor 頁首頁尾設計。
選單設定是上線的最後一哩。預約頁面、員工專區、顧客專區、活動頁面,這些都要透過主選單讓客人找得到入口。到外觀、選單,把對應頁面勾選、新增至選單、拖曳調整順序,子選單也能往下拉做成下拉結構。選單做好,網站的導航才算完整。選單設定細節看 WordPress 選單設定教學;頁面編輯器比較看 WordPress 頁面編輯器比較;佈景主題挑選看 WordPress 佈景主題推薦 與 Astra 免費主題教學。想把會員選單做成登入前後切換,參考 WordPress 會員選單切換。
頁面視覺做到一定程度之後,別忘了行動版。預約網站的手機版體驗特別關鍵,因為相當比例的客人是用手機臨時預約的,通勤、午休、想到就開手機訂。用手機跑一遍完整預約流程,看選項會不會擠在一起、按鈕好不好點、結帳欄位好不好填。圖片優化也別漏,預約頁面常放服務照片,圖太大會拖慢行動版載入,參考 WordPress 圖片優化指南。基礎建設都到位之後,下一步就是把日常營運跑起來。
進階技巧:訂金策略、爽約率與離峰時段填補
預約網站跑起來之後,真正拉開業者差距的是訂金、爽約與離峰這三件事的處理。這段把它們拆開講,並提供一套判斷訂金該收多少的評分卡。先把一個觀念講清楚:訂金的功能有兩層,第一層是篩掉根本不打算來的客人,第二層是客人付了錢之後心理上會更珍惜這個時段。這兩層的效果會疊加,所以收訂金的爽約下降幅度通常比直覺預期的更明顯。
訂金該收多少,沒有標準答案,但可以用底下的評分卡自我評估。判斷依據是「這個空班被爽約的損失有多大」:損失越大,訂金比例該越高。服務單價高、無法臨時遞補、人力時間固定的服務(如診所、教練、顧問),空班損失大,建議訂金抓全額的三到五成;服務單價低、容易臨時遞補、尖峰時段供不應求的服務(如美甲、美睫),可以用較低的固定金額(例如一律先收兩百到五百元)就能達到篩選效果。
| 服務類型 | 空班損失 | 建議訂金策略 | 理由 |
|---|---|---|---|
| 診所、顧問、教練 | 高 | 全額三到五成百分比 | 單價高、時段無法遞補 |
| 美容、美髮 | 中 | 固定金額或兩成百分比 | 單價中等,離峰可遞補 |
| 美甲、美睫 | 中低 | 低額固定訂金 | 單價低,過高會嚇跑客人 |
| 餐廳訂位 | 低 | 可免訂金改用提醒 | 空桌可現場遞補 |
| 課程、工作坊 | 高 | 全額或高比例預付 | 名額有限、籌備成本高 |
離峰時段的填補是另一個常被忽略的槓桿。多數服務業的尖峰集中在晚間與週末,白天與平日往往是空班。Amelia 的 Finance 面板可以新增優惠券,把它綁定到特定時段的服務上,就能針對離峰做促銷,例如平日早上減免、平日時段第二人半價。搭配訂金一起設計,離峰用低訂金誘因吸引、尖峰用訂金擋爽約,整體的時段使用率會比一律同價來得均衡。緩衝時間這個設定也跟離峰有關:在兩個預約之間留一段清場時間,能避免員工被連續預約壓得喘不過氣,這對服務品質與客人體驗都是隱形的加分。
預約網站常見錯誤與除錯
預約網站上線後,問題通常不會在第一天出現,而是客人開始預約後才陸續浮現。底下把最常見的幾類錯誤列出來,附上判斷方向與排除步驟,這份清單能在客人抱怨之前先幫你定位問題。
| 症狀 | 可能原因 | 排除方向 |
|---|---|---|
| 客人收不到確認信 | WP Mail 被主機限制或進垃圾匣 | 改用 SMTP 外掛寄信,確認範本語言與短代碼正確 |
| 預約時段顯示舊資料 | 頁面快取把預約頁快取住 | 把預約頁網址排除在快取之外 |
| 客人能預約到休假日期 | 員工個人休息日沒設、或營業時間沒套用到該員工 | 到員工面板補休息日,確認營業時間已連動 |
| 付款頁空白或報錯 | WooCommerce 金流外掛未設定完成 | 檢查金流外掛 API 金鑰與幣別設定 |
| 兩人搶到同一時段 | 快取殘留或併發預約未鎖定 | 關閉預約頁快取,確認外掛版本為最新 |
| 員工登入看不到自己的班 | 員工面板權限未開或頁面網址未填 | 到 Roles Settings 啟用員工面板並填入專區網址 |
| 客人預約完沒建帳號 | 「自動創建新客戶資料」未開 | 到 Roles Settings 勾選自動建立帳號 |
這幾類錯誤裡,最容易被忽略的是收信問題。WordPress 預設的 wp_mail 函式靠主機的郵件服務寄信,很多共享主機為了防濫發會限制寄信量或直接擋信,結果就是客人預約成功、你卻以為系統壞了。穩妥的做法是改用 SMTP 外掛,用你的網域信箱或第三方郵件服務透過 SMTP 寄出,這樣進垃圾匣的機率會大幅下降。另一個常見的除錯方向是分店與員工的綁定:當客人反映「選了分店卻看不到員工」,多半是該員工沒被分配到那個地點,回到 Employees 面板把地點勾上去即可。
除錯時有一個通用的判斷順序值得記下來:先排除快取、再排除權限、最後才動外掛設定。快取問題最常見也最好排除,只要開無痕視窗重跑一次預約流程就能驗證;權限問題通常出在員工與顧客面板,對照 Roles Settings 的設定就能定位;真的都不是,才回頭檢查外掛版本與金流串接。這個順序能幫你省下大量亂試的時間。想把 SMTP 寄信設定做穩,可以參考 WordPress SMTP 設定教學,表單與通知相關的外掛整理則看 WordPress 表單外掛推薦。
預約網站的 SEO 與轉換優化
預約網站的 SEO 跟一般內容網站有個關鍵差異:你要排的主要是預約頁面與服務頁面這種「轉換型頁面」。這類頁面的目標是把搜尋流量直接轉成預約,所以優化重心要放在標題、網址代稱、行動号召與點擊率上面,字數反倒不是首要。研究數據顯示,Google 搜尋結果的第一名平均點擊率約為兩成七到三成 [來源:Backlinko Google CTR Stats https://backlinko.com/google-ctr-stats 2025-04-16],前三名合計拿走超過一半的點擊 [來源:Backlinko Google CTR Stats https://backlinko.com/google-ctr-stats 2025-04-16],也就是說擠進前三名的差距是巨大的流量差距。
具體能做的優化有幾項。第一,預約頁面的網址代稱要包含關鍵字,例如服務項目加城市,因為包含關鍵字詞的網址點擊率明顯較高 [來源:Backlinko Google CTR Stats https://backlinko.com/google-ctr-stats 2025-04-16]。第二,標題標籤長度控制在適中範圍,過長會被搜尋引擎改寫,研究觀察到搜尋引擎會改寫相當比例的過長標題 [來源:Ahrefs Title Tag Study https://ahrefs.com/blog/title-tags-study/ 2021-10-21],改寫後的標題不見得符合你的轉換訴求。第三,頁面加上結構化資料,讓搜尋結果能顯示評分、價格、可用性,這對服務型頁面的點擊率提升很有幫助。
- 網址代稱:包含服務關鍵字與地區,例如 facial-booking-taipei。
- 標題標籤:長度適中,前綴放主要關鍵字,避免被搜尋引擎改寫。
- 結構化資料:用 LocalBusiness 或 Service 標記,顯示評分與營業時間。
- 行動版優先:行動版流量已過半,行動版體驗直接影響轉換。
- 內部連結:從部落格文章與服務介紹頁連回預約頁,傳遞權重。
網站、部落格與 SEO 在行銷人的回報中持續是投資回報最高的管道之一 [來源:HubSpot State of Marketing Report https://www.hubspot.com/state-of-marketing 2026],這對自架預約站尤其有利,因為你的網站、預約系統、內容三者綁在同一個自有網域上,權重會累積在同一個地方。具體做法是用部落格寫與服務相關的長尾內容,例如「台北臉部護理推薦」「健身教練怎麼選」,每篇文章的結尾都放一個明顯的預約入口連到預約頁,這樣搜尋流量進來後有順暢的轉換路徑。想把這條路徑的技術基礎做扎實,可以對照 WordPress SEO 優化全攻略、Rank Math SEO 外掛教學、SEO 友善網站架構規劃,搜尋曝光健康度則靠 Google Search Console 安裝設定 追蹤索引與點擊。
員工與顧客帳號、訂單管理:上線後的日常營運
預約網站上線後,怎麼管理訂單、付款與員工顧客登入?靠 Amelia 的 Dashboard、Calendar、Finance 三個面板管理訂單與付款;員工與顧客登入則透過專屬面板頁面,員工由你派發帳密信、顧客則在下第一筆預約時自動建立 Amelia、WordPress、WooCommerce 三個帳號。這套機制讓營運不需要你一筆一筆手動處理,但要先把權限與發信設定好。
| 面板 | 用途 | 常見操作 |
|---|---|---|
| Dashboard | 總覽 | 看總預約數、佔用時間、收入,手動新增預約或客戶 |
| Calendar | 排程 | 查看全員工預約時間表,手動分配預約或活動 |
| Appointments | 預約明細 | 修改預約狀態與內容,手動新增單筆預約 |
| Customers | 顧客資料 | 編輯會員姓名、電話、生日等欄位 |
| Finance | 付款管理 | 查看與編輯訂單付款狀態,新增優惠券 |
員工登入的設定流程是:在 Roles Settings 啟用員工面板功能,填入員工專區頁面的網址(這頁面要先用 Employee Panel 小工具建好並發布),接著設定員工權限。預設建議先不把修改權限開給員工,讓他們登入只能看、不能改,降低誤操作風險。新增員工時勾選「將帳號密碼信件發送給員工」,系統就會自動派發登入資訊,員工用信裡的帳密登入專區,查看自己負責的預約與活動。如果忘記勾,到 Employees 面板找到對應員工,重設密碼並勾選自動發送即可。員工專區頁面的權限細節,可以對照 WordPress 隱藏登入網址 與 WordPress 登入頁面美化。
顧客登入的設計稍微複雜,但邏輯很清楚:在顧客下第一筆預約時,自動建立三個帳號。Amelia 帳號讓客人瀏覽會員面板、修改預約;WordPress 使用者賦予基本權限;WooCommerce 帳號讓客人查看預約訂單詳情。這三個帳號會關聯在一起,客人只要一組帳密就能登入顧客專區。使用現場付的站長,登入通知信由 WordPress 後台發送;使用 WooCommerce 結帳的站長,因為 WooCommerce 會員與 Amelia 會員關聯,通知信由 WooCommerce 寄出,所以要到 WooCommerce 設定的電子郵件、新帳號模板去改成中文。開啟「自動創建新客戶資料」這個選項是關鍵,沒開的話客人預約完不會自動建帳號。
通知這段除了 Email,很多業者會想串 LINE 或簡訊,補足 Email 開信率不足的問題。畢竟客人約了當天忘了來,損失的是你的時間。預約外掛本身的通知以 Email 為主,要加 LINE 推播,可以額外裝通知外掛,在預約狀態變動時觸發訊息。想串 LINE 登入看 LINE 登入 WordPress 教學,WooCommerce 訂單 LINE 推播看 WooCommerce 訂單 LINE 推播。社群登入也能降低客人建帳號的阻力,參考 WooCommerce 社群登入設定。
Finance 面板除了看付款狀態,還能新增優惠券,例如新客九折、平日時段減免,這對填補離峰時段很有效。訂單資料的匯出與列印,如果串了 WooCommerce,可以靠 WooCommerce 本身的訂單工具處理,看 WooCommerce 訂單匯出列印;稅金設定看 WooCommerce 稅金設定教學。上線後的營運核心就三件事:訂單有沒有進來、錢有沒有收到、客人有沒有記得來。Dashboard 管第一件、Finance 管第二件、通知機制管第三件,三件顧好,日常營運就不會手忙腳亂。
頁面發布不等於完工,上線後的維護才是真正吃時間的地方:備份要不要排程、快取會不會卡到預約的即時資料、SEO 有沒有把預約頁面推上去、GA 有沒有埋好追蹤轉換。這幾項都不能漏,備份看 WordPress 備份外掛推薦,快取與即時資料的衝突看 WordPress 表單外掛推薦,SEO 全攻略看 WordPress SEO 優化全攻略 與 Rank Math SEO 外掛教學,流量追蹤看 WordPress 安裝 GA 教學,而搜尋曝光健康度則靠 Google Search Console 安裝設定 來追蹤索引與點擊狀況。網站結構規劃則參考 SEO 友善網站架構規劃。
費用盤點一下,整套自架預約網站的成本結構是:主機年費加網域(首年常送)加 Amelia 外掛年費或買斷加佈景主題與頁面編輯器(可選)。比起訂閱型預約平台每月固定月費、而且越用越貴,自架首年投入雖然有感,但第二年起成本就攤平,且所有資產都在你名下。完整費用拆解看 WordPress 自架網站費用解析 與 網站架設費用完整解析。回顧一下整條流程:決定服務型態、選外掛、租主機網域、裝 WordPress、裝 Amelia、設好四項基礎、建服務員工、上線頁面、設帳號、跑日常營運,十步走完就能真的開始收預約。
常見問題
WordPress 怎麼做預約網站?
租一台支援 LiteSpeed 的虛擬主機、裝好 WordPress,再安裝 Amelia 這類預約外掛,把公司資料、營業時間、付款方式、通知信件四項地基設好,建立服務與員工,最後把 Booking view 小工具拖進頁面發布,一天內就能跑通完整預約流程。網站本身是一切 SEO 的起點,若連站都還沒架起來,可先看 沒有網站要怎麼開始做 SEO 把基礎方向理清。
Amelia 預約外掛要錢嗎,方案怎麼選?
要。Amelia 採方案計費,Starter、Standard、Pro、Elite 四級,支援年繳或買斷,數字以官網當期為準。只收現場付款的單人店從 Starter 起步即可;想接線上刷卡就至少 Standard;一旦要做配套、多據點或課程報名,Pro 才有完整功能。
預約網站怎麼收線上付款?
Amelia 的付款方式二選一:現場付,或串接 WooCommerce。串 WooCommerce 後可在 WooCommerce 裝綠界官方外掛或 RY WooCommerce Tools,加入信用卡、ATM、超商取貨付款等在地金流,訂金與全額付款都能收;商品頁的呈現細節可參考 WooCommerce 商品頁 SEO 優化。
Amelia 怎麼設定員工排班與休息日?
全公司營業時間在 Working Hours 設定,以 30 分鐘為單位,可一鍵套用整天;員工個人休息日在員工面板的休息日區塊新增,只擋該員工不影響他人;特別上班日則用特別的日子區塊,與正常營業時間分開管理。
預約系統的通知信件怎麼改成中文?
到 Amelia 的 Notifications 面板,選 WP Mail 發信,找到 Appointment Approved 等模板,語言選中文,逐封改成中文內容,再用短代碼嵌入預約時間與服務名稱等動態欄位,改完自己測一筆預約確認寄出無誤。若想另用 Poedit 改語言檔,參考 Poedit 繁體中文翻譯。
WordPress 預約網站可以串綠界或 LINE 嗎?
可以。付款透過 WooCommerce 串接綠界官方外掛或 RY WooCommerce Tools;LINE 通知則額外裝通知外掛,在預約狀態變動時觸發推播,補足 Email 開信率不足的問題,也可串 LINE 登入降低客人建帳號的阻力。
Amelia 的 Packages 包裝預約是什麼?
Packages 把多個服務打包成一組讓客人一次預約,適合課程、健身、長期合約型服務。價格有 Calculated price(服務疊加)與 Custom price(自訂配套價)兩種算法,Pro 方案以上才提供。
預約網站要租什麼主機才夠快?
挑 LiteSpeed 架構、新加坡機房、首字節回應壓在 0.8 秒內的共享主機,附帶免費 SSL 與一鍵裝 WordPress。預約是連續點按的流程,伺服器慢半拍客人就會中途放棄,速度門檻因此高於一般形象網站。
預約網站怎麼讓客人登入查自己的預約?
在 Roles Settings 開啟「自動創建新客戶資料」與顧客面板,客人在下第一筆預約時會自動建立 Amelia、WordPress、WooCommerce 三個關聯帳號,用一組帳密就能登入顧客專區查看與修改預約;想用彈窗做登入入口,可參考 Elementor 彈跳視窗教學。
餐廳可以用 WordPress 做線上訂位嗎?
可以。用 Amelia 建立訂位服務,設同行人數、時段、加購項目(如佈置、包廂),串 WooCommerce 收訂金,再用 Locations 管理多家分店。餐廳訂位的需求與其他服務業預約結構相同,差別只在服務內容的命名,整體網站設計可對照 餐飲網站設計實戰。
預約網站的訂金應該收多少?
訂金高低取決於空班被爽約的損失。單價高、時段無法臨時遞補的服務(診所、教練、顧問),建議收全額的三到五成;單價中等的美容美髮可收固定金額或兩成百分比;單價低的美甲美睫用低額固定訂金就能達到篩選效果。餐廳訂位因現場可遞補,常可免訂金改用提醒。核心判斷原則是空班損失越大,訂金比例越高。
為什麼客人收不到預約確認信?
最常見的原因是 WordPress 預設的 wp_mail 被主機限制或信件進了垃圾匣。改用 SMTP 外掛,透過網域信箱或第三方郵件服務以 SMTP 協定寄出,能大幅降低進垃圾匣的機率。同時確認 Notifications 面板的範本已改成中文、短代碼無誤,再自己測一筆預約驗證信件真的寄出,設定細節可參考 WordPress SMTP 設定教學。
預約網站要怎麼做 SEO?
預約網站的 SEO 重點在轉換型頁面,而非文章字數。網址代稱包含服務關鍵字與地區、標題標籤長度適中避免被改寫、加上 LocalBusiness 或 Service 結構化資料顯示評分與營業時間,這三項對點擊率幫助最大。再用部落格長尾內容導流回預約頁,把搜尋流量轉成實際預約。技術基礎可對照 WordPress SEO 優化全攻略 與 Rank Math SEO 外掛教學。