2 Ways To Add A Phone Number In Elementor And Make It Clickable

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

If you use Elementor on your website and want to add a clickable phone number link on your site, then the process is very simple. So…

How to add a phone number in Elementor and make it clickable? There are two ways to add a clickable phone number link in Elementor:

  1. Using the Text Editor widget, and
  2. Using any other widget that has the Link field.

Let’s see each of these methods now.

Video Tutorial

Download Website Builders’ Toolbox

If you prefer written tutorial, then please keep reading…

Method 1: How To Add A Phone Number In Elementor Using Text Editor Widget

To add a phone number in Elementor and make it clickable using the Text Editor Widget, follow the below steps.

First, edit the page with Elementor on which you want to place the clickable phone number link.

Now, drag-and-drop the Text Editor widget on the page.

Elementor Add Text Editor Widget

Type the text on which you want to create the clickable link and select it. Now, create a hyperlink on that text and type the following in the Link field:

tel:1234567890

You obviously need to replace the above phone number with your phone number.

In the below image you can see that I have created a link on the text “Call Me: 1234567890” and set the Link field to tel:1234567890

Add Phone Number Using Text Editor Widget

Now everyone can call me by just clicking on this link on their cell phone.

That’s it. That was the first method.

Now let’s take a look at the second method.

Interesting Further Reading:

Method 2: Adding A Phone Number In Elementor Using Widgets That Have The Link Field

Now let’s add a phone number using other Elementor widgets that have the Link field.

For this method, let’s use the Button widget.

First, drag-and-drop the Button widget on the page.

Add Button Widget

Then, set the Text field to “Call Me” or any other text that you want. And in the Link field, enter tel:1234567890.

Add Phone Number Using Button Widget

Don’t forget to save your changes.

And that’s it!

Now, everyone will be able to call you by clicking this button on their cell phone.

In this example, I used the Button widget. But, you can use any other Elementor widget that has the Link field, like the Heading widget, Icon widget, etc.

To Wrap Up

You just learned how to add a phone number in Elementor and make it clickable using two different methods.

Use any one of these two methods to create a clickable phone number link in Elementor.

And if you found this tutorial useful, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *