如果您在您的网站上使用 Elementor 并希望将电话号码链接添加到您的网站,则该过程非常简单。 但是阅读这篇文章就足够了。

但首先,如果您还没有安装 Elementor, 单击此链接了解如何操作.

应该已经注意到,有两种方法可以在 Elementor 中添加可点击的电话号码链接:

  1. 您可以使用文本编辑器小部件执行此操作
  2. 或者通过将任何其他小部件与链接字段一起使用。

现在让我们看看这些方法中的每一个。

方法 1:如何使用文本编辑器小部件在 Elementor 中添加电话号码链接

首先,使用 Elementor 更改要放置可点击电话号码链接的页面。

然后将文本编辑器小部件拖放到页面上。

添加电话号码链接

键入要在其上创建可点击链接的文本并选择它。 现在在此文本上创建一个超链接,并在“链接”字段中键入以下内容:

电话:1234567890

您显然需要用您自己的电话号码替换上面的电话号码。

添加电话号码链接

在下图中,您可以看到我在文本“联系我:1234567890”上创建了一个链接,并将链接字段设置为 1234567890

另见: 如何从 URL 或菜单打开 Elementor 弹出窗口

现在,任何人都可以通过从手机上单击此链接来给您打电话。

这里。 这是第一种方法。 现在让我们来看看第二种方法。

方法 2:使用具有链接字段的小部件在 Elementor 中添加电话号码

现在让我们使用具有链接字段的其他 Elementor 小部件添加电话号码。

对于此方法,让我们使用 Button 小部件。

首先,将 Button 小部件拖放到页面上。

添加电话号码链接

然后将文本字段设置为“联系我”或您想要的任何其他文本。 在链接字段中,写上电话:1234567890。

在 Elementor 中添加电话号码链接

不要忘记保存更改。

就这样 ! 现在任何人都可以通过在他们的手机上点击这个按钮来给你打电话。

阅读 如何将自定义 CSS 添加到 Free Elementor

在这个例子中,我使用了 Button 小部件。 但是,您可以使用任何其他具有链接字段的 Elementor 小部件,例如标题小部件、图标小部件等。

您刚刚学习了如何在 Elementor 中添加电话号码,同时使其可点击并使用两种不同的方法。

使用这两种方法之一在 Elementor 中创建可点击的电话号码链接。

立即获取 Elementor Pro !!!

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 活动时间表

活动日程是一个 WordPress插件 它允许您在几分钟内创建您的日程安排,并将其添加到您的页面或者使用 可视化编辑器 或者只是使用一个简单的 SHORTCODE 自动生成。

活动时间表Wordpress活动日历插件

它每周提供一次视图,非常适合管理舞蹈室,健身中心或体育中心的预订系统。 紧凑的视图更适合于会议,演讲者,工作坊或研讨会。

“简单列表视图”是一种以丰富的视觉效果显示日历的解决方案,旨在突出显示重要事件。 音乐节,运动场,体育场或展览中心将受益于这种观点来推广其活动。

下载演示 | 虚拟主机

2。 外汇网

拥有四种独特的皮肤,Grid FX 是一款 WordPress插件 多功能投资组合工具,在 CodeCanyon 上售价 19 美元。 它使您可以将 WooCommerce 图像、视频、音频、博客文章和产品放入时尚的网格、Pinterest 风格的画廊和图像轮播中。

Grid FX WordPress投资组合插件

此插件具有80多种不同的样式选项,个性化为准。 您可以从皮肤,灯箱背景,标题动画,颜色和按钮中选择。 您还可以定义将出现在投资组合中的项目数,每个项目的大小和列数。

另请阅读我们的指南: 9 WooCommerce插件可增强您的可变产品

为了改进导航,访问者将能够过滤网格以找到他们正在寻找的内容。 使用此将作品集添加到您的网站 WordPress插件 就像将短代码粘贴到邮箱、页面或小部件中一样简单。

下载 | 演示 | 虚拟主机

3。 WooCommerce下载器和PDF查看器

WooCommerce下载器和Pdf查看器是WooCommerce插件。 它允许用户直接从产品页面下载免费的虚拟产品,并直接在浏览器中查看它们。

WooCommerce下载器和PDF查看器

添加到购物车按钮会自动替换为按钮 下载 et 显示 允许用户无需进行订购过程即可下载或查看附件。

它显示一个统计页面,该页面按日期跟踪下载和查看,并让您了解下载最多的产品的列表。 如果您需要在线商店中包含免费虚拟产品的部分,这些功能将非常有用。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

这里 ! 这就是本教程的内容。 现在您可以在 Elementor 上添加可点击的电话号码。 不要犹豫 与您最喜欢的社交网络上的朋友分享

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

如果您有任何建议或意见,请将其留在我们的部分 评论.

...