如何在 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

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

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