在網站加入「顯示通知」即時推播最新消息,瀏覽器推送通知教學。(WordPress)

WP彈出通知顯示
除了行動裝置App能發送推播通知外,在Chrome,Firefox,Safari瀏覽器也能讓網頁自動顯示通知,無論使用者是否有正在開啟你的網站,只要在允許訂閱網站後,訊息框會自動出現在電腦桌面的右下角。在部落格發表新文章、公司發布新產品、有新促銷活動時或折扣優惠時,都能發出推播來提醒顧客,以獲得更多的舊訪客回來瀏覽網站,提高回訪率!本站使用OneSignal WordPress 免費外掛教學。


安裝插件:OneSignal Push Notifications通知外掛
Push Notification:OneSignal通知管理工具




OneSignal Push Notifications介紹/教學


STEP1

前往安裝OneSignal Push Notifications外掛,或直接到WordPress後台→外掛→安裝外掛→搜尋OneSignal Push Notifications。
WP彈出通知顯示1

STEP2

接著前往OneSignal官方網站免費註冊帳號,接著Add new App→輸入網站的名稱→Website Push→填入網站的網址。
WP彈出通知顯示2

STEP3

接著選擇SDK,因為我們是有安裝WordPress外掛,所以就選WordPress。如果是其他網站的話,可以依照官方教學自行安裝SDK。
WP彈出通知顯示3

STEP4

複製取得的API與AppID。
WP彈出通知顯示4

STEP5

接著到WP的OneSignal Push外掛的後台→Configuration→貼上剛剛取得的代碼。
WP彈出通知顯示5

STEP6

選擇要供讀者「訂閱」的按鈕樣式,包含彈窗型態、首次進入的訪客問候語與退訂的對話框消息等…
WP彈出通知顯示6

STEP7

範例如下(樣式與呈現方式可自訂):在訪客進入網頁後,在右下角會顯示訂閱按鈕,當讀者點擊後會出現要求顯示通知的權限。
WP彈出通知顯示7

STEP8

除了Chrome和Firefox之外,如果我們想要在更多瀏覽器與系統上發送推播,前往OneSignal官方網站→App Setting→Configure啟動Safari取得API代碼,一樣將它複製貼入到WordPress的OneSignal Push外掛後台。
WP彈出通知顯示8


OneSignal Push Notifications發送推播
STEP1

在編輯文章的頁面,將Send notification on post publish勾選,會在文章發表的同時自動發送新文章訊息給所有訂閱者。
WP彈出通知顯示9

STEP2

除了在有新文章自動推播外,在OneSignal網站也能新增New Message在任何時刻皆能傳送消息給訂閱網站的民眾,也可以排程要推播的時間或根據不同語言推送訊息等..
WP彈出通知顯示10

STEP3

通知推播成功時,讀者就會在畫面的右下角接收到訊息。
WP彈出通知顯示11

延伸閱讀:為網站加入線上客服軟體