如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

隨著即時(shí)通訊的普及,越來越多的企業(yè)和網(wǎng)站選擇通過 WhatsApp 與客戶進(jìn)行實(shí)時(shí)互動(dòng)。如果想在 WordPress 網(wǎng)站上添加一個(gè)浮動(dòng)的 “點(diǎn)擊文本 WhatsApp” 按鈕,方便訪客能夠快速與網(wǎng)站客服聯(lián)系,今天的教程將告訴你們?nèi)绾瓮ㄟ^ WP Chat App 插件,在幾分鐘內(nèi)免費(fèi)完成這一功能。

圖片[1]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

什么是 WP Chat App 插件?

WP Chat App 是由 Ninja Team 開發(fā)的一款 WordPress 插件,允許網(wǎng)站管理員在網(wǎng)站上集成 WhatsApp、Telegram 等即時(shí)通訊工具的聊天按鈕。該插件能通過浮動(dòng)按鈕方便地展示 WhatsApp 聊天功能,提供多種自定義選項(xiàng),幫助網(wǎng)站管理員根據(jù)需求調(diào)整按鈕的樣式、顯示方式等。它也支持手機(jī)和桌面設(shè)備,確保訪客能夠輕松與網(wǎng)站客服進(jìn)行溝通。

WP Chat App 插件的優(yōu)勢(shì)

  1. 簡(jiǎn)單易用:插件安裝和設(shè)置非常簡(jiǎn)單,幾分鐘內(nèi)就能完成所有配置,適合任何 WordPress 用戶,無論是新手還是有經(jīng)驗(yàn)的開發(fā)者。
  2. 浮動(dòng)按鈕設(shè)計(jì):按鈕可以浮動(dòng)在頁(yè)面上,無論用戶滾動(dòng)頁(yè)面到哪,按鈕都會(huì)保持可見,確保用戶能夠隨時(shí)發(fā)起聊天。
  3. 移動(dòng)端優(yōu)化:考慮到大多數(shù)用戶通過手機(jī)瀏覽網(wǎng)站,WP Chat App 插件特別優(yōu)化了移動(dòng)端體驗(yàn),確保訪客能方便地在手機(jī)上與網(wǎng)站客服聯(lián)系。
  4. 完全免費(fèi):插件的基本版本完全免費(fèi),滿足大部分用戶的需求。如果需要更高級(jí)的功能,可以選擇 Pro 版進(jìn)行擴(kuò)展。
圖片[2]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

如何安裝和配置 WP Chat App 插件

步驟 1:安裝插件

首先,需要安裝并激活 WP Chat App 插件。請(qǐng)按照以下步驟操作:

  • 在 WordPress 儀表盤中,點(diǎn)擊 插件 > 添加新插件
  • 在搜索框中輸入 WP Chat App。
  • 找到由 Ninja Team 提供的WP Chat App插件后,點(diǎn)擊 安裝,然后點(diǎn)擊 激活。
圖片[3]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

步驟 2:創(chuàng)建 WhatsApp 賬戶

插件安裝并激活后,接下來需要?jiǎng)?chuàng)建一個(gè) WhatsApp 賬戶以便與訪客互動(dòng):

  • 在左側(cè)菜單中找到并點(diǎn)擊 WP Chat App。
  • 點(diǎn)擊 創(chuàng)建新賬戶,為其設(shè)置一個(gè)標(biāo)題(例如,”WhatsApp 聯(lián)系我”)。
  • 輸入有效的 WhatsApp 電話號(hào)碼并點(diǎn)擊 創(chuàng)建。
圖片[4]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

步驟 3:配置浮動(dòng)按鈕

配置浮動(dòng) WhatsApp 按鈕是插件的核心功能,按照以下步驟進(jìn)行設(shè)置:

  • WP Chat App 頁(yè)面,選擇 浮動(dòng)小部件。
  • 在設(shè)計(jì)選項(xiàng)中,選擇你們的賬戶并進(jìn)入設(shè)計(jì)部分??梢愿鶕?jù)需要調(diào)整:
    • 按鈕文本:為按鈕設(shè)置顯示標(biāo)簽或不顯示標(biāo)簽,可以選擇添加一些個(gè)性化文本,如“聯(lián)系我們”。
    • 顏色和寬度:調(diào)整按鈕的顏色和尺寸,使其與網(wǎng)站風(fēng)格相匹配。默認(rèn)設(shè)置已能清晰展示 WhatsApp 按鈕。
  • 調(diào)整其他設(shè)置(例如顯示動(dòng)畫、按鈕位置等),確保按鈕足夠吸引訪客的注意。
圖片[5]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

步驟 4:設(shè)置顯示規(guī)則

接下來,可以設(shè)置按鈕的顯示規(guī)則:

  • 進(jìn)入 顯示設(shè)置,可以選擇 在桌面端顯示或隱藏 按鈕(因?yàn)樵谧烂娑送ㄟ^ WhatsApp 聊天較為不便)。
  • 確保在 移動(dòng)端 顯示按鈕,以便用戶通過手機(jī)可以方便地點(diǎn)擊按鈕與互動(dòng)。
  • 點(diǎn)擊 保存設(shè)置,然后刷新網(wǎng)站頁(yè)面。
圖片[6]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

步驟 5:預(yù)覽和使用

當(dāng)訪問網(wǎng)站時(shí),無論是在桌面設(shè)備還是移動(dòng)設(shè)備上,訪客都會(huì)看到一個(gè)浮動(dòng)的 WhatsApp 按鈕。點(diǎn)擊按鈕后,用戶可以直接通過 WhatsApp 向網(wǎng)站客服發(fā)送消息,從而開啟與網(wǎng)站客服之間的對(duì)話。

圖片[7]-如何在 WordPress 網(wǎng)站上添加浮動(dòng) WhatsApp 聊天按鈕(免費(fèi)版)

總結(jié)

使用 WP Chat App 插件,可以輕松地在 WordPress 網(wǎng)站上添加浮動(dòng)的 WhatsApp 聊天按鈕,方便訪客通過 WhatsApp 與網(wǎng)站客服實(shí)時(shí)溝通。無論是客戶支持、技術(shù)咨詢,還是潛在客戶的聯(lián)系,實(shí)時(shí)聊天無疑是提高用戶體驗(yàn)、增強(qiáng)網(wǎng)站互動(dòng)性的重要工具。

如果想了解更多WordPress相關(guān)的教程和資訊,請(qǐng)關(guān)注光子波動(dòng)網(wǎng),擁有最全的WordPress教程和最活躍的WordPress交流社區(qū)。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:初季
THE END
喜歡就支持一下吧
點(diǎn)贊12 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無評(píng)論內(nèi)容