Как сделать активную ссылку на номер телефона на сайте

На WordPress основано большое количество сайтов, созданных с целью ведения или продвижения бизнеса. Для того чтобы потребители имели возможность связаться с вами, например, для получения услуги или приобретения товара, необходимо оставить свои контактные данные.

Одними из таких контактов является номер телефона. Когда-то пользователям приходилось находить услуги через браузер компьютера, списывать оттуда контактные данные и звонить. Сейчас же все намного проще, они сразу ищут нужную информацию со своих смартфонов.

В этом случае, ссылка на номер телефона на вашем сайте будет отличным решением, чтобы посетители не переписывали номер телефона, а нажали на эту ссылку, после чего сразу совершится вызов.

Ссылка на номер телефона для автонабора

Ссылка на номер телефона – это сегодня обычное дело. В HTML-5 эту возможность реализовать можно одной строчкой кода. Разместить номер вы можете в футере темы, хедере, боковой панели, или в контенте записей. Для этой цели также можно использовать текстовый виджет.

<a href=”tel:123-456-7890″>123-456-7890</a>.

href – это атрибут создания ссылки, tel – это протокол HTML-5, который задает свойство ссылке, обозначая ее телефонной. После двоеточья телефонный номер, на который будет идти звонок. Между парными тегом <a></a> находится содержание линка. Оно может быть произвольным, например, побуждение «Нажмите, для того чтобы позвонить!» или «Звонок мастеру». Можно просто написать номер телефона, так как на сайт могут заходить с компьютера и не все пользователи увидят при наведении на надпись «Позвоните нам!» всплывающую подсказку с номером на который нужно звонить.

Другие протоколы HTML-5

Вы не ограничены добавлением ссылки только на телефон. С помощью следующих протоколов вы сможете также:

  • mailto – ссылка на e-mail адрес;
  • callto – звонок по Skype;
  • sms – послать смс сообщение;
  • fax – для отправки факса.

С помощью этих протоколов можно создавать ссылки аналогично показанному выше примеру. Для этого пропишите парный тег <a>, в котором укажите контент ссылки, которую будет видеть пользователь. Затем пропишите атрибут href, придав ему соответствующее свойство (протокол) через знак равно в кавычках. После свойства должно стоять двоеточие и контактная информация, например e-mail адрес или номер телефона. Выглядит это примерно так:

<a href=”sms:123-456-7890″>Нажмите, для отправки СМС сообщения автору</a>.

Как видите, ссылка на номер телефона легко реализуется. И не только на номер телефона. Все благодаря современному языку HTML-5 и его новым возможностям.

Возможно, вам будет также интересно узнать о том, как сделать обычную ссылку. Об этом мы рассказали тут.

9 комментариев

Оставить комментарий
  1. Карпушин Олег

    Сейчас создаю сайт и изучаю информацию по наполнению своей страницы. Благодарю, буду применять у себя на сайте.

  2. Несомненно нужная вещь, здорово что есть такая функция

  3. Все предельно доходчиво.. Если что-то не понятно, значит не дочитано до конца!

  4. реализовал у себя на сайте

  5. Очень полезная статья!!!
    Огромное спасибо ее создателям.
    Помогла создавать активные ссылки на номер телефона и адрес электронной почты при создании заметок в ОneNote, в Worde и Excel.

  6. В наше время ленивых, необходимая вещь. Воспользуюсь.

  7. Спасибо, реализовал у себя на сайте.

  8. Виклюк Ольга

    Очень нужная вещь, думаю, что мне это пригодится!

  9. Долго узнавал, как это сделать, наконец, наткнулся на эту статью. Спасибо автору.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *