So ...

Option #1: Adding a click-to-call feature manually

First of all, you need to understand that basically we are talking about a "regular" hyperlink.

On Android and iPhone devices these links will open the according phone application.

On desktop, Windows 10 will provide an option to open it in Skype, and Mac users will see an option to oen it in Facetime.

With that having said, let's see how to create these links ...

The link itself, in the form of a regular text link looks like this:

<a href="tel:+12223333333">Call Me!</a>

Now let's use HTML to add an image ...

Obviously, the first thing, is to upload the given image in your media library.

Go to Media -> Add New and upload the image you want to use. Then, you need to click on the "Edit" link ...

... to access the "Edit Media" window where you need to copy the file URL (in order to use it in the next step):

Now you are ready to insert the image and the link wherever you want.

All you have to do, is to edit the given post, page or custom HTML widget where you want to display the click-to-call feature.

I'll use the post text editor to add the image and the phone link next to my text:

And here's the HTML code you need to use:

Of course, you'll have to edit the phone number, the domain name, the image name and the alt text according to your needs.

And here's the result:

And as I said, once clicked, the link will allow you to pick a phone application:

In my case (Windows 10) it would be Skype:

COOL!



Join the Discussion
Write something…
Recent messages
dowj01 Premium
Great training. Thanks.
Justin
Reply
smartketeer Premium
Thanks Justin!
Reply
LennyBianc Premium
Image of phone number
Can you please help?
Reply
smartketeer Premium
How can I help you Lenny?
Reply
LennyBianc Premium
Hey, I got my phone number in a sidebar, not exactly where I want it But I Can Live it, But now my Footer is huge and I cn't get it to go back the way it was
Reply
smartketeer Premium
You can re-activate an earlier revision

See this
Reply
Johnpavich Premium
Yikes !, you had me at hello ha ha !,

Recently it took me a few weeks just to get my picture on my gravatar with my name on my site and I had a computer tech , word press people , finally utube and it worked finally on my smartphone !

So, when I read this great info I realize how ignorant I am with the workings of word press and how knowledgable you are !

It reminds me of the batman movie with micheal Keaton and Jack Nicholson as the joker and Batman fowls him again and Jack says where does he get all those toys , ha ha !

Hence the name smartmarketeer ha ha !

I don't know where or why I would need the phone number but iam sure it's a good option !

Thx again for your amazing info I will definitely be posting this on my personal spot on my smartphone ,happy Thanksgiving !!!
Reply
smartketeer Premium
Thanks John!

Happy Thanksgiving!
Reply
keishalina Premium
hey hi Zed ! ⭐️

Looks good & useful option to program -- thanks kindly for sharing your considerable 'know-how' on everything !

Cheerio ... 😊
Reply
smartketeer Premium
Thanks Mylady!

On everything?
Reply
keishalina Premium
sure why not -- always think the best of the person ... lol ... 😊
Reply
smartketeer Premium
You are too good and kind ... You are not from this world :)
Reply
keishalina Premium
uhm .. really? ... just being my natural being ... 🧡
Reply
smartketeer Premium
Exactly what I said :)
Reply
keishalina Premium
... ⭐️🌠 ... ! (shooting star around the Galaxy!) ..
Reply
Top