如何在 WordPress 中添加点击拨号按钮(分步教程)

03/17/2024

为什么要在 WordPress 添加点击拨号按钮?

许多小型企业网站依赖客户联系以获取报价、预售信息或支持。因此,我们建议所有网站所有者添加一个联系表单。然而,根据不同行业的需要,一些用户可能需要立即与人交谈。

随着全球移动网络流量的增加,用户往往更方便点击拨号并获取他们所需的信息。此外,添加点击拨号按钮还可以通过使你的 WordPress 站点更适配移动设备来提高你的 SEO。

如果你刚刚创业,我们建议你选择一个专业的商业电话服务,这样你可以做呼叫转移,与员工共享号码,并且可以从任何地方使用手机接听电话(而不是固定电话)。

方法 1:使用插件在 WordPress 中添加点击拨号按钮

这种方法更简单,适合所有用户。它允许你在 Gutenberg、Classic 编辑器、WordPress 侧边栏小部件甚至是一个粘性浮动调用按钮中轻松创建一个点击拨号按钮。

首先,你需要安装并激活 WP Call Button 插件。激活后,从 WordPress 管理侧边栏访问设置 » WP Call Button 页面以配置插件设置。

第一个设置页面是最常请求的功能,即粘性呼叫按钮,它在用户浏览你的网站时滚动。这一高转换优化功能可以帮助你获得更多呼叫并更快速地完成交易。

你需要先输入你希望用户拨打的业务电话号码。WP Call Button 插件使用智能手机字段,这意味着你可以简单地选择你的国家,它会自动以正确的格式添加国家代码。

接下来,你可以选择添加呼叫按钮文本、选择定位并选择按钮颜色。默认情况下,插件会在所有页面和所有设备上添加一个点击拨号按钮。然而,你可以选择只在某些页面或只在移动设备上显示。

完成后,点击顶部的激活切换按钮,然后点击“保存更改”按钮以存储你的设置。之后,你可以访问你的网站查看呼叫按钮。

方法 2:手动在 WordPress 中添加点击拨号按钮

这种方法允许你手动在你的 WordPress 博客中的任何地方添加点击拨号按钮和链接。最简单添加可点击电话号码的方法如下:

<a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a>

这些链接将在移动设备上打开电话应用程序。在桌面计算机上,Mac 用户将看到在 FaceTime 中打开链接的选项,而 Windows 用户将看到在 Skype 中打开的选项。

你还可以使用 HTML 在点击拨号文本链接旁边添加图像或图标。首先,访问媒体 » 添加新页面并上传你想要使用的图像。上传图像后,点击“编辑”链接以继续。

这将带你到编辑媒体屏幕,你需要复制文件 URL。在下一个步骤中你将需要它。

现在你可以编辑你想要显示点击拨号电话图标的文章、页面或自定义 HTML 小部件。在编辑区域,你现在可以添加电话图标图像包裹在 tel: 链接内。

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

完成后,你可以访问你的网站,看到带有你上传图像的点击拨号链接。

将点击拨号链接添加到 WordPress 导航菜单

你还可以将点击拨号链接添加到 WordPress 导航菜单。只需访问外观 » 菜单页面,点击右列的自定义链接选项卡。现在你可以按照以下格式在链接字段中添加电话号码:

tel:+155555555

之后,添加你想要显示的文本,然后点击“添加到菜单”按钮。接下来,访问你的网站查看点击拨号链接。

附加:在 WordPress 中添加 WhatsApp 聊天框

如果你没有时间接听客户的电话,你可以在你的网站上添加一个简单的 WhatsApp 聊天框,访客可以在其中留言。你可以通过文本回复他们,而不是通过电话。

要添加 WhatsApp 聊天框,你必须安装并激活 Click to Chat 插件。激活后,简单地访问 WordPress 仪表板中的 Click to Chat 菜单选项卡并输入你的业务电话号码。

完成后,你可以定制聊天框,并选择你希望为客户显示的文章或页面。完成后,只需访问区块编辑器并添加 WhatsApp 聊天框的短代码。然后点击“更新”或“发布”按钮存储你的设置。

你现在已经成功添加了一个 WhatsApp 聊天框,用户在不想打电话的情况下可以留言。

希望这篇文章帮助你了解如何在 WordPress 中添加点击拨号按钮。你可能还想查看我们的初学者指南,了解如何创建免费的企业电子邮件地址以及我们专家推荐的必备 WordPress 插件,以便扩展你的网站。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>