想在您的 WordPress 网站上添加“立即呼叫”按钮吗?在您的网站上添加“立即致电”按钮将使访问者更容易直接从您的网站给您打电话。

事实上,几乎所有互联网流量的一半来自移动设备,因此如果您的网站现在没有呼叫按钮,您可能会失去很多潜在客户。

在今天的文章中,我们将向您展示如何在使用和不使用插件的情况下轻松地将呼叫按钮添加到您的 WordPress 网站。

为什么要在您的网站上添加“立即致电”按钮?

在您的网站上添加“立即致电”按钮对您和您的企业都有好处。

这样一来,访问者就可以轻松便捷地从您的网站与您取得联系。

通过在您的 WordPress 网站上设置“立即致电”按钮,您实际上是在将您的网站流量转化为有价值的潜在客户。通过集成专业的商务电话服务,您可以与员工共享号码、进行呼叫转移等。

让我们来看看如何在 WordPress 中添加一个立即呼叫按钮。

方法 1:使用插件添加“立即呼叫”按钮

向 WordPress 添加“立即呼叫”按钮的最简单方法是使用 WP 呼叫按钮插件。

使用此插件,您无需编写任何代码即可轻松添加立即呼叫按钮。您也可以使用经典编辑器或古腾堡编辑器来完成,无论您的网站上有什么活动。

首先,在您的网站上安装并激活 WP Call Button 插件。安装后,是时候配置插件了。

配置 Call Now Button 插件以添加粘滞按钮

激活插件后,转到 WordPress 仪表板上的设置 » WP Call Button。在此页面中,您将看到 3 个不同的选项卡。

  • 粘贴呼叫按钮
  • 静态呼叫按钮
  • 关于我们

通过粘贴呼叫按钮选项卡,您可以向您的 WordPress 网站添加一个粘性呼叫按钮。这意味着无论您将页面向下滚动多远,该按钮都将可见。

我们继续开“立即呼叫”按钮状态。然后输入您希望访客拨打的业务联系电话。

如果您没有公司电话号码,您可以从 Nextiva 获得一个。这就是我们用于公司业务 VoIP 电话的内容。

您现在可以处理呼叫按钮的外观。

可以选择添加按钮文本,选择它的位置和颜色。您还可以选择显示按钮的位置。默认情况下,该按钮将出现在您网站的所有页面上。但如果需要,您也可以将其隐藏在某些页面上。

完成这些更改后,单击页面末尾的“保存”按钮。就这样。您的访客现在可以直接通过您的网站使用您注册的公司号码为您注册。

B.向您的网站添加静态呼叫按钮

您还可以向您的网站添加静态呼叫按钮。让我们看看如何在 Classic 编辑器和 Gutenberg 编辑器上执行此操作。

使用经典编辑器

要添加按钮,请转至设置 » WP 调用按钮 » 静态调​​用按钮

在此页面中,您将看到一些自定义选项。使用这些选项,您可以更改按钮的文本和颜色。如果需要,您甚至可以从按钮中隐藏电话图标。但是,我们不建议这样做,因为电话图标可以帮助您向用户发送有关其用途的明确信息。

完成所有更改后,只需复制简码并将其粘贴到页面上或将其张贴到您希望按钮出现的位置。就这样。您的呼叫按钮现在将反映在您的网站帖子或页面上。

使用 Gutenberg Editor

如果您使用的是 Gutenberg Editor,只需转到要显示立即呼叫按钮的特定页面。您可以编辑现有页面或创建新页面。您现在可以使用“+”号添加 WP Call Now 块。

您将在此处拥有与经典编辑器中相同的自定义选项。您还可以更改按钮文本和颜色以匹配您网站的外观。如果需要,您还可以隐藏或显示按钮上的电话图标。完成自定义后,保存您的设置。

如果是现有帖子,您必须单击该按钮的“更新”按钮才能开始工作。如果是新帖子,请务必点击“发布”按钮。您的按钮应立即出现在您的帖子中。

将“立即呼叫”按钮添加到小部件

使用 WP 呼叫按钮,您可以将“立即呼叫”按钮添加到您网站的小部件区域。为此,您只需转到仪表板并单击外观 » 小部件。

现在将按钮选项拖放到小部件区域。

那么,你可以点赞如上所述对文本、颜色等执行相同操作。

手动添加“立即呼叫”按钮

除了使用插件之外,您还可以通过添加简单的 HTML 代码来使用“立即呼叫”按钮。此方法也非常简单,您可以按照我们将在此处说明的过程轻松使用。

这些链接将打开移动设备上的移动应用程序。在台式电脑上,Mac 用户会看到一个在 Facetime 中打开链接的选项,而 Windows 10 用户会看到一个在 Skype 中打开链接的选项。

您可以首先转到您的 WordPress 文本编辑器并添加以下 HTML 代码。

给我打电话 +1(555)555-1212

不要忘记用您自己的公司号码替换上面的电话号码。随意自定义锚文本(给我打电话)。

此链接可以放置在您网站的任何位置。您还可以使用“立即呼叫”链接旁边的电话图标。您可以通过单击媒体 » 添加新

现在上传要在屏幕上显示的电话图标。上传图片后,单击它并复制图片 URL。

现在去添加HTML对帖子或页面进行编码。然后,您可以将图像 URL 包装在移动链接中,如下所示:

预览帖子后,您会看到一个电话图标和号码。当访问者单击此图像时,他们可以直接与您联系。

手动将“立即调用”按钮添加到导航菜单

现在让我们看看如何在没有插件的情况下将“立即调用”按钮添加到导航菜单。不用担心。您不需要为此编写任何代码。

只需转到您的 WordPress 仪表板并单击外观 » 菜单。现在单击右侧的“自定义链接”选项卡。您将在此处看到 2 个不同的字段。

在链接栏中,只需添加您的电话号码。在文本框中,您可以在按钮上添加所需的锚文本。单击“添加到菜单”选项以完成该过程。就是这样,您的立即呼叫选项现在将添加到导航菜单中。

立即跟踪您的呼叫按钮点击次数

既然您已经成功添加了“立即呼叫”按钮,如果您也可以跟踪它们不是很好吗?仅当您为此过程使用 WP Call Button Plugin 时才执行此步骤。

您可以通过将插件与 Google Analytics 集成来做到这一点。您需要做的就是安装 MonsterInsights 插件,它可以让您跟踪网站上的每项活动。

这是使用 MonsterInsights 的详细指南。

就是这样!

我们希望本文能帮助您向 WordPress 添加“立即呼叫”按钮。

您可能还想查看如何创建免费的企业电子邮件。

文章如何轻松地向 WordPress 添加呼叫按钮(逐步)首先出现在 IsItWP – WordPress 技术查找工具上。