如何在 WordPress 中點擊通話鏈接(一步一步)

已發表: 2021-08-19

您是否知道 2020 年 68% 的網絡訪問來自手機?

同樣,僅在 2021 年第一季度,手機(不包括平板電腦)就佔全球網站流量的 54.8%。

因此,許多企業在其網站上除了電子郵件地址外,還包含一個可點擊的聯繫號碼。 這個想法是讓訪問者只需單擊一下即可撥打電話並取得聯繫。 您也可以通過點擊通話鏈接將此類電話鏈接添加到您的網站。

不知道我們在說什麼?

別擔心。 本文將逐步指導如何在 WordPress 中創建點擊通話鏈接。 隨著您的深入,我們還將解釋 WordPress 中的可點擊數字是什麼以及您需要它的原因。

讓我們從介紹開始:

目錄

  • 什麼是 WordPress 中的點擊通話鏈接?
  • 為什麼要在 WordPress 中添加點擊通話鏈接?
  • 點擊通話鏈接如何工作
  • 如何在 WordPress 中創建點擊通話鏈接
    • 方法一:使用插件製作點擊通話鏈接
    • 方法 2:使用 HTML 添加點擊通話鏈接
    • 方法 3:在 WordPress 標頭中添加點擊通話鏈接
  • 經常問的問題
    • 如何在 HTML 中製作點擊調用鏈接?
    • 點擊通話如何運作?
    • 如何在網站上添加立即呼叫按鈕?
  • 結論

什麼是 WordPress 中的點擊通話鏈接?

基本上,點擊通話鏈接是一個可點擊的鏈接,讓您的移動用戶只需單擊您添加到您網站的聯繫信息即可致電您的公司。 移動用戶的數量正在增加,手機上的互聯網訪問量相當高。 因此,點擊通話鏈接在大多數網站中被廣泛使用。

為什麼要在 WordPress 中添加點擊通話鏈接?

您的客戶可以通過多種方式與您的企業溝通,例如實時聊天、電子郵件、聯繫表格和支持票。

所有這些都是可靠和有用的。 然而,當人們有具體的問題或疑問時,他們更喜歡直接打電話。 這使他們感到在個人層面上受到關注,並可能增加他們的滿意度。

如果您考慮他們的觀點,只需輕按一下即可快速聯繫,可以節省他們的時間。 此外,點擊通話鏈接更方便,因為無需記住和撥打號碼。

因此,點擊通話電話鏈接更方便,更容易讓您的訪問者與您的公司取得聯繫。

點擊通話鏈接如何工作

點擊通話鏈接是一個 HTML 超鏈接,可引導您的訪問者與您實時聯繫。 HTML 5 包括 tel: 和 mailto: 網絡瀏覽器可以使用的協議。

每個瀏覽器對這些協議的響應不同。 例如,一些瀏覽器在手機上啟動手機應用程序,並自動添加顯示的號碼,等待您點擊手機的通話按鈕。 其他一些瀏覽器直接撥打電話,而另一些瀏覽器則在用戶單擊電話號碼鏈接時詢問是否可以撥打電話。

由於點擊通話鏈接是 HTML,因此您可以將其添加到網站的任何位置,例如側邊欄、頁眉、頁腳、小部件內或您的內容。

在 WordPress 中使用點擊通話鏈接的另一個重要優勢是使您的營銷具體化。 您可以跟踪您網站上的電話號碼點擊次數,並了解訪問者來自何處訪問您的網站。 您可以使用這些信息來創建個性化的營銷活動,並在正確的時間向正確的人展示正確的信息。

如何在 WordPress 中創建點擊通話鏈接

在 WordPress 中有三種方法可以創建和添加點擊通話鏈接。 我們已逐步詳細說明它們。 在下面閱讀它們:

方法一:使用插件製作點擊通話鏈接

插件使在經典編輯器、古騰堡、側邊欄和粘性浮動按鈕中創建和添加點擊通話按鈕變得更加容易。 以下是步驟:

第 1 步:安裝和激活插件

  • 轉到您的 WordPress 儀表板。 單擊插件 > 添加新選項
從儀表板添加新插件
  • 搜索“ WP Call Button ”插件。 安裝並激活它。
安裝和激活 WP Call Button 插件

第 2 步:配置插件

激活 WP Call Button 插件後,您需要對其進行配置。 轉到儀表板上的設置> WP呼叫按鈕選項。

配置 WP Call Button 插件

您可以使用粘滯呼叫按鈕或靜態呼叫按鈕選項配置插件。 當用戶滾動和瀏覽您的網站時,粘性按鈕會隨著用戶一起移動,而靜態按鈕則保持靜止。

配置 WP 呼叫按鈕的兩個選項

#配置粘滯呼叫按鈕

首先,打開立即呼叫按鈕狀態以激活您網站的粘性呼叫按鈕功能。 創建粘滯呼叫按鈕時,您會發現四種標准設置。 相應地填寫信息:

  • 呼叫按鈕文本- 輸入您的電話號碼將在您的網站上顯示的內容。 您還可以添加您的國家代碼。
  • 按鈕位置- 配置按鈕在您的網站上的顯示方式。
  • 呼叫按鈕顏色– 選擇呼叫按鈕的顏色。
  • 可見性——隱藏某些頁面上的通話按鈕。

如果您想在移動設備上而不是在桌面上顯示呼叫按鈕,您可以只為移動設備打開呼叫按鈕。 最後保存更改。

