如何為WordPress網站新增Web推送通知

推送通知可讓您向使用者傳送訊息,即使他們沒有訪問您的網站。這有助於您將使用者帶回您的網站,增加流量並賺取更多收入。

在本教程中,我們介紹何將網路推送通知新增到您的WordPress站點。

如何為WordPress網站新增Web推送通知

什麼是推送通知?

推送通知是簡短的、可點選的通知訊息,在使用者的桌面或移動裝置上顯示為彈出視窗。

它們出現在桌面頂部或移動裝置的通知區域中。最好的事情是即使使用者的瀏覽器沒有開啟它們也可以顯示。

以下是Windows 10中的推送通知示例:

Windows 10推送通知

推送通知可讓您通過最新的更新和優惠跨裝置覆蓋使用者。網路推送通知是將網站訪問者轉化為忠實追隨者和客戶的一種非常有效的方式。

為什麼要為WordPress站點新增Web推送通知?

您是否知道70%離開您網站的人永遠不會回來?這就是為什麼您需要將這些網站使用者轉換為訂閱者或客戶的原因。

您可以通過一次使用多個渠道來做到這一點。這包括電子郵件營銷、社交媒體、移動或簡訊營銷以及網路推送通知。

電子郵件列表仍然是最強大的營銷工具。但是,我們發現推送通知也非常有效。

以下是使推送通知成為出色營銷工具的部分原因:

  • 使用者需要明確許可才能接收推送通知。這意味著他們已經對您提供的內容感興趣,並且更有可能參與通知。
  • 推送通知比電子郵件或社交媒體更新更短,需要的注意力更少。
  • 沒有像社交媒體那樣的演算法來限制你的影響力。幾乎100%的訊息都已送達。
  • 使用者可以控制他們的裝置如何顯示通知。他們可以暫停它們或完全關閉它們。
  • 使用推送通知的公司並不多。

包括Facebook、Pinterest、LinkedIn和許多其他網站在內的熱門網站都瞭解其重要性。他們已經在使用網路推送通知。

根據一項調查,推送通知的開啟率比電子郵件高50%,點選率是電子郵件的兩倍。它們比簡訊、電子郵件營銷和社交媒體平臺更具吸引力。

話雖如此,讓我們來看看如何輕鬆地將網路推送通知新增到WordPress站點。

使用PushEngage在WordPress中設定Web推送通知

PushEngage是市場上最好的推送通知服務。它允許您輕鬆地將推送通知新增到您的WordPress網站。

建立您的PushEngage帳戶

首先,您需要轉到PushEngage網站並單擊“Get Started For Free”按鈕:

PushEngage網站

免費計劃涵蓋您每月最多500名訂閱者和30個通知活動。當您獲得更多訂閱者並需要傳送更多廣告系列時,您將需要升級。

選擇定價計劃後,您需要建立一個PushEngage帳戶。您可以使用現有的Google帳戶註冊或建立新帳戶。

PushEngage網站賬號註冊

註冊後,您將到達PushEngage儀表盤。如果您使用Google帳戶註冊,PushEngage將提示您輸入您的網站詳細資訊:

PushEngage賬號網站資訊

您現在應該在PushEngage儀表板中看到Setting »  Site Settings » Installation Settings頁面。

在這裡,您需要上傳要在推送通知中使用的影象。繼續並單擊空影象框下方的“Change”按鈕。

PushEngage賬號網站Logo

您的圖片需要為PNG或JPG檔案格式,建議大小為256×256畫素。此影象將顯示在您的推送通知中。

您現在已經完成了PushEngage帳戶的關鍵資訊。

使用PushEngage連線您的WordPress網站

下一步是將您的網站連線到PushEngage。

為此,您需要安裝並啟用WordPress外掛PushEngage

一旦外掛處於活動狀態,請從您的WordPress管理面板轉到PushEngage。接下來,單擊頂部的“Setup”選項卡。該外掛現在會要求您輸入API金鑰。

PushEngage金鑰

要獲取您的API金鑰,只需轉到PushEngage儀表板中的Setting » Site Settings » API Keys。然後,繼續並單擊“Generate a New API Key”按鈕:

PushEngage API金鑰生成

然後您應該會看到您的API金鑰。

PushEngage API金鑰

接下來,您必須在PushEngage外掛中輸入API金鑰。為此,請轉到您的WordPress儀表盤並轉到PushEngage。然後,單擊“Setup”選項卡。

您將看到一個用於存放API金鑰的框。只需在此處輸入您的API金鑰,然後單擊“Submit”按鈕。

PushEngage外掛啟用

設定您的推送通知訊息

現在,您將看到您的PushEngage設定。檢查您對General Settings是否滿意。您可以在此處或在PushEngage網站上更改您的帳戶詳細資訊:

PushEngage設定

接下來,是時候設定人們在訪問您的網站時會看到的訊息了。只需單擊“Subscription Dialogbox”選項卡即可檢視和更改設定。

PushEngage訂閱設定

您將在訊息中看到您的徽標以及預設文字。您可以將其更改為您自己的訊息。不要忘記單擊“Update Optin Settings”按鈕來儲存您的更改。

PushEngage訂閱選項更新

在此之下,您可以更改中間頁面上顯示的訊息。這是使用者第一次單擊“Allow”後出現的頁面。

注意:您無法更改瀏覽器自己的彈出框中顯示的內容。這將始終具有“Show notifications”文字以及“Allow”和“Block”按鈕。

只需輸入您要使用的文字。不要忘記單擊“Update Page Settings”按鈕。

PushEngage頁面設定

您可能想要建立歡迎通知以感謝人們的訂閱。這還可以讓您輕鬆測試通知是否有效。

只需單擊“Welcome Notification Settings”選項卡即可進行設定。在這裡,您需要輸入歡迎通知的標題和訊息。您可以將主頁用作URL,也可以將使用者傳送到特定頁面。

確保選中“Send Welcome Notifications to Subscribers”框以啟用歡迎通知。您還需要單擊“Update”按鈕來儲存更改。

PushEngage歡迎通知設定

在您的網站上測試推送通知

設定推送通知後,最佳做法是檢查它們是否按預期工作。

要測試您的推送通知,請在您的計算機或手機上開啟您的網站。

您應該立即看到您設定的訂閱對話方塊。這是我們在臺式計算機上的:

PushEngage計算機通知示例

這是我們在移動裝置上的訂閱對話方塊:

PushEngage手機通知示例

繼續並單擊“Allow”按鈕。然後您應該會在彈出視窗中看到中間頁面。這是它在計算機上的外觀:

PushEngage計算機訂閱外觀

您也需要在此處單擊“Allow”。現在,您已成功訂閱來自您網站的推送通知。

您的歡迎通知應該會在幾分鐘內出現在您的螢幕上。這是我們的,顯示了我們之前建立的歡迎訊息:

PushEngage推送通知外觀

如果使用者選擇不啟用通知但稍後想要訂閱怎麼辦?這是通過PushEngage自動啟用的。使用者將在您網站的右下角看到一個鈴鐺小部件:

PushEngage訂閱鈴鐺

他們只需單擊此按鈕即可訂閱您的網站。要更改鈴聲通知小部件,只需在您的PushEngage帳戶中轉到Setting » Subscription Settings » Opt-in Management

您可以更改小部件的顏色、位置和標籤:

更改鈴聲通知小部件

您甚至可以將鈴鐺換成出現在網站一側的按鈕,如下所示:

訂閱通知外觀更改樣式

向您的訂閱者傳送推送通知

預設情況下,PushEngage將為每個新文章傳送通知。這些通知將包括帖子標題和特色圖片的小版本。當使用者點選通知時,他們將被直接帶到您的部落格文章:

PushEngage推送通知示例

如果您不想要自動通知,則可以通過訪問WordPress儀表盤中的PushEngage » General Settings來關閉它們。

只需向下滾動到“WordPress Post Settings”部分,然後取消選中“Auto Push”框。不要忘記單擊“Save WordPress Settings”按鈕。

PushEngage文章推送設定

您可以隨時在PushEngage中建立自定義通知。只需在PushEngage網站上登入您的帳戶,然後轉到Notifications » Create » New Notification

此螢幕為您提供設定標題、訊息、URL、影象等的選項。您可以安排通知稍後發出,也可以立即傳送。

提示:如果您要預先安排通知,請確保您的時區正確無誤。在PushEngage網站上您的帳戶中的Settings » Site Settings » Site Preferences下可以輕鬆檢查或更改此Settings

我們為我們的部落格文章建立了一個帶有自定義標題和訊息的特殊通知。

PushEngage文章推送自定義設定

用於您的網站的其他PushEngage功能

PushEngage提供廣泛的其他功能,即使在免費計劃中也是如此。

例如,您可以設定疊加層。這顯示在您網站內容的頂部,並向使用者顯示單擊以允許通知的位置。這是PushEngage網站上正在執行的疊加層:

PushEngage疊加層

您可以在PushEngage網站上的帳戶中設定疊加層。只需轉到Settings » Subscription Settings » Opt-in Management並向下滾動到“Subscription Overlay”部分。

然後,選中“Enable Subscription Overlay”按鈕。您可以使用預設的覆蓋標籤或輸入不同的標籤:

啟用PushEngage疊加層

由於Safari瀏覽器的工作方式,如果您希望Safari使用者能夠訂閱您的推送通知,您需要執行一些額外的步驟。要為Safari啟用網路推送通知,您需要一個Apple開發者帳戶(99美元/年)。然後,您可以為您的網站建立一個唯一的推送ID。

擁有Push ID並建立證書後,您需要在Settings » Subscription Settings » Safari Web Push下新增這些:

Safari瀏覽器推送通知

其他優秀的WordPress推送通知外掛

從一開始就選擇正確的網路推送通知服務很重要。許多提供商試圖將您鎖定在他們的平臺上。這意味著更改推送通知服務可能意味著失去訂閱者。因此,如果您切換,您將重新從頭開始。

這就是為什麼我們建議向您選擇的提供商詢問您需要配置的所有設定,以使您的訂閱者列表可移植。

我們推薦PushEngage因為它有一個免費計劃和許多強大的付費功能。使用PushEngage的付費計劃,您可以:

  • 設定drip自動回覆,例如歡迎活動
  • 當使用者放棄購物車時傳送通知
  • 根據使用者的操作觸發廣告系列
  • 允許使用者在產品開始銷售或重新進貨時新增產品警報
  • … 和更多

以下是您可能想嘗試的其他一些WordPress推送通知外掛:

  • PushCrew – 將您的網站連線到PushCrew的推送通知服務。他們提供僅限2000名訂閱者的免費計劃。
  • PushAlert – Web Push Notifications – 幫助您連線到PushAlert Web推送通知服務。他們還提供僅限3000名訂閱者的免費計劃。
  • PushAssist – PushAssist Web推送通知服務的聯結器外掛。他們的免費計劃僅限於2000名訂閱者。
  • OneSignal – 有一個有限的免費計劃,包括基本的網路推送通知功能。他們的追加銷售策略非常激進,支援也無濟於事。這就是我們在未來幾周內放棄OneSignal的原因。

評論留言