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.
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.
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:
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:
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.
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.