如何在 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 中创建点击通话链接的三种简单方法。 我们建议使用该插件,因为它是一种更快、更安全、更方便的方法。 与其他方法相比,任何级别的用户都会发现它更容易和方便。 但是,手动方法也同样有效。 但是,您需要在这里和那里更多地处理代码。

你觉得哪种方法容易? 让我们在评论中知道。