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

На 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 и его новым возможностям.

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (3 оценок, среднее: 5,00 из 5)
Загрузка...

Также по этой теме:

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

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

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

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

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

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

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

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

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

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.