如何輕鬆添加呼叫按鈕到WordPress(一步一步)

[ad_1]

想在WordPress網站上添加「立即通話」按鈕嗎?向您的網站添加「立即呼叫」按鈕可讓訪問者更輕鬆地通過您的網站直接呼叫您。

事實上,幾乎一半的互聯網流量來自移動設備,因此如果您的網站沒有現在的通話按鈕,您可能會失去很多潛在的潛在客戶。

在今天的文章中,我們將向您展示如何使用插件和沒有插件輕鬆地將調用按鈕添加到您的WordPress網站。

為什麼要在您的網站上添加立即呼叫按鈕?

向您的網站添加「立即呼叫」按鈕對您和您的企業來說都是非常有利的。

這樣,訪問者就可以方便,輕鬆地從您的網站上與您取得聯繫。

通過WordPress網站上的「立即呼叫」按鈕,您實際上將網站流量轉換為有價值的潛在客戶。通過集成專業的商務電話服務,您可以與員工共享號碼,進行呼叫轉移等。

讓我們來看看如何向WordPress添加一個現在調用按鈕。

方法1:使用插件添加立即調用按鈕

向WordPress添加現在調用按鈕的最簡單方法是使用 WP呼叫按鈕 插入。

使用此插件,您可以輕鬆添加立即調用按鈕,而無需編寫任何代碼。您也可以使用經典編輯器或Gutenberg編輯器進行操作,無論您的網站上有哪些活動。

首先, 安裝並激活WP Call Button插件 在您的網站上。安裝後,是時候配置插件了。

配置立即調用按鈕插件以添加粘滯按鈕

激活插件後,轉到WordPress儀錶板上的設置»WP呼叫按鈕。在此頁面中,您將看到3個不同的選項卡。

  • 粘滯的通話按鈕
  • 靜態呼叫按鈕
  • 關於我們

通過粘貼呼叫按鈕選項卡,您可以向WordPress網站添加粘滯呼叫按鈕。這意味著無論您向下滾動頁面多遠,該按鈕都將可見。

wp通話按鈕,現在撥打電話

讓我們繼續並打開「立即呼叫」按鈕狀態。然後輸入您希望訪問者呼叫的業務聯繫號碼。

如果您沒有公司電話號碼,那麼您可以從中獲得一個 的Nextiva。這是我們用於我們的公司 商務VoIP電話

然後,您可以處理現在呼叫按鈕的外觀。

現在打電話按鈕

您可以選擇添加按鈕文本,選擇其位置和顏色。您還可以選擇要顯示按鈕的位置。默認情況下,該按鈕將顯示在您網站的所有頁面上。但如果您願意,也可以將其隱藏在某些頁面中。

完成這些更改後,請單擊頁面末尾的「保存」按鈕。而已。您的訪問者現在可以直接通過您的網站給您註冊您的註冊商家號碼。

B.添加靜態呼叫按鈕到您的網站

您還可以在網站上添加靜態呼叫按鈕。讓我們看看如何在Classic編輯器和Gutenberg編輯器上執行此操作。

使用經典編輯器

要添加按鈕,請轉到設置»WP呼叫按鈕»靜態呼叫按鈕

在此頁面中,您將看到一些自定義選項。使用這些選項,您可以更改按鈕的文本和顏色。如果需要,您甚至可以從按鈕隱藏電話​​圖標。但是,我們建議您不要這樣做,因為手機圖標可以幫助您向用戶發送有關其用途的明確信息。

完成所有更改後,只需複製短代碼並將其粘貼到頁面上或發布到您想要顯示按鈕的位置。就這樣。您現在的通話按鈕現在會反映在您的網站帖子或頁面上。

使用古騰堡編輯器

如果您使用的是Gutenberg編輯器,只需轉到您要顯示現在呼叫按鈕的特定頁面。您可以編輯現有頁面或創建新頁面。現在,您可以使用「+」符號添加WP Call Now塊。

您將在此處擁有與經典編輯器相同的自定義選項。您還可以更改按鈕文本和顏色以匹配您網站的外觀。如果需要,您還可以隱藏或顯示按鈕上的電話圖標。完成自定義後,保存設置。

如果是現有帖子,則必須單擊按鈕的「更新」按鈕才能開始工作。如果是新帖子,請務必點擊「發布」按鈕。您的按鈕應立即顯示在您的帖子上。

添加「立即呼叫」按鈕到小組件

使用WP呼叫按鈕,您可以將現在的呼叫按鈕添加到您網站的小部件區域。要做到這一點,您只需要轉到儀錶板並單擊外觀»小部件。

現在拖動按鈕選項並將其放在窗口小部件區域中。

然後,您可以像處理上述過程一樣處理文本,顏色等。

手動添加立即呼叫按鈕

除了使用插件之外,您還可以通過添加簡單的HTML代碼來使用「立即調用」按鈕。這個方法也很簡單,你可以按照我們將在這裡解釋的過程輕鬆使用它。

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

您可以先轉到WordPress文本編輯器並添加以下HTML代碼。

+1(555)555-1212 打給我

不要忘記用您自己的公司號碼替換上面的電話號碼。隨意定製錨文本(Call Me)。

此鏈接可以放在您網站的任何位置。您也可以使用現在通話鏈接旁邊的電話圖標。您可以通過單擊媒體»添加新來完成此操作

現在上傳要在屏幕上顯示的電話圖標。上傳圖像後,單擊它並複製圖像URL。

現在轉到添加HTML代碼的帖子或頁面。然後,您可以將圖像URL包裝在手機鏈接中,如下所示:

預覽帖子後,您將看到電話圖標以及號碼。當訪問者點擊此圖片時,他們可以直接與您聯繫。

手動添加「立即呼叫」按鈕到導航菜單

現在讓我們看看如何在沒有插件的情況下將「立即調用」按鈕添加到導航菜單中。別擔心。您不需要為此編寫任何代碼。

只需轉到您的WordPress儀錶板,然後單擊外觀»菜單。現在點擊右側的自定義鏈接標籤。您將在此處看到2個不同的欄位。

在鏈接欄位中,只需添加您的電話號碼即可。在文本框中,您可以在按鈕上添加所需的錨文本。單擊「添加到菜單」選項完成該過程。就是這樣,您的立即呼叫選項現在將添加到導航菜單中。

現在跟蹤您的呼叫按鈕點擊

既然您已成功添加了立即呼叫按鈕,那麼如果您也可以跟蹤它們會不會很棒?僅當您使用WP Call Button Plugin進行此過程時,才可以執行此步驟。

您可以通過將插件與Google Analytics集成來實現。你需要做的就是安裝 MonsterInsights插件,它可以讓您跟蹤您網站上的每個活動。

這是一個詳細的指南 使用MonsterInsights

就是這樣了!

我們希望這篇文章能幫助您將「立即調用」按鈕添加到WordPress。

您可能還想看看 如何創建免費的企業電子郵件

這篇文章 如何輕鬆添加呼叫按鈕到WordPress(一步一步) 首先出現在 IsItWP – WordPress技術查找工具

相關文章