How to Link a Phone Number in WordPress

Disclosure: This post may contain affiliate links. Purchasing a product through one of these links generates a commission for us at no additional expense to you.

Want to convert more of your leads?

Adding a phone number to your site can help build trust and initiate your sales process.

To make things easier for your visitors, you can even make your phone number clickable on mobile devices.

This way, visitors can simply click the link to open the phone app and make a call.

In this tutorial, you’ll learn how to add a link visitors can click to call you. Even better, it only takes a minute.

There are two different ways to add a number link to your WordPress site. Let’s start with adding a telephone link into posts and pages.

The first step is to simply type out the phone number in the editor. You can add it into a regular paragraph element and type it in whatever format you’d like.

Next, highlight the number and select the link option from the block toolbar.

Add Tel Link

Normally, you’d type a regular URL here. In this case, you’re going to type in the phone number in a special format.

First, we’re not going to type “http://” like a webpage address. We’ll use the special “tel:” link protocol instead.

Tel Link Protocol

Next, you’ll add the number in international format. Start with a plus (+) and then add your country’s calling code. You can find a list of calling codes here. Then you simply add the phone number without any dashes or spaces.

For example, if your phone number is (222)333-4444 and you’re in the USA, the number you’d use would be formatted like this: +12223334444.

Here’s how it will look in the link option in the editor:

Complete Phone Link

Once you know your country code and the format required, it’s easy to replicate a clickable phone link anywhere on your site.

Hit the “Enter” key or click the Apply button to add the link, and you’re done!

Add a clickable number with HTML

You can use HTML to add the phone number link anywhere else on your site. For instance, you can use this approach with an HTML widget in any widget area.

Here’s the HTML format you can use:

<a href="tel:+12223334444">(222)333-4444</a>

We’re using an a element which is a link. The href value contains the same telephone URL format we used to insert phone links in posts and pages. The number inside the a tags is what visitors will see, and it’s using the familiar domestic number format.

Did you know you can add Skype links to your site that will open up Skype when clicked? It’s also just as easy to add an email link to your WordPress site.

Give it a try!

Adding a phone call link to your site so mobile visitors can quickly get in touch can assist with conversions.

With the guidance found in this tutorial, you’ll have no trouble getting your own clickable phone number onto your WordPress site.

If you have any questions about how link a phone number in your WordPress site, leave a comment below.

Ben Sibley
Ben Sibley
This article was written by Ben Sibley. He is a WordPress theme designer & developer, and founder of Compete Themes.