你想在WordPress中添加WhatsApp聊天框和分享按鈕嗎？WhatsApp 是最受歡迎的消息傳遞平臺之一，在全球擁有約 2 億用戶。添加Whatsapp共享按鈕將允許您與客戶建立聯系并建立用戶參與度，添加聊天框按鈕將允許用戶直接通過您的網站向您發送消息。在本文中，我們將向您展示如何在WordPress中輕松添加WhatsApp共享按鈕。
為什么要在WordPress中添加WhatsApp按鈕？
WhatsApp是一款即時通訊應用程序，允許世界各地的人們輕松相互聯系。
在您的WordPress網站上添加WhatsApp共享按鈕將允許訪問者輕松地與他們的聯系人共享您的內容。
此外，您還可以添加一個WhatsApp聊天框，使用戶能夠與您進行直接對話。
例如，如果您有一個在線商店，那么客戶可以使用WhatsApp聊天按鈕進行產品查詢，而無需填寫任何表格或通過客戶支持。
它可以提高用戶參與度并降低購物車放棄率。
方法1：在WordPress中添加WhatsApp Share按鈕
如果您想將WhatsApp共享按鈕添加到您的網站，那么此方法適合您。
首先，您需要安裝并激活時髦的社交共享插件。
激活后，您需要從管理員側邊欄訪問時髦的社交共享菜單。
從這里，您需要切換到頂部的“標準界面”選項卡。
然后，您需要向下滾動到“選擇共享服務”部分，只需選中WhatsApp選項旁邊的框即可。
您還可以為其他社交媒體平臺添加“共享”按鈕，包括Facebook，Instagram，Pinterest，Twitter等。
完成后，不要忘記單擊“保存更改”按鈕以存儲您的設置，然后您可以前往“主題選擇' 標簽。
從這里，您可以通過更改共享按鈕的大小、形狀、徽標或背景顏色等來自定義共享按鈕。最好使用WhatsApp品牌顏色作為共享按鈕，以便用戶更容易識別它。
完成后，不要忘記單擊“保存更改”按鈕來存儲您的設置。
您現在可以訪問您的網站以查看您的WhatsApp共享按鈕的運行情況。
這是它在我們的演示網站上的外觀。
不想將WhatsApp按鈕添加到每個頁面？不用擔心，該插件還允許您輕松地將其添加到單個帖子和頁面中。
在塊編輯器中添加WhatsApp共享按鈕
如果您只想在特定帖子和頁面上顯示WhatsApp共享按鈕，那么首先您需要關閉共享按鈕的全局顯示。
為此，只需轉到WordPress管理側邊欄中的時髦社交共享頁面，然后切換到“標準界面”選項卡。
接下來，您需要取消選中“啟用標準共享界面”選項的框。
接下來，切換到“浮動界面”選項卡。
從這里，取消選中“啟用浮動共享界面”選項旁邊的框。
現在您已經禁用了標準和浮動的社交共享按鈕，您可以繼續使用短代碼將WhatsApp共享按鈕到您網站上的任何頁面或帖子。
只需在內容編輯器中打開要顯示WhatsApp共享按鈕的帖子或頁面，也可以創建一個新帖子或頁面。
從這里，只需單擊左上角的添加塊（+）按鈕，然后搜索“簡碼”塊。之后，只需將塊添加到頁面即可。
接下來，您需要復制以下簡碼并將其粘貼到“簡碼”塊中。
[Sassy_Social_Share]
完成后，只需單擊“發布”或“更新”按鈕即可存儲更改。你的WhatsApp Share按鈕將看起來像這樣。
將WhatsApp共享按鈕添加為小部件
要將WhatsApp共享按鈕添加到網站的側邊欄，您需要從管理側邊欄訪問外觀?小部件頁面。
從這里，只需單擊左上角的添加塊（+）按鈕，然后找到“簡碼”塊。
接下來，您需要將“簡碼”塊添加到側邊欄。
之后，只需將以下短代碼復制并粘貼到塊中即可。
[Sassy_Social_Share]
接下來，單擊“更新”按鈕以存儲您的設置。
這就是您的WhatsApp共享按鈕添加到網站側邊欄后的外觀。
在完整網站編輯器中添加 WhatsApp 分享按鈕
如果您使用的是塊主題，那么您將使用完整的站點編輯器，并且無法訪問“小部件”頁面。
首先，您需要從管理側邊欄中訪問外觀?編輯器選項以啟動完整的站點編輯器。
接下來，您需要單擊屏幕頂部的“添加塊”（+）按鈕，然后將“簡碼”塊添加到您網站上的任何合適位置。
之后，將以下簡碼添加到塊中。
[Sassy_Social_Share]
完成后，單擊頂部的“保存”按鈕。
這就是WhatsApp分享按鈕在我們的演示網站上的樣子。
方法2：在WordPress中添加WhatsApp聊天框按鈕
此方法允許您在WordPress中添加WhatsApp聊天框按鈕。
這意味著當用戶點擊WhatsApp聊天按鈕時，他們將能夠通過您的WhatsApp電話號碼向您發送直接消息。
注意： 您不會直接在WordPress儀表板中收到任何消息，但您將能夠在WhatsApp移動應用程序，Web界面和桌面軟件中像往常一樣聊天。
首先，您需要安裝并激活點擊聊天插件。
激活后，您需要轉到已添加到WordPress管理儀表板側邊欄中的“單擊以聊天”菜單項。
從這里開始，您需要首先在“WhatsApp號碼”字段中輸入您的公司電話號碼。
這將是您將在其中接收用戶消息的電話號碼。
之后，您需要在“預填充消息”字段中輸入一條簡單的消息。這將是將顯示在您的WhatsApp聊天窗口中的默認消息。
接下來，您需要向下滾動到“樣式，位置”部分。
您可以首先從下拉菜單中選擇WhatsApp聊天框的樣式。默認情況下，此插件提供大約 8 種不同的樣式。只需選擇您喜歡的那個。
之后，您需要向下滾動到“位置到位置”部分。
從這里，您可以從下拉菜單中選擇聊天框的位置和大小。
接下來，您需要轉到“顯示設置”部分。
在這里，您只需要選中要顯示WhatsApp聊天框的選項旁邊的“全局”框。
例如，如果要在帖子，頁面和類別頁面上顯示聊天框，則需要選中“全局”選項。
如果您不想在某個頁面上顯示WhatsApp聊天框，也可以選擇“隱藏”選項。
最后，不要忘記單擊“保存更改”按鈕來存儲您的設置。
現在，您需要轉到“單擊以聊天”?“問候語”頁面，以從下拉菜單中選擇“問候語”對話框。
此問候語對話框將與頁面上的WhatsApp按鈕一起顯示。
做出選擇后，您需要鍵入問候語對話框的標題、主要內容和號召性用語的內容。
之后，向下滾動到“可定制設計”部分。
到達此處后，您可以選擇主要內容，標題和消息框的背景顏色。
之后，只需單擊“保存更改”按鈕即可存儲您的設置
接下來，您需要訪問您的網站。
默認情況下，這就是您的WhatsApp聊天框的外觀。
現在，我們將向您展示如何在塊編輯器、小部件和完整站點編輯器中輕松添加 WhatsApp 聊天按鈕。
在塊編輯器中添加WhatsApp聊天按鈕
您可以使用塊編輯器輕松地將WhatsApp按鈕添加到特定頁面或發布到WordPress網站上。
在本教程中，我們將向頁面添加WhatsApp按鈕。
首先，您需要從管理員側邊欄轉到頁面?添加新頁面。
這將啟動塊編輯器。
現在，您需要單擊屏幕左上角的“添加塊”（+）按鈕，然后單擊“簡碼”塊。
添加“簡碼”塊后，您需要將以下簡碼復制并粘貼到塊中。
[ht-ctc-chat]
之后，只需單擊頂部的“發布”按鈕。
這就是WhatsApp按鈕在我們的演示網站上的外觀。
將WhatsApp聊天按鈕添加為小部件
在這種方法中，我們將向您展示如何輕松地將WhatsApp按鈕添加為網站側邊欄中的小部件。
首先，您需要從WordPress側邊欄轉到外觀?小部件頁面。
到達那里后，只需單擊“側邊欄”選項卡將其展開，然后單擊頂部的“添加塊”（+）按鈕。
接下來，只需找到并將“簡碼”塊添加到側邊欄。
現在，只需將以下短代碼復制并粘貼到塊中即可。
[ht-ctc-chat]
最后，不要忘記單擊“更新”按鈕來存儲您的設置。
這是WhatsApp按鈕添加到我們演示網站的側邊欄后的外觀。
在完整站點編輯器中添加WhatsApp聊天按鈕
如果您將基于塊的主題與完整的站點編輯器一起使用，那么此方法適合您。
首先，轉到外觀?編輯器頁面以啟動完整的站點編輯器。
在那里，只需單擊屏幕左上角的“添加塊”（+）按鈕。
現在，只需找到“簡碼”塊并將其添加到您在網站上的首選位置即可。
添加塊后，只需將以下簡碼復制并粘貼到塊中即可。
[ht-ctc-chat]
最后，不要忘記單擊頂部的“更新”按鈕以保存更改。
這就是WhatsApp按鈕在我們網站上的外觀。