僅移動設備上的通話按鈕

現在,您的站點上會出現一個隨滾動條移動的呼叫按鈕。

粘滯呼叫按鈕預覽

#配置靜態呼叫按鈕

如果您在 WordPress 經典編輯器上運行,則需要配置靜態調用按鈕。

  • 轉到頂部的靜態呼叫按鈕選項卡。
  • 現在,輸入呼叫按鈕文本並選擇呼叫按鈕顏色
  • 這樣做會在最後生成一個簡碼。 你需要復制它。
複製靜態呼叫按鈕的簡碼

現在,將短代碼粘貼到您要添加呼叫按鈕的頁面/帖子中。 我們建議將其粘貼在您的聯繫頁面上。 靜態呼叫按鈕在那裡更有意義。

它看起來像這樣:

靜態調用按鈕預覽

您還可以使用塊編輯器發布呼叫按鈕,如下所示:

  • 單擊塊編輯器上的添加圖標。
  • 選擇WP 呼叫按鈕選項。
在塊編輯器中添加 WP Call 按鈕
  • 您可以在右側調整呼叫按鈕顏色、字體大小、位置等。

將呼叫按鈕添加到小部件

您還可以將呼叫按鈕添加到側邊欄、頁腳、頁眉和其他位置等小部件。 方法如下:

  • 轉到儀表板上的外觀 > 小部件
轉到小部件
  • 滾動到WP 呼叫按鈕小部件。
  • 將其拖到頁腳、頁眉、側邊欄或您要添加呼叫按鈕的其他小部件區域。
將 WP Call Button 小部件添加到側邊欄
  • 您也可以單擊它並選擇要添加小部件的位置。
  • 單擊“編輯”按鈕可調整標題、描述、顏色等。
編輯 WP 呼叫按鈕小部件

因此,這就是您使用WP Call Button 插件製作點擊點擊按鈕的方式。 這是在您的 WordPress 網站上添加呼叫按鈕的最簡單、最方便的方法。 它是一個免費工具,還與 Google Analytics 集成。

方法 2:使用 HTML 添加點擊通話鏈接

您還可以使用 HTML 片段手動添加點擊通話鏈接。 此方法使用簡單的 HTML 代碼片段在手機上打開手機鏈接。 在 Windows 10 上,它打開 Skype,而在 Mac 上,它打開 Facetime。

您可以使用 HTML 添加呼叫按鈕鏈接,如下所示:

  • 首先,打開您要在其中添加您的公司電話號碼和您的國家/地區代碼的帖子或頁面。
  • 添加一個 HTML 塊。
添加 HTML 塊

現在,在該 HTML 塊中添加以下代碼片段:

 <!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked --> <a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a>
  • 最後,將其發布以在您的網站上查看。

您可以在點擊通話鏈接旁邊添加圖標或圖像。 方法如下:

  • 轉到儀表板上的媒體 > 添加新選項。
添加新媒體
  • 上傳您的圖標。
  • 現在,在上傳完成後編輯圖標。
  • 從編輯屏幕複製文件 URL。
複製媒體 URL

最後,轉到您要在其中添加帶有圖標的呼叫鏈接的帖子/頁面。 像以前一樣添加一個 HTML 塊並粘貼以下代碼片段:

 <a href="tel:+15555551212"><img src="paste-url-here" alt="Call us" /></a>
  • 不要忘記將此處的 URL 替換為您之前複製的 URL。 然後發布它。

方法 3:在 WordPress 標頭中添加點擊通話鏈接

您還可以選擇在網站的標題或導航菜單中添加點擊通話鏈接。 這樣,呼叫按鈕將是您的訪問者首先註意到的。 要使用此方法添加通話鏈接,請按以下步驟操作:

  • 轉到儀表板上的外觀 > 菜單選項。
前往菜單
  • 單擊右側欄中的“自定義鏈接”選項。
  • URL中輸入您的電話號碼,格式為“Tel:+144444444”。
  • 鏈接文本字段中,輸入您要為呼叫鏈接提供的標籤。
  • 單擊“添加到菜單”按鈕。
在菜單中添加自定義鏈接

經常問的問題

如何在 HTML 中製作點擊調用鏈接?

您可以通過在 WordPress HTML 塊中添加以下代碼來在 HTML 中創建點擊調用鏈接:

<!–此鏈接適用於 Android 和 iPhone。 桌面用戶可以看到,但點擊時會報錯 –>
<a href="電話:+ 15555551212"> +1 (555) 555-1212</a>
<a href="tel: 15555551212">給我打電話</a>

將突出顯示的部分替換為您的業務聯繫號碼。

點擊通話如何運作?

Click-to-call 是一個 HTML 鏈接,適用於 tel: 和 mailto: 協議。 這些協議允許瀏覽器請求調用和發起對話。

如何在網站上添加立即呼叫按鈕?

您可以使用WP Call Button插件在您的網站上添加一個立即呼叫按鈕,或手動輸入您的 WordPress HTML 代碼片段。 我們已經詳細解釋了這些方法。 去看一下。

結論

因此,這些是在 WordPress 中創建點擊通話鏈接的三種簡單方法。 我們建議使用該插件,因為它是一種更快、更安全、更方便的方法。 與其他方法相比,任何級別的用戶都會發現它更容易和方便。 但是,手動方法也同樣有效。 但是,您需要在這里和那裡更多地處理代碼。

你覺得哪種方法容易? 讓我們在評論中知道。