如何在WordPress中添加點擊通話按鈕(逐步)


您是否要在WordPress中添加點擊通話按鈕? 隨著越來越多的人使用智能手機訪問您的網站,添加點擊通話按鈕可以使他們更輕鬆地與您聯繫。 在本文中,我們將向您展示如何在WordPress網站中輕鬆添加點擊通話按鈕。

在WordPress中添加點擊通話按鈕

為什麼要在WordPress中添加點擊通話按鈕

許多小型企業網站都依靠客戶與他們聯繫以獲取報價,售前信息或支持。

因此,我們建議向所有網站所有者添加聯繫表。

但是,根據行業的不同,某些用戶可能希望立即與他人交談。

隨著全球範圍內移動Web流量的增加,通常用戶發現只需輕按一下即可獲取所需信息更加方便。

如果您剛開始做生意,我們建議您尋求專業的商務電話服務,以便您可以在任何地方(而不是座機)使用手機進行呼叫轉移,與員工共享號碼並接聽電話。

話雖如此,讓我們看一下如何輕鬆地在WordPress中添加點擊通話按鈕。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

方法1.使用插件在WordPress中添加“立即點擊通話”按鈕

此方法更簡單,建議所有用戶使用。 它使您可以輕鬆地在Gutenberg,Classic編輯器,WordPress側邊欄小部件,甚至粘性浮動呼叫按鈕中創建點擊通話按鈕。

您需要做的第一件事是在您的站點上安裝並激活WP Call Button插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»WP呼叫按鈕 頁面以配置插件設置。

WordPress通話按鈕

第一個設置頁面用於最常用的功能,即“粘滯呼叫按鈕”,該按鈕在用戶瀏覽您的網站時隨用戶滾動。

這項經過高度轉化優化的功能可幫助您更快地吸引更多來電並完成更多交易。

首先,需要輸入您希望人們撥打的公司電話號碼。 WP呼叫按鈕插件使用智能手機字段,這意味著您只需選擇您的國家/地區,它將自動以適當的格式添加國家/地區代碼。

注意: 如果您沒有公司電話號碼,則可以從Nextiva獲得一個。 這是我們用於公司VoIP電話的公司。

接下來,您可以選擇添加呼叫按鈕文本,選擇位置並選擇按鈕顏色。

默認情況下,該插件將在所有頁面和所有設備上添加一個點擊通話按鈕。 但是,您可以選擇僅在某些頁面上顯示它,或僅顯示移動設備。

完成後,單擊頂部的激活開關,然後單擊“保存更改”按鈕以存儲您的設置。

之後,您可以訪問您的網站以查看通話按鈕。

WordPress點擊通話按鈕

如果要在WordPress聯繫人頁面,關於頁面或任何其他帖子/頁面中添加靜態呼叫按鈕,則有兩個選擇。

如果您使用的是新的WordPress區塊編輯器,則只需創建或編輯現有頁面即可。 接下來,您需要通過單擊“ +”圖標來添加WP呼叫按鈕塊。

呼叫按鈕古騰堡

WordPress呼叫按鈕塊帶有許多自定義選項,例如自定義按鈕顏色,按鈕文本,字體大小以及顯示或隱藏電話圖標的功能。

添加按鈕後,它將允許用戶單擊並撥打您在WP呼叫按鈕設置頁面中指定的電話號碼。

現在,如果您使用的是WordPress經典編輯器,則需要使用“靜態呼叫按鈕”生成器來獲取簡碼。

只需轉到 設置»WP呼叫按鈕 然後單擊頂部的“靜態呼叫按鈕”菜單。

WordPress呼叫按鈕簡碼

接下來,您可以自定義呼叫按鈕的文本,顏色,並選擇要顯示還是隱藏電話圖標。 之後,只需複制下面的簡碼,然後將其粘貼到要添加它的帖子或頁面中即可。

WP呼叫按鈕插件還允許您使用側邊欄小部件在網站側邊欄中添加呼叫按鈕。

為此,您需要 外觀»小部件 並將WP Call Button窗口小部件拖動到您的窗口小部件就緒區域。

WordPress呼叫按鈕側欄小部件

該小部件可讓您添加小部件標題和描述。 您可以單擊“高級設置”鏈接來自定義呼叫按鈕文本和呼叫按鈕文本。

閱讀此書後,您可能會明白為什麼WP Call按鈕是迄今為止市場上最簡單,最全面的WordPress Click to Call按鈕插件。

最好的部分是它是100%免費的,並且與Google Analytics(分析)無縫集成。

您需要做的就是使用MonsterInsights插件,它將自動跟踪有多少人點擊您的通話按鈕,以及哪些頁面為您帶來了最多的潛在客戶,因此您可以專注於哪些方面可以更快地發展您的業務!

方法2。在WordPress中手動添加單擊以致電按鈕

這種方法使您可以在WordPress網站上的任意位置手動添加點擊通話按鈕和鏈接。

將可點擊的電話號碼添加到您的網站的最簡單方法是像這樣添加它們:


+1 (555) 555-1212 
 
Call Me

這些鏈接將在移動設備上打開電話應用程序。 在台式計算機上,Mac用戶將看到在Facetime中打開鏈接的選項,而Windows 10用戶將看到在Skype中打開鏈接的選項。

您還可以使用HTML在點擊通話文字鏈接旁邊添加圖片或圖標。

讓我們看看如何執行此操作。

首先,您需要訪問 媒體»添加新 頁面並上傳您要使用的圖像。 上傳圖像後,您需要單擊“編輯”鏈接以繼續。

上載電話圖標

這將帶您進入編輯媒體屏幕,您需要在其中復製文件URL。 您將在下一步中使用它。

現在,您可以在要顯示點擊通話電話圖標的位置編輯帖子,頁面或自定義HTML小部件。 現在,在編輯區域中,您可以添加包裹在tel:鏈接中的電話圖標圖像。

給我們打電話 

完成後,您可以訪問您的網站以查看帶有您上傳的圖片的點擊通話鏈接。

帶有圖像圖標的點擊通話按鈕

您可以通過在鏈接之前或之後添加更多文本來進一步自定義此樣式,並使用自定義CSS設置樣式。

點擊通話按鈕可顯示更多文字和CSS樣式

將點擊通話鏈接添加到WordPress導航菜單

您還可以將點擊通話鏈接添加到WordPress導航菜單中。

只需轉到 外觀»菜單 頁,然後點擊右列中的“自定義鏈接”標籤。 現在,您可以按以下格式在鏈接字段中添加電話號碼:

tel:+155555555

之後,添加您要顯示的文本,然後單擊“添加到菜單”按鈕。

將點擊通話鏈接添加到導航菜單

接下來,訪問您的網站以查看點擊通話鏈接的運行情況。

導航中的呼叫鏈接

是否要在導航菜單中的點擊通話鏈接旁邊添加圖片圖標? 請參閱我們的文章,了解如何在WordPress中使用導航菜單添加圖像圖標。

我們希望本文能幫助您學習如何在WordPress中添加點擊通話按鈕。 您可能還想查看有關如何創建免費公司電子郵件地址的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。