起始模板
客人還沒打電話,價格就先講清楚的髮廊網站
髮廊流失客人,常常是因為一個網站上不肯回答的問題:染一次多少錢。所以這一頁不給你空白表格,而是一份已經標好價的服務表——每一項都有金額和所需時間,三位設計師各自帶著真正上班的時段。髮型師打開架站工具,第一個要改的只有數字。

此頁以〈絲絨包廂〉設計風格展示 — 15 種風格隨時切換,商家資料保留。



染髮有價格,也有時間,兩個都要寫
範例的服務清單就照髮廊報價的方式分組:剪髮、染燙、護理。每一行都寫了多少錢、佔用椅子多久——招牌剪髮六十分鐘、漸層染一百八十分鐘——因為要排週六的客人,後面那個數字跟前面一樣重要。三位設計師各有職稱、簡介和一份每週班表,所以網站可以直接回答「禮拜二誰在」,而不是放三張臉加一支電話。
範例網站裡已經放了什麼
三個服務分類共八項標價服務(30 到 180 分鐘)、三位設計師與各自的每週班表、一面六格作品牆、三則範例評價、一組新客折扣碼,整站五頁。
上面這份清單裡,只要是會從訪客手上收東西、或是要讀即時排程的——表單、預約、優惠碼、訂閱欄位、課程時間表、由內容集合供稿的清單——都是用 Storefront Pro 上線。Storefront 會照你排的樣子發佈頁面其餘的部分;這個模板裡要是有整頁專門拿來做這件事的,那一頁就是要等升級的那一頁。
這個網站涵蓋什麼
- 服務價目
- 店家故事
- 團隊介紹
內含 5 個頁面
- 首頁
- 服務項目
- 到店資訊
- 設計師
- 聯絡我們
哪些在這個模板裡,哪些留在你自己的系統
價格和設計師都是要你覆蓋掉的範例內容。這個網站負責把價目和班表講清楚,它不是排椅或收銀系統,也沒有做商品零售這一塊。
這一頁上的每一個數量和金額,都是從模板本身讀出來的,不是有人用手打上去的——所以這些數字跟你真正拿到的網站是同一組。
發佈之後你拿到的
- 發佈出去用你自己的網域、主機與 HTTPS——不是掛在我們底下的子網域。
- 刷卡走你自己的 Stripe 帳戶。Naratake 對銷售抽 0%,只有 Stripe 自己的手續費。
- Storefront Pro 可以把整個專案下載成一個標準的 Next.js 應用,所以把 Naratake 關掉,網站照樣自架得起來。
- 建置與預覽免費,不用信用卡。Storefront 每月 $49、每年 $468;線上點餐與訂位正式上線的是 Storefront Pro,每月 $79、每年 $758。首次付款 7 天內全額可退。
真的有人問的問題
這個起始點除了預約頁,還多一頁設計師介紹。兩邊的名單怎麼保持一致?
它們讀的是同一份名單。每位設計師是一筆資料——姓名、職稱、簡介、照片,以及每個星期幾上班的時段——集中在網站後台預約桌的「員工」分頁裡維護。設計師頁把這三個人印成團隊卡片,下面接一個六格的作品集;預約頁讓客人挑的人員按鈕也是同樣這三個名字,而他們的班表決定客人看得到哪些時段。改一次職稱或休假日,兩頁一起跟著改。之後換設計風格,員工名單會留著。
手刷挑染要三小時、需要訂金;兒童剪髮三十分鐘、不收訂金。同一個預約頁接得住這兩種嗎?
接得住,因為時長與訂金是掛在每一項服務上的欄位,不是整站的設定。預約表單一開始就是三個菜單分頁——剪髮、染護、養護——每項服務的名稱底下印著它要花的時間。選三小時的手刷挑染,頁面只會給你那位設計師班表裡連續三小時空著的時段,前後各留十分鐘緩衝,確認鈕會變成「付訂金並預約」,金額就是那項服務設的訂金,送出時伺服器再驗一次。選兒童剪髮,它找的是三十分鐘,也不會跟客人要卡號。