How to make the clickable phone number on the website

🗓️ Updated: 22.08.2022
💬Comments: 0
👁️Views: 2345

You need to know one little secret to make call-able phone number on any site. The secret is that a clickable phone number is a link that starts with tel:

That’s it. Knowing this, you will now be able to insert a clickable phone number into the site yourself.


<a href="tel:0999999">0999999</a>

And if you are using some kind of constructor or CMS (for example, WordPress), then you just need to insert this code in the “link” field


And as the link text (anchor) write your standard (without tel:) phone number.

For example, as you can do in WordPress.

Go to Appearance -> Menu.

Add “Custom link”. And in the URL field you must write tel:XXX, and in the Navigation Label field – the standard phone number XXX.

If you still have any questions, feel free to write them in the comments to this article.

Was the article helpful?
Yes - 6
Not - 0

CSS Головоломки в Telegram
Subscribe and don't miss:
Actual news
Interesting puzzles
Useful links
Our rating
🏆The best website hosting
Что читают?
🏆Популярные записи
How to make a burger menu – complete code and detailed explanation
Views: 56402
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 42569
Appearance of elements on scrolling
Views: 41849
How to center an image with CSS
Views: 25881
How to make a button click effect in CSS
Views: 19443
Check of knowledge
🤔How well do you know CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
Viva Magenta
🤔Color of 2023
The Pantone Research Institute has chosen the color of the year for 2023. They became a carmine-red shade with a purple undertone, which was called Viva Magenta.