你想在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按鈕在我們網站上的外觀。







