形象網站建置：讓前台像自己的官網

• 「設定 > 品牌識別」上傳 Logo（1:1、導覽列與頁尾用）與 Favicon（瀏覽器分頁小圖）。
• 詳細說明品牌識別與分頁圖示
• 完成後你會看到前台網站左上角出現你的 Logo。

• 「設定 > 品牌 AI 資料」三步驟：品牌定位 → 詳細服務 → 品牌故事。
• 這份資料是所有 AI 功能的底料（AI 生成文案、SEO、配色、網站內容、圖文選單），填得越完整 AI 產出越準。有價目表照片可用「AI 辨識價目表」自動萃取。
• 注意這裡的服務清單只給 AI 參考，不會變成正式服務項目。
• 詳細說明品牌 AI 資料
• 完成後你會看到品牌AI資料頁顯示填寫進度，三步驟完成後會切換成總覽模式。

• 「設定 > 首頁配置」管理首頁的區塊：主視覺海報（Hero）、預約行動呼籲（CTA）、交通資訊地圖。
• Hero 可分裝置（桌機/平板/手機）上傳不同圖並調整裁切焦點；按鈕文字預設「立即預約」。
• 每個區塊有顯示開關與拖曳排序；右側有手機即時預覽。
• 詳細說明首頁配置與區塊順序
• 完成後你會看到右側手機預覽的首頁最上方換成你上傳的主視覺圖。

• 「設定 > 頁面內容」新增頁面（如：關於我們、價目表、常見問題、作品集）。
• 每頁用 8 種內容區塊組裝段落標題 / 純文字 / 圖示列表 / 折疊問答 / 價目表 / 單張圖片 / 滑動圖卡 / 圖片輪播。
• 頁面要開「顯示開關」才會出現在前台導覽列；也可以再到「首頁配置」把該頁面區塊加到首頁。
• 注意價目表區塊的價格是獨立文字，和正式服務的價格是兩份資料，改價要兩邊都改。
• 詳細說明內容頁面管理、內容區塊與編輯器
• 完成後你會看到前台網站的導覽列出現這個頁面，點進去看得到內容。

• 「設定 > 外觀主題」選 6 組預設配色或自訂 5 色；可用「AI 建議配色」（依行業與品牌風格生成）。
• 另可設定店名顯示字級、手機頂部導覽（全展開/漢堡選單）、底部導覽（滿版/懸浮島）。
• 詳細說明外觀主題與配色
• 完成後你會看到前台網站的按鈕與重點色換成你選的配色。

• 「設定 > 搜尋優化」填網站標題、描述、關鍵字，上傳分享預覽圖（1200×630，LINE/FB 分享時顯示）。可用「AI 一鍵生成 SEO」。
• 詳細說明搜尋優化 SEO 設定
• 完成後你會看到用 LINE 把網址傳給自己，預覽卡片顯示你設定的標題與圖片。

• 有投廣告才需要「設定 > 追蹤碼」分頁填 FB 像素 / GA4 ID。預約流程會自動回報轉換事件，不用自己埋碼。
• 詳細說明追蹤碼與自訂貼碼、形象網站轉換追蹤

無痕視窗打開前台：首頁有自己的主視覺與品牌色、導覽列有內容頁、用 LINE 傳網址給自己看分享預覽圖是否正確。