1
登入後台
受邀的人用 Google、GitHub 或 Email 登入。
打開專屬的後台網址登入。登入方式可用 Google、GitHub 或 Email;建議用 Google 或 GitHub 帳號登入,並在該帳號開啟兩步驟驗證。只有被邀請的人進得去。
- 打開後台網址(上線後由諾豪資訊提供)
- 選擇登入方式(受邀的 Email 要用同一種方式登入)
- 進入內容管理畫面
嵐岸咖啡
內容管理後台
也可用 Email 登入・僅限受邀的店家成員
How the backend works
產品、消息、門市資訊,店家自己就能改,不必寫程式。
首頁與關於頁的文案、版面或新功能,再找諾豪資訊(也可依需求做成後台可編輯)。
下面的示意畫面,欄位可以直接試著輸入(示意中的「+」只是標出位置,不能按)。
1
受邀的人用 Google、GitHub 或 Email 登入。
打開專屬的後台網址登入。登入方式可用 Google、GitHub 或 Email;建議用 Google 或 GitHub 帳號登入,並在該帳號開啟兩步驟驗證。只有被邀請的人進得去。
嵐岸咖啡
內容管理後台
也可用 Email 登入・僅限受邀的店家成員
2
填名稱、產地、價格,選袋子顏色,按發佈。
試試看:改豆名或顏色,再切到「袋子預覽」。
先選品牌系列,再按新增,填入名稱、產地、烘焙度與價格,選一個袋子的顏色,按發佈。
試試看:改豆名、風味、價格或顏色,再切到「袋子預覽」,袋子會跟著變。你不用按儲存,後台會自動存成草稿;按「發佈」才會上網站。網站上每一個產品袋,就是這樣由資料自動畫出來的。
新增、修改、刪除都會在幾秒內反映在網站上(列表與詳細頁都是;刪除的項目會顯示「已下架」)。搜尋引擎收錄與分享預覽要等下次網站重新建置(可設定為發佈後自動建置)。
關於示意畫面:真實後台是「逐欄展開」,依序是「網站內容」→「咖啡豆・依系列」→「選擇品牌系列」→「這個系列的豆子」→ 編輯畫面。這裡的示意把四個系列直接縮排在側欄,方便一次看完;欄位與順序以真實後台為準。
袋子預覽
NT$ 520 / 200 g
焦糖 堅果 可可
3
寫好標題與內文,按發佈,網站就看得到。
新品上架、活動預告、咖啡小知識,寫完按「發佈」。按下發佈後,重新整理網站就看得到。
新增、修改、刪除都會在幾秒內反映在網站上(列表與詳細頁都是;刪除的項目會顯示「已下架」)。搜尋引擎收錄與分享預覽要等下次網站重新建置(可設定為發佈後自動建置)。
想先存起來、之後再發?不用按任何鈕,後台會自動存成草稿;草稿不會出現在網站上,準備好再按「發佈」。
發佈後,網站的消息列表會這樣顯示(示意)
+
依系列瀏覽、用名稱搜尋,上百項也找得到。
品牌有十幾個、產品有幾十項也沒問題:依系列瀏覽、依名稱搜尋,每一項都能附上產品照片,後台可管理上百項產品。
| 耶加雪菲 水洗 山嵐單品・NT$ 520 | |
| 薇拉 日曬 山嵐單品・NT$ 480 | |
| 肯亞 AA 水洗 山嵐單品・NT$ 540 | |
| 安提瓜 水洗 山嵐單品・NT$ 460 | |
| 阿里山 蜜處理 山嵐單品・NT$ 680 | |
| 晨霧 配方 潮汐配方・NT$ 420 | |
| 岸邊 配方 潮汐配方・NT$ 400 | |
| 夜航 義式 潮汐配方・NT$ 380 |
找不到符合的產品。
8 / 共 64 項(示意)。可管理上百項產品,每項都能附照片。
費用與維運
免費方案每月 0 美元;需要進階功能才升級(每位使用者每月 15 美元起)。
後台使用 Sanity。依其官方方案頁(2026 年 10 月 22 日查證),免費方案(Free,每月 0 美元)和本站相關的額度是:
免費方案的資料集是公開的,任何人都能讀取;本站的內容(豆子、消息、門市資訊)本來就公開在網站上,所以沒有影響。需要私有資料集、更多文件或更長的紀錄時,才需要升級付費方案(依官方公告,Growth 方案每位使用者每月 15 美元起,實際以官方方案頁為準)。網域等其他費用,洽談時一併列清楚。
內容自己改;版面與新功能找諾豪資訊。
門市的地址、電話、營業時間在後台改完按發佈,重新整理後,首頁、聯絡頁與頁尾都會更新。
產品、消息、門市資訊(含圖片)自己改;首頁與關於頁的文案、版面或新功能,再找諾豪資訊(也可依需求做成後台可編輯)。
日常維運、網站改版與後台教學,也都可以委託諾豪資訊處理。
放心使用
登入方式可用 Google、GitHub 或 Email;建議用 Google 或 GitHub 帳號登入,並在該帳號開啟兩步驟驗證。帳號由店家邀請與管理,可以隨時移除離職同仁的存取權。
草稿紀錄在免費方案只保留 3 天(Growth 方案 90 天),已發佈內容的完整修改歷史免費與 Growth 都沒有,所以重要內容仍建議自己留底。後台會自動存草稿,按下「發佈」才會出現在網站上;咖啡豆的編輯頁另有袋子預覽,可以先看豆袋長什麼樣子。
網站本身是靜態頁面;內容存在 Sanity 雲端,前台只讀取公開內容。全站使用 HTTPS。
本範例放在諾豪資訊的帳號下;正式案件的網域、主機、後台帳號都建在店家名下,不綁在諾豪資訊的帳號裡。