Folio

Folio

設定與形象網站

手機 App 模式

手機預設開啟、可切回傳統介面;底部導覽可自訂

在後台哪裡
  • App 模式 > 店務
  • App 模式 > 設定

功能說明

App 模式是商家後台在手機與直向平板上的新版介面:把頂部列與側邊選單收起來,改用畫面底部的導覽列,操作起來像手機 App。用手機開後台預設就是這個新版介面,不用自己開啟;想用回舊的排版可以隨時切回。

  • 什麼時候會生效:畫面寬度小於 1024(手機與直向平板)預設就是 App 模式。螢幕變寬(手機轉橫、iPad Pro 直向、接外接螢幕、桌機)會自動用回傳統介面。只有你自己按過「切回傳統介面」,這台裝置才會記得用舊版(記錄存在這台裝置上,清除瀏覽器資料或換手機會回到預設的新版)。
  • 底部導覽列:預設五格「概覽、預約、報表、店務、設定」;手機最多放 6 格、平板最多 8 格,最後兩格「店務」「設定」是固定的、不能移除。自己排的配置也是存在這台裝置上。
手機 App 模式的店務頁:功能按群組排成格子,畫面最下面是底部導覽列手機 App 模式的店務頁:功能按群組排成格子,畫面最下面是底部導覽列
手機 App 模式的店務頁:功能按群組排成格子,畫面最下面是底部導覽列
什麼時候是 App 模式、什麼時候變回傳統介面
會是 App 模式
✓
畫面寬度小於 1024
手機、直向平板;預設就是新版
✓
換手機或清除瀏覽器資料
回到預設,也就是新版
會用回傳統介面
✗
你自己按過「切回傳統介面」
這台裝置會記得用舊版
✗
螢幕變寬到 1024 以上
手機轉橫、iPad Pro 直向、接外接螢幕、桌機
✗
訂閱被停權或取消
系統強制切回並帶你到商家中心

可加入底部導覽的項目(節錄)

項目 誰看得到
概覽 有查看概覽的權限
預約一覽 有查看預約的權限
數據分析 有查看數據分析的權限
銷售結帳 有使用銷售結帳的權限
會員管理 有查看會員的權限
優惠券 有管理優惠券的權限
服務與加購 有管理服務或加購的權限
權限 只有老闆、且方案是團隊方案才看得到
店務 / 設定 固定顯示,不可移除

其他可選:顧客紀錄、標籤、會員推薦好友、預約通知、計次券、儲值金、商品、人員、排班、同意書、問券、掃碼入場,以及庫存、記帳、會員集點與等級、獎金、定金設定等加購模組,依你的權限與有沒有加購決定會不會出現。

這頁能做什麼(功能總覽)

App 模式的店務頁,畫面最下面固定著五格底部導覽列App 模式的店務頁,畫面最下面固定著五格底部導覽列
App 模式的店務頁,畫面最下面固定著五格底部導覽列
詳細介紹
  1. 底部導覽列預設五格「概覽、預約、報表、店務、設定」,最後兩格固定不能移除(畫面最下面)。
  2. 店務所有功能入口的格狀總覽,按群組排(底部導覽第四格)。
  3. 鉛筆進編輯模式自己排前面幾格要放什麼店務頁右上角

操作步驟

1自訂底部導覽列

  • 點底部導覽的「店務」,再點右上角的鉛筆。
  • 照畫面說明操作把圖示拖到下方導覽列(或直接點一下)就加入;按住導覽列上的圖示可以左右拖曳排序;點 × 移除。店務與設定固定不可移除。
  • 排壞了按「還原預設」。排好按右上角的「儲存」。
店務頁的編輯模式:說明文字、還原預設與儲存按鈕,下面是可拖放的導覽列店務頁的編輯模式:說明文字、還原預設與儲存按鈕,下面是可拖放的導覽列
店務頁的編輯模式:說明文字、還原預設與儲存按鈕,下面是可拖放的導覽列

2切回傳統介面

  • 點底部導覽的「設定」,捲到最下面的「介面與帳號」。
  • 點「切回傳統介面」(副標寫「回到原本的選單與頂部列佈局」),畫面就會回到原版並跳回概覽。
  • 想再換回新版打開側邊選單,點底部的「切換新版介面」(畫面小於 1024 時才會出現這個入口,也就是手機與直向平板)。
設定頁最下面的介面與帳號群組:切回傳統介面與登出設定頁最下面的介面與帳號群組:切回傳統介面與登出
設定頁最下面的介面與帳號群組:切回傳統介面與登出

3登出

  • 一樣在「設定」>「介面與帳號」,點「登出」。
  • 會跳確認視窗「確定要登出嗎?」,按「登出」後回到登入頁。
  • 這一步是確認視窗,沒有另外的畫面可以標,上面那張圖的「登出」就是入口。

前置條件與依賴

  • 只改操作介面,不會動到任何資料與權限。
  • 畫面要小於 1024 才會真的生效(手機、直向平板)。
  • 還沒啟用的模組要先到 商家中心 加購,才能加進導覽(加購說明見 pos-finance 訂閱主題)。

常見問題與排查

介面切換
Q1:手機打開後台,介面跟以前不一樣了?

新版介面(底部導覽)現在是手機的預設。功能與資料完全沒變,只是排版改成像手機 App。想用回原本的樣子:「設定」>「介面與帳號」>「切回傳統介面」。之後想再換回新版,從側邊選單底部的「切換新版介面」即可(這個入口只在手機與直向平板出現)。

Q2:App 模式突然自己關掉變回舊版?

兩種都是正常情況:(1) 手機轉橫、或接上外接螢幕,畫面寬到 1024 以上就會自動退回傳統介面;(2) 訂閱被停權或取消,系統會強制切回原版並帶你到商家中心處理帳務。

Q3:切回傳統介面後,換一支手機登入卻又是新版?

「切回傳統介面」的記錄存在每台裝置自己的瀏覽器裡,不會跨手機同步。新手機沒有這個記錄,就會用預設的新版介面;在該手機上再切一次即可。清除瀏覽器資料也會回到預設的新版。

Q4:換手機或清除瀏覽器資料後,設定都要重來?

App 模式開關、自訂導覽配置、日曆偏好都存在各裝置的瀏覽器裡,清除瀏覽器資料會全部重置,換裝置也要重新設定一次。

Q5:從主畫面打開後台,直接跳到預約日曆而不是概覽?

那是「開 App 直接進預約」的偏好:從主畫面圖示打開後台時會自動跳到預約一覽。這個偏好也是存在你這台手機上。不想要的話,到預約日曆右上角的篩選面板 →「顯示設定」把它關掉,之後從主畫面打開就會先停在概覽。

關掉之後還是直接進預約?先把 App 從多工畫面滑掉、再從主畫面圖示重新打開;只是切出去再切回來,畫面會停在原本的頁面。

導覽與安裝
Q6:底部導覽想加某功能但找不到?

到「店務」的編輯模式找。找不到的可能原因:(1) 這個帳號權限不夠(項目會直接不顯示);(2) 該功能只給團隊方案(權限、獎金等),而你的方案不是;(3) 模組還沒加購(灰底「未啟用」,點了會提示「此功能尚未啟用,可至『設定 → 商家中心』加購」);(4) 導覽已經放滿(會提示「導覽列已滿(最多 N 個)」,先移掉一格再加)。

Q7:頁面裡的浮動按鈕被底部導覽擋住?

偶爾會遇到某頁的浮動按鈕被底部導覽列蓋到下半截。遇到請回報是哪一頁,工程端有統一的處理方式。

Q8:App 模式跟「安裝 App(PWA)」是同一件事嗎?

不是。PWA 是把後台加到手機主畫面、可以收推播通知(見 settings-website.notification-settings 與新手引導的「設定通知 / 安裝 App」步驟);App 模式只是介面外觀的切換。建議兩個都開:從主畫面開啟 + 用 App 模式操作,體驗最好。

App 模式 vs 安裝 App(PWA),是兩件事
App 模式
·
介面外觀的切換
收起側邊選單,改用底部導覽列
·
不會動到任何資料與權限
安裝 App(PWA)
·
把後台加到手機主畫面
·
可以收推播通知
iPhone 一定要這樣開才收得到
可以同時用,建議兩個都開:從主畫面開啟+用 App 模式操作,體驗最好。

還沒用過 Folio?

這份手冊是寫給商家的操作說明,想先知道 Folio 能幫你的店做什麼,看功能介紹比較快。

LINE