過去我一直覺得，接收管理員通知用 Email 就夠了。如果訂單量不大，靠主機或第三方發信服務，其實也能運作得很順利。但後來與客戶訪談時發現，很多老闆根本不會用 Email，就算有，也常被廣告信和雜訊淹沒。

我自己試過很多收信軟體，試圖藉由工具來過濾重要訊息，但過不了多久，「重要信件」又變得滿天飛。雖然我會每天安排時間檢查，但有些緊急事件，例如新訂單通知，我希望能即時知道。

手機上的 App 通常只能根據「有新郵件」來推播，還找不到能針對「特定寄件者」推播的服務。因此我預設會把 App 的通知功能關掉，避免不緊急的訊息干擾我。

用 LINE 收通知也一樣，目前沒辦法只針對特定對象推播，只能全開或全關。這讓我想過是不是該換個沒那麼常用的通訊軟體來接收通知，但又懶得裝新 App，只好……自己開發一個外掛來解決了（？）

實機展示

要能在手機上接收到訂單通知，有三個關鍵技術：Web Push、Service Worker，以及 Progressive Web App，這邊先跳過他們，如果你也想在手機上收到訂單通知可以參考以下步驟：

1. 下載 DWP 網站助理

點擊連結下載外掛：https://oberonlai.blog/wp-content/uploads/wordpress-web-push/dwp-site-assist.zip​

下載後到 WordPress 後台手動上傳並啟用。注意：你必須安裝 WooCommerce，且主機環境需為 PHP 8.0 以上。

2. 建立新助理

啟用外掛後可以在後台看到網站助理的選項，可以想像成你請了助理來通知你重要的訊息，像是第一位助理負責通知你訂單相關的資訊，第二位助理通知你的網站壞了，依照用途區分不同助理，才能在第一層就先過濾訊息。

假設我們第一位助理叫做「訂單小精靈」，她主要負責通知你帳務相關的資訊，尤其是新訂單進來時要做後續的處理，就能依照下圖的方式進行設定：

接下來點擊助理的永久連結，就能看到你跟訂單小精靈的聊天介面，在左邊列表中找到訂閱按鈕，訂閱完成後就能在訂單狀態變為完成時傳送推播給你：

這就是 Web Push 技術的應用：透過瀏覽器推播。在桌機上需保持開啟瀏覽器，但在手機上則無此限制，只要你把聊天頁面加入主畫面並完成訂閱，就能隨時收到通知。

在手機上的操作步驟如下：加入主畫面（iOS / Android 操作）

iPhone 使用者：

1. 使用 Safari 開啟助理的永久連結。
2. 點選「分享」圖示 →「加入主畫面」。
3. 點擊新增，就會在桌面看到網站 ICON。
4. 開啟捷徑 → 登入帳密 → 側邊欄 → 訂閱。

Android 使用者：

1. 使用 Chrome 開啟聊天頁。
2. 點網址列右側的「更多」圖示 →「加到主畫面」。
3. 點擊新增，桌面就會有捷徑。
4. 開啟捷徑 → 登入帳密 → 側邊欄 → 訂閱。

接下來在電腦上把訂單狀態手動改成完成，就能在手機收到推播通知，點擊通知視窗會開啟跟助理的聊天介面。像我自己是有 Apple Watch，它可以同步手機上的通知，因此當有新訂單進來的時候不用打開手機也能收到推播，非常方便。理論上 Android 手錶應該也能達到一樣的效果，但這我就沒實際測試過了。

3. 管理訂閱者

在後台網站助理的選單可以看到管理訂閱的選項，進入後可以看到同一個管理員可以在多個不同的裝置上訂閱通知，更具體的說是不同裝置與瀏覽器，因此萬一有兩台手機想收到通知也沒問題，只要重複上面的步驟訂閱即可：

在這邊也可以刪除已經訂閱的管理者，避免讓不想收到通知的人持續收到通知。目前的權限設定是只有網站管理者跟商店經理可以收到推播，其餘的使用者皆不會收到，未來會根據使用回饋來加入設定功能。

下一步

使用 Web Push 的好處是不用另外安裝新的 App，也不用因為 API 的使用計費而傷腦筋，透過助理來區分不同類型的通知，讓最重要的訊息可以直達天廳。DWP 網站助理目前僅支援當訂單狀態改變時進行推播，接下來會根據使用者回饋加入不同的外掛支援。

像是新顧客註冊、表單提交等等這些以管理員為主的通知，下一篇將介紹「助理的 AI 功能」──這才是網站助理真正能大顯神威的地方。我們下週見！

​