自訂機台畫面
待機畫面、菜單頁、完成畫面換成自己的版面——畫面編輯器所見即所得，顧客動線一條列到底。
點餐機的畫面幾乎都能自訂長相：待機畫面、菜單頁、完成畫面（結單後的 感謝頁），加上語言選擇、內用外帶、結帳方式三個選擇頁，以及 自助結帳畫面的門面。入口在流程中心：側欄「點餐機」→ 點一張流程卡 → 「畫面」分頁（從機台出發也行：機台管理卡片上的 「編輯這台的畫面」直接開到這裡）。不用碰流程圖：畫面卡點「編輯」進編輯器，左半是 真機即時預覽、右半是表單，改完儲存、預覽立刻更新，發佈後機台下次回待機 就生效。沒設定就用內建版面——這整頁都是選配。
「畫面」分頁
流程中心的「畫面」列出這條流程每一個可自訂的畫面各一張卡：
- 各自標示「已自訂／內建版面」，點「編輯」進編輯器；卡片照顧客走的順序排， 跟機台上看到的一樣
- 流程裡若有「自訂頁」或「自訂分支」節點（促銷插頁、活動頁、 自訂選擇頁），也會列成卡在這裡編
- 多台機器各跑各的流程時，從機台管理按那台的「編輯這台的畫面」 最快；或關掉對話框、點另一張流程卡，就換編那條流程的畫面（每條流程各自的畫面互不影響）
- 品牌色（主色與底色）在「動線」分頁的右側設定面板改，跟發佈鈕同一屏； 個別機器要自己的顏色，到機台管理卡片的「進階」用品牌色覆寫。 動線有未儲存變更時畫面卡會先鎖住，提示先儲存
還沒建過流程的話，先到點餐流程建一條。 （在動線畫布裡點「開始」或「瀏覽菜單＋點餐」節點，也有「用畫面編輯器開啟」 連結直達同一個編輯器。）
品牌色
品牌色在「動線」分頁的右側流程設定裡（不選任何節點時出現，跟發佈鈕同一屏）：
| 欄位 | 說明 |
|---|---|
| 主色（按鈕） | 套在整台機台的按鈕上。要夠深——按鈕上是白字 |
| 底色 | 畫面背景。要夠亮——內文是深色字 |
點色塊挑色或直接填十六進位色碼（如 #7A5E00）。太淺的主色、太深的底色會在
發佈時被擋下來——這是保護你：對比不夠的畫面在大太陽下根本看不到字。
畫面編輯器
點畫面卡的「編輯」進入。左半即時預覽就是真的機台畫面（編輯菜單頁時會直接 跳到菜單頁，不用每次點過待機畫面），而且是所見即所得：
- 右邊每改一個字、換一個選項，左邊立刻長出來——不用儲存
- 點預覽裡的任何積木，右側清單會自動選取並展開它（點清單列，預覽也會亮框）
- 清單列可以直接拖曳重排：拖到別列的上／下緣＝放前／放後、 拖到「排版容器」列的中段＝放進容器（▲▼ 按鈕也還在）
右半由上而下：
- 範本鈕（右上）——一鍵填入起手版面，之後隨意改
- 版面——
版型（可捲動／滿版單屏）與背景圖（多張＝輪播；「遮罩」壓一層 黑讓白字看得清楚） - 積木——畫面內容一列一塊：點列展開欄位、拖曳或 ▲▼ 重排、垃圾桶刪除、 「新增積木」加新的；「排版容器」可以巢狀放子積木（做左右欄）
「儲存」把改動寫進草稿、「檢查」跑驗證、「發佈」上機台。 預覽裡點積木只會選取、不會觸發真的點餐互動——放心亂點。 圖片與影片欄位都有「從媒體庫挑」——素材先傳進媒體庫 就能直接選。
顧客動線（路徑列）
編輯器工具列下方有一條「顧客動線」，把顧客從待機到完成會經過的每一頁 照順序列出來——這就是流程圖攤平的樣子，不用開流程編輯器也看得到全貌：
- 點任何一步：可自訂的畫面直接切過去編輯；少數官方畫面（取餐碼、櫃台結帳、 桌位這類）帶鎖頭圖示，點了只把預覽跳到那一頁讓你看長相——內容固定、 順序要調再進流程編輯器
- 兩步之間的「＋」：在那個位置插入一頁自訂頁（促銷插頁、公告頁）， 插完直接落在新頁的編輯器、範本已預填——改字、換圖、發佈就上線
- 刪自訂頁：切到那一頁，動線上的垃圾桶點兩下（第二下確認）就拆掉、 前後自動接回原路。官方畫面不能在這裡增刪——點餐流程不會被畫面編輯弄壞
- 流程有分支（內用／外帶這類）時，分支步上有小膠囊可以切換要看哪一條
完成畫面
結單後的感謝頁。放會員 QR、下次來店優惠、社群連結都很適合——這是顧客 盯著看的最後一個畫面。互動跟待機畫面一樣：點任何地方回待機， 或倒數結束自動回（自訂畫面預設 15 秒；在流程編輯器的「完成」節點可調 3–60 秒）。
整個待機畫面就是一顆開始按鈕
不管怎麼排版，顧客點待機畫面任何地方都會開始點餐（唯一例外：語言切換鈕只換語言）。 所以不用自己做按鈕——放形象照、放輪播，畫面自己會動起來。
菜單頁範本
菜單頁編輯器的兩顆範本鈕：
| 範本 | 長相 |
|---|---|
| 範本：上方分類 | 分類頁籤橫排在上方、品項用現行卡片——跟內建版面同構，適合從這裡微調 |
| 範本：左側分類 | 左欄直排分類（速食店風）＋相片磚品項卡＋全螢幕商品頁，滿版不捲動 |
菜單頁的必備規則
菜單頁一定要能點餐，所以發佈時會檢查：
- 恰好一個「品項卡格」
- 恰好一個「結帳列」
- 至多一個「分類頁籤」
缺了或多了，「檢查」會直接點名。這三種功能積木也只能放在菜單頁。
品項卡樣式
「品項卡格」積木的品項卡樣式：
| 選項 | 長相 |
|---|---|
| 經典卡（預設） | 橫幅照片＋名稱描述＋獨立「加入」鈕 |
| 相片磚 | 方形照片＋小字名稱與價格，整張卡點下去就是加入 |
商品細節樣式
顧客點一個有加料選項的品項時，選項怎麼呈現——「品項卡格」的商品細節：
| 選項 | 長相 |
|---|---|
| 底部面板（預設） | 底部彈出面板 |
| 全螢幕商品頁 | 上半大圖疊名稱與描述、單選群組是膠囊列、多選是方塊卡，底部「加入・合計」跟著所選加料即時算價 |
加料選項本身在菜單的加料群組設定——這裡只換呈現方式， 規則（必選、上限、巢狀加料）全部照舊。
結帳列位置
底部固定（預設）／頂部固定／隨版面。刻意不開放任意座標——這樣發佈檢查才能 保證「去結帳」永遠按得到。
選擇頁（語言／內用外帶／結帳方式／自訂分支）
四種選擇頁都能整頁自訂：問句、圖片隨你排，「選項按鈕」積木 （恰好一個，發佈檢查會把關）由系統渲染——版型可選直排大按鈕或兩欄卡， 每個選項還能掛一張圖片（點選項按鈕積木、每個選項一顆「從媒體庫挑」）： 兩欄卡放圖就變相片磚、直排變小圖列，沒放圖的選項維持純文字。 選項本身動不了：語言頁的選項＝你宣告的語言（一律顯示該語言自名）、 內用外帶與結帳方式用官方翻譯、自訂分支的選項與分支在流程節點上設—— 畫面只管長相，顧客點選項後照流程圖走。單語店的語言頁照樣自動跳過、 桌邊機台照樣自動選內用，這些聰明行為不會因為自訂畫面而消失。
結帳畫面的門面（自助結帳）
線上付款畫面的上方可以放品牌訊息與背景（「快好了——完成付款即開始製作」 這類文案、形象照）。付款本體固定渲染在下方、動不了——這是刻意的： 結帳是錢的路，怎麼裝飾都不會擋到付款；也因此這個畫面不能放「開始按鈕」。
櫃台結帳畫面為什麼不能自訂？
「櫃台結帳」節點是建單即前進的過場——顧客根本看不到它。要放「憑碼到櫃台」 的品牌訊息，地方在後面的取餐碼畫面與完成畫面（完成畫面可以整頁自訂）。
資料綁定（進階）
流程裡有「呼叫外部系統」節點（同步模式）時，它後面每一頁的 「文字」積木都能把回傳的資料帶進文案——會員點數、自家叫號機的號碼、總部系統的 活動訊息，寫法是把引用嵌在句子裡：
會員點數 {{webhookResult:節點ID.欄位}} 點- 選「文字」積木時，內容欄下方會直接列出可用的引用樣板（每個同步 webhook 節點
一條）——複製貼進內容、把「欄位」換成你系統回傳 JSON 的欄位名（
a.b.c深路徑可以） - 編輯器預覽顯示原樣模板（看得出資料會落在哪）；正式機台才換成真值
- 取不到值（欄位打錯、系統沒回）就顯示空白——顧客永遠不會看到程式碼
- 發佈時會檢查：只能引用「顧客走到這頁之前」會經過的同步 webhook 節點，引用壞了 「檢查」會直接點名
- 其他大括號文字不受影響——只有
webhookResult:開頭的才是綁定
積木總覽
| 積木 | 用途 | 可調欄位 |
|---|---|---|
| 排版容器 | 直排／橫排容器，可巢狀（做左右欄） | 方向、間距、對齊 |
| 文字 | 文字（多語） | 內容（可含資料綁定）、尺寸、字重、色調 |
| 圖片 | 圖片 | 網址、高度、圓角 |
| 影片 | 影片（自動播放、無聲循環） | 網址、高度 |
| 輪播 | 圖片輪播 | 圖片清單、秒/張 |
| 留白 | 空隙 | 尺寸 |
| 開始按鈕 | 「開始點餐」按鈕樣式 | 按鈕文字（留空＝內建文案） |
| 店名 | 店名——自動帶入，免每個語言手打 | 尺寸、色調 |
| 桌號 | 綁定桌／已選桌的桌名（「窗邊 1」）——自動帶入；桌邊機待機頁最好用，沒有桌時不顯示 | 尺寸、色調 |
| 語言切換 | 語言切換鈕（單語店不顯示） | — |
| 分類頁籤 | 分類（僅菜單頁） | 上方橫排／左側直欄 |
| 品項卡格 | 品項（僅菜單頁） | 欄數、品項卡樣式、商品細節 |
| 結帳列 | 結帳（僅菜單頁） | 位置 |
| 選項按鈕 | 選項（僅選擇頁：語言／內用外帶／結帳方式／自訂分支） | 版型（直排／兩欄卡）、選項圖片（每選項一張——兩欄卡圖在上、直排小圖在左；沒放圖維持純文字） |
進階：JSON 與 API
畫面定義其實是一份 JSON，編輯器右上可切「JSON 進階」直接編輯（格式錯誤
不會寫入，上一次合法的版本還在）。同一份 JSON 也出現在流程編輯器的節點設定欄，
以及 API：start／order.menu／end／choice.*／checkout.self 節點的
config.screen，接案工程師或總部系統
可以直接 PATCH /merchant/workflows/{id}——三種介面改的都是同一份資料，
互不洗掉。積木欄位的機器名（cardStyle、pickerStyle、position、fit…）
與上表一一對應。機台只解譯白名單積木、不執行任何外部程式碼，怎麼排都不會
弄壞點餐流程。
內容不合規（未知積木、超出範圍的值、缺必備積木）存草稿沒問題，「檢查」或 「發佈」時會列出問題；詳見驗證與發佈。