如何給你的WordPress網(wǎng)站添加“一鍵撥打客服電話”功能

時(shí)間：2023-07-24 10:45:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 10:45:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何給你的WordPress網(wǎng)站添加“一鍵撥打客服電話”功能：想要給你的網(wǎng)站添加一個(gè)“一鍵撥打客服電話”的功能嗎？現(xiàn)在越來(lái)越多的人都是用手機(jī)訪問(wèn)網(wǎng)站，添加一鍵撥打電話的功能可以讓訪客們很容易就與你建立聯(lián)系。在本文中，我們將為你展示如何給你的WordPress網(wǎng)站快速添加一鍵撥打電話的按鈕。曾經(jīng)我咨詢過(guò)專業(yè)做網(wǎng)站的公司，添加一個(gè)這樣的功能報(bào)價(jià)要1000塊，你花5分鐘的時(shí)間看完這篇文章就會(huì)省下這1000塊了。

為什么要添加一鍵撥打電話按鈕？

許多小企業(yè)都非常依賴客戶通過(guò)網(wǎng)站進(jìn)行詢價(jià)、售前咨詢或者售后支持。所以這也是為什么我們推薦所有網(wǎng)站都需要添加“聯(lián)系我們”的表單。

但是，各個(gè)行業(yè)都不太一樣，有些用戶更希望能立刻與真人進(jìn)行通話來(lái)了解詳細(xì)信息。

隨著全球移動(dòng)網(wǎng)絡(luò)流量的增長(zhǎng)，用戶覺得直接點(diǎn)擊一個(gè)按鈕就可以打電話來(lái)了解想要產(chǎn)品信息會(huì)更加方便。

如果你正在經(jīng)營(yíng)一個(gè)小公司，那么我們推薦你申請(qǐng)一個(gè)專業(yè)的400電話，你可以設(shè)置電話轉(zhuǎn)接，一個(gè)400電話背后對(duì)應(yīng)好幾個(gè)員工，員工可以在任何地方用自己的手機(jī)來(lái)接聽電話。

那么，我們一起來(lái)看一下，如何給WordPress安裝一鍵撥打電話的按鈕。

方法一：使用插件給WordPress添加一鍵撥打電話按鈕

這種方法比較簡(jiǎn)單，但是缺點(diǎn)是只會(huì)在移動(dòng)端顯示一鍵撥打電話的按鈕。你可以用方法二給所有設(shè)備都添加電話號(hào)碼。

首先在網(wǎng)站上安裝Call Now Button插件并啟用。具體如何安裝插件，請(qǐng)查看我們的教程手把手教你如何在WordPress網(wǎng)站上安裝插件。

插件啟用后，前往“設(shè)置” – “Call Now Button”頁(yè)面對(duì)插件進(jìn)行配置。







首先，勾選Button status后面的選框來(lái)啟用功能。然后在下面輸入電話號(hào)碼。Button text是可選的，你可以展示文字或者隱藏圖標(biāo)。如果留空的話，默認(rèn)會(huì)顯示一個(gè)帶電話圖標(biāo)的按鈕。

點(diǎn)擊 + Advanced settings 可以對(duì)插件進(jìn)一步設(shè)置，例如添加追蹤代碼、調(diào)整位置、哪些頁(yè)面可見、按鈕大小等等。







高級(jí)設(shè)置里的第一個(gè)選項(xiàng)是顏色，你可以改變按鈕的顏色來(lái)匹配網(wǎng)站的主題。

接下來(lái)你可以啟用Google分析追蹤代碼，這可以讓你通過(guò)Google Analytics的報(bào)告來(lái)了解你的用戶是在什么情況下點(diǎn)擊了按鈕的。

最后，你可以有選擇性的在某些文章或頁(yè)面上展示或隱藏按鈕。

設(shè)置完成后，記得點(diǎn)擊保存按鈕。當(dāng)你再手機(jī)上訪問(wèn)網(wǎng)站的時(shí)候就會(huì)看到撥打電話的按鈕了。

方法二：手動(dòng)添加一鍵撥打電話按鈕

這個(gè)方法需要你手動(dòng)添加一鍵撥打電話的按鈕，并將其放在WordPress網(wǎng)站的任何頁(yè)面上。

給網(wǎng)站添加可以點(diǎn)擊撥打的電話最簡(jiǎn)單的方法是就是下面的代碼：

!--這個(gè)鏈接只能在Android和iPhone上起作用，在電腦上也會(huì)顯示，但是點(diǎn)擊后可能會(huì)出錯(cuò) -->

<a href="tel:4001234567">400-123-4567</a>

<a href="tel:4001234567">聯(lián)系我們</a>

上面的鏈接會(huì)在移動(dòng)設(shè)備上打開電話app。在電腦上，Mac用戶會(huì)看到啟用Facetime的選項(xiàng)，而Windows 10用戶會(huì)看到啟動(dòng)Skype的選項(xiàng)。

你也可以用HTML在撥打電話的鏈接旁邊添加一張圖片或者圖標(biāo)。來(lái)看看如何實(shí)現(xiàn)。

首先，在媒體庫(kù)中上傳一張你想要用的圖片，上傳完成后，點(diǎn)擊“編輯”鏈接，在編輯媒體文件的界面，復(fù)制文件的URL，在下一步會(huì)用到。







現(xiàn)在就可以在你想要顯示撥打電話圖標(biāo)的文章、頁(yè)面或者自定義HTML小工具里進(jìn)行編輯了。在編輯區(qū)域，你可以將電話圖標(biāo)放在tel:鏈接里。

<a href="tel:4001234567">
<img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" />
</a>

最后，刷新網(wǎng)頁(yè)，你就可以看到剛剛添加的撥打電話的圖片了。







你可以在鏈接前后添加更多的自定義文字，然后用CSS對(duì)樣式進(jìn)行美化。

在WordPress導(dǎo)航菜單中添加一鍵撥打電話鏈接

在導(dǎo)航菜單中也是可以添加一鍵撥打電話功能的。前往“外觀” – “菜單”頁(yè)面，點(diǎn)擊自定義鏈接標(biāo)簽。然后按照下面的形式，將電話號(hào)碼添加到URL一欄：

tel:4001234567

然后，添加你想顯示的文字，點(diǎn)擊“添加到菜單”按鈕。







接下來(lái)，訪問(wèn)你的網(wǎng)站就可以在導(dǎo)航欄看到剛添加的“一鍵撥打電話”鏈接了。







希望通過(guò)這篇文章讓你學(xué)會(huì)了如何在WordPress網(wǎng)站上添加一鍵撥打電話的按鈕，你還可以看看這篇如何利用QQ郵箱開通使用自己網(wǎng)站域名的專業(yè)郵箱的文章。