身為中型或大型企業的 Shopify 開發人員，您知道與客戶進行無縫溝通是多麼重要。為了實現這一目標，您可以利用 WhatsApp Business Platform 來協助您向數千名客戶發送自動訊息，並隨著客戶群的成長而有效地擴展流程。
本教學逐步介紹將 WhatsApp 連接到 Shopify 並根據客戶在商店中觸發的事件（例如將產品添加到購物車或下訂單）向客戶發送 WhatsApp 通知訊息的過程。為此，我們將使用由 Meta 託管的雲端 API。
先決條件
要學習本教程，您需要：
Shopify上的商店已設定產品和付
在 Meta for Developer 上註冊開發者帳戶，設定Business App，然後選擇 WhatsApp Business 帳號。
完成最後一步將授予臨時訪問令牌。在本教程的其餘部分中您將需要它，所以請堅持下去。
滿足這些要求後，您就可以繼續學習本教學的其餘部分。
在 WhatsApp 上建立訊息模板
WhatsApp 訊息範本可協助 您建 菲律賓 whatsapp 號碼數據 立多種訊息格式，在客戶授予您的應用程式許可後，您可以多次使用這些格式向客戶發送訊息。
請依照以下步驟建立訂單通知訊息範本：
登入您的商務管理平台並選擇您的企業帳戶。
點擊頁面左上角的三行圖標，然後點擊WhatsApp Manager。
使用側面導航，將滑鼠懸停在「帳戶工具」圖示上，然後按一下「訊息範本」。
點選頁面右上角的「建立範本」
在下一頁上，為您的類別選擇「交易」選項，然後為範本命名（在本例中為「order_confirmation」）並選擇其語言。
點擊繼續以進入模板編輯器。
現在 order_confirmation 範本已設定完畢，是時候 電子商務品牌時事通訊行銷終極指南 定義其輪廓了。以下是該訊息向客戶顯示的方式：
我們已收到您的訂單！
您好[客戶姓名]，
感謝您與我們一起購物。
我們現在正在處理您的訂單 (23190)。您的包裹將 印度數據 在接下來的 2-3 個工作天內運送給您（假日和週末除外）。
當這種情況發生時，您會收到我們的另一封電子郵件。
在範本編輯器中，為標題部分選擇文字。 「我們已收到…」段落將是標題，訊息的其餘部分將複製到正文部分。
接下來點擊正文
文字方塊下方的新增變數兩次以新增兩個變數。複製並貼上第一個變數 – {{1}} – 代替客戶名稱。接下來，複製並貼上第二個變數 – {{2}} – 取代括號內的訂單號碼。
完成後，您的訊息應如下所示。您可以在同一頁面上查看預覽區域。
按一下「提交」以儲存訊息範本。
現在模板已準備就緒，您可以使用 WhatsApp Business Platform 在 Shopify 後台中建立 Webhook，並映射一個應用程序，該應用程式會在客戶下訂單時自動向其發送訊息。
使用 Webhooks 將通知傳送到 Express 伺服器
假設您希望在客戶從您的 Shopify 商店下訂單時向他們發送自動訊息。您可以每隔五分鐘左右檢查一下商店是否有新訂單。然而，不斷向您的商店發送 API 請求效率很低，尤其是在沒有新訂單的情況下。
對於 Webhook 來說
偵聽商店中的「訂單建立」事件並在每次客戶下訂單時通知您會更有效率。
以下是建立「訂單建立」Webhook 並將其對應到 Express 伺服器的基本步驟。
設定 Node.js 項目
首先為您的專案建立一個名為「whatsapp-demo」的資料夾。
接下來，在「whatsapp-demo」中啟動命令終端機 cd 並執行以下命令來初始化 Node.js 專案：
npm初始化-y
透過執行以下命令安裝express ，它是用於在 Node.js 上建立 Web 伺服器的庫：
npm 我表達
現在您的開發環境已設定完畢，您將建立 Express 伺服器。
創建 Express 伺服器
在 Whatsapp-demo 資料夾中建立一個名為 test.js 的檔案。使用您喜歡的源代碼編輯器打開它，並將以下程式碼複製並貼上到其中：
應用程式. Listen ( 3000 , () => console .log ( ‘現在在連接埠 3000 上執行！’ ))
使用上面的程式碼，您已經設定了一個基本的 Express 伺服器，當 Webhook 發送「訂單建立」通知時，該伺服器會在伺服器的終端機上顯示一則訊息。
在將其對應到 Shopify Webhook 之前，您必須先設定隧道。
設定 HTTPS 流量隧道
設定 Webhook 時，Shopify 要求您提供 將 WhatsApp 整合到 用於發送通知的公共 URL。
如果您在公用伺服器上學習本教學課程，請使用其 URL。如果您在本機上按照本教學進行操作，則需要使用可公開存取的 HTTPS URL 建立隧道。
首先，透過執行以下命令安裝ngrok ：
新增用於「訂單建立」的 Webhook，並指定您在上一部分中建立的隧道 URL 或公用 URL。
使用 Node index.js 在不同的終端機上運行本機伺服器，然後按一下Send test notification。
如果一切順利，您將在服務器的終端上收到此訊息：“是的，我們收到了訂單。”
現在您的 Shopify 商店和 Express 伺服器之間已建立有效連線。接下來，您將在客戶下訂單後將 WhatsApp 訊息範本傳送給他們。
使用“order_notification”模板發送自訂訊息
首先，透過在終端機上執行以下命令來安裝Axios ：您將使用 Axios 發出 POST 請求，負責將 WhatsApp 訊息傳送給客戶。