Как сделать кликабельным телефон на сайте


Делаем номер телефона на сайте кликабельным

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

Современные мобильные браузеры могут автоматически делать номер телефона на сайте кликабельным, но это работает не всегда (из-за разных написаний номера телефона).

Наверное, многие из вас сталкивались с такой ситуацией, когда, заказывая какой-либо товар в интернет-магазине, приходилось уточнять некоторые вопросы по телефону. И для этого приходилось записывать номер телефона магазина на листочек / телефон друга, потом снова набирать в свой телефон, и только после этих манипуляций удавалось позвонить. А если телефон поддержки вдруг оказывался недоступен, приходилось всё это проделывать заново.

Именно для того, чтобы решить эту проблему, был разработан способ, который отвечает на вопрос "Как правильно указывать номер телефона на сайте". Давайте разберемся, как разместить телефон на сайте и сделать его кликабельным.

Сделать номер телефона кликабельным можно с помощью обыкновенной ссылки, но со специальным адресом:

<a href="tel:+78142332211">+7(814)-233-22-11</a>

Или:

<a href="tel:+7 (8142) 33 22 11">Позвоните нам</a>

То есть в атрибуте href должно быть указано: tel: и номер телефона в формате, который вам нужен.

Выглядеть это будет так:

+7(814)-233-22-11

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

Кроме кликабельного номера телефона, есть возможность добавить кликабельную ссылку на ваш Skype:

<a href="skype:test123">Skype</a>

Или можно добавить ссылку для звонка со Skype на телефон:

<a href="callto:+78142332211">Позвонить нам с помощью Skype</a>

Минутку ...

Включите файлы cookie и перезагрузите страницу.

Этот процесс автоматический. Ваш браузер в ближайшее время перенаправит вас на запрошенный контент.

Подождите до 5 секунд…

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] - (!! [])) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [])) / + ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + [] ) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [ ] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! [] ) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (+ !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (+ !! [] ))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + [ ]) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + ( !! []) + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [ ] + !! [] + !! []) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! []) - [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + ( !! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] +! ! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [ ] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] +! ! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! []) + !! [] + []) + (! + [] + (! ! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] +! ! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [ ] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] - (!! [])) + (! + [] - (!! [])))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [ ] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [ ] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! []) + !! [ ] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) +! ! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) - []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! []) + (! + [] + (!! [] ) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [ ] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [])) / + ((! + [] + (!! []) + !! [] + !! [ ] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] +! ! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] - (!! [] )) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [ ] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + ( !! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] +! ! [] + !! [] + !! []) + (! + [] + (!! [] ) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [])) / + ((+ !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [ ] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [ ] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) - []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + ( ! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + ( !! []) - []) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! []) + !! [] + []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (+ !! []) + (! + [] - (!! [])) + (! + [] + (!! []) +!

.

Сделайте номер телефона интерактивным, чтобы стимулировать звонки - WordPress.com

Вы пытаетесь придумать, как сделать телефонный номер на вашем сайте интерактивным? Если нет, возможно, тебе стоит.

Почему? Что ж, рассмотрим эту статистику:

  • 92 процента молодых людей (до 30 лет) и 75 процентов взрослых (старше 50) владеют смартфонами, согласно Phys.org.
  • Marketing Land сообщает, что 56 процентов всего веб-трафика генерируется через мобильные телефоны.

Эти статистические данные означают одно: люди будут посещать ваш сайт со своих мобильных устройств. Если ваш бизнес полагается на входящие телефонные звонки для продажи, записи на прием или общения с клиентами, предположите, что мобильные посетители захотят позвонить вам прямо с вашего веб-сайта.

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

Нахождение номера телефона дома

Предположим, что тема вашего веб-сайта не имеет встроенной функции интерактивного номера телефона. Вы можете сделать номер телефона на своем сайте интерактивным.

Вы можете добавить интерактивный номер телефона в любом месте вашего веб-сайта, в зависимости от ваших предпочтений.

  • Разделы верхнего или нижнего колонтитула: Раздел верхнего или нижнего колонтитула (самый верх вашего веб-сайта) или раздел нижнего колонтитула (самый нижний) - отличные места для размещения интерактивного номера телефона, если вы хотите, чтобы этот номер можно было легко найти независимо от того, где посетитель смотрит на ваш сайт.
  • Страниц: Вы можете разместить свой интерактивный номер телефона на определенных страницах вашего сайта, например, на странице «Контакты» или на странице «Наши услуги», которая побуждает посетителей звонить для получения дополнительной информации.
  • Сообщений: Вы можете включить свой интерактивный номер телефона в конкретное сообщение в блоге, если хотите, чтобы кто-то позвонил вам сразу после прочтения определенного контента.

Сделайте номер телефона интерактивным за 4 шага

Независимо от того, где вы разместите интерактивный номер телефона, шаги по его настройке одинаковы.

  1. Перейдите в режим редактора: Если вы добавляете интерактивный номер телефона на страницу или сообщение, выберите текстовый редактор, в котором вы можете редактировать HTML-код, а не обычный визуальный редактор, где вы не видите HTML-код.
  2. Скопируйте и вставьте следующий код:
      +1 (XXX) XXX-XXXX  
  3. Измените код, чтобы отразить ваш номер телефона: Замените каждый символ «X» на номер вашего фактического номера телефона.Например, если ваш номер телефона 888-555-1111, вы должны изменить код следующим образом:
      +1 (888) 555-1111  

    Если вы живете за пределами США, замените «1» кодом своей страны.

  4. Сохраните и опубликуйте изменения, затем проверьте: После сохранения изменений убедитесь, что номер на вашем сайте активен и работает правильно. Посетите свой веб-сайт на мобильном устройстве и щелкните номер, чтобы убедиться, что он работает.

Дополнительные соображения

При создании интерактивного номера телефона следует задать себе несколько последних вопросов.

  1. Хотите кнопку «Позвонить сейчас»? Если у вас есть веб-сайт WordPress.com и вы хотите добавить заметную кнопку «Позвонить сейчас», которую никто не мог пропустить, перейдите на бизнес-план, если у вас его еще нет, и установите плагин Call Now Button.
  2. Вы выбрали лучший размер и размещение для своего интерактивного номера? На языке веб-дизайна интерактивный номер телефона на вашем веб-сайте известен как «целевой объект».«Если вы хотите ознакомиться с передовыми методами определения размера и интервала касания, Google предлагает быстрый обзор, чтобы убедиться, что ваш номер легко увидеть и нажать.

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

.

Как создать интерактивные телефонные номера для смартфонов в WordPress

Хотите сделать свой сайт более мобильным? Если да, то вам следует подумать о добавлении на свой веб-сайт интерактивных номеров телефонов. Это позволит каждому, кто посещает ваш сайт со смартфона, нажать на него и позвонить по номеру. Это экономит время, так как посетителям не нужно записывать номер, а затем вводить его в свой телефон.

Смартфоны и мобильные устройства в целом стали неотъемлемой частью повседневной жизни.Вспомните, когда в последний раз вы проводили день, не касаясь своего смартфона. Я знаю, что не могу этого вспомнить. Если это вас не убеждает, как насчет того, что более 52% всех пользователей Интернета используют смартфоны? Сегодня я продемонстрирую, как создавать интерактивные телефонные номера для посетителей смартфонов.

Почему важны интерактивные номера телефонов

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

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

Как создать интерактивные телефонные номера для смартфонов в WordPress

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

Прежде чем мы начнем, важно понять структуру телефонных номеров:

<Код страны> (Код города) <Номер телефона>

Код страны обычно неизвестен, потому что многие люди не звонят за пределы своей страны. Все номера телефонов в США и Канаде начинаются с 1. У каждой страны есть свой номер. Например, код страны Мексики - 52.Имейте это в виду, если вы ожидаете международных звонков.

Можно использовать несколько строк кода, но каждая дает разные результаты. Например, самый простой такой:

+1 (877) 326-7483

«callto:» является частью протокола Skype, и если вы скажете «callto: A Business», он попытается позвоните в Бизнес.

Какую линию вы выберете для вызова, полностью зависит от вас, и обе будут работать нормально.

На левой панели администратора WordPress нажмите «Записи» или «Страницы». Выберите публикацию или страницу, по которой вы хотите, чтобы телефонный номер был доступен для нажатия. Если вы хотите использовать несколько, вам придется повторить эти шаги. Выберите текстовый редактор.

Вставьте любую строку кода в текстовый редактор и сохраните свою работу.

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

Не прекращайте делать ваш сайт мобильным

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

Доступность этого для мобильных пользователей огромна, и даже пользователи настольных компьютеров извлекут выгоду из этого. Найдите время, чтобы изучить веб-сайты с помощью мобильного устройства, если вы еще этого не сделали. Более половины людей, пользующихся Интернетом, выходят на него через смартфон, поэтому важно понимать, на что это похоже.

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

Автор: Крис Расикот

Крис является менеджером по поддержке GreenGeeks и работает в компании с 2010 года.Он страстно увлекается играми, написанием сценариев и WordPress. Когда он не спит, он тренирует свои навыки игры на гитаре и возится с 3D-печатью.

.

Узнайте, как создавать интерактивные телефонные номера в WordPress

Смартфоны правят миром. Нам не нужно повторять, как смартфоны изменили мир и на что они способны. Мы также знаем, что в современном обществе каждый сайт, который вы создаете, должен отвечать требованиям. Но что происходит с номерами телефонов, которые вы пишете в своих записях и на страницах WordPress?

Большинство последних моделей смартфонов автоматически распознают телефонный номер. Что ж, это правда, по крайней мере, если вы написали этот номер в правильном формате, содержащем код страны и города:

  • <Код страны> <(Код города)> <Местный номер>

К сожалению, не все смартфоны одинаковы, и не все они распознают телефонные номера во всех форматах.Многие люди до сих пор пользуются телефонами старше пяти лет, и есть вероятность, что номера телефонов, даже если они написаны правильно, просто не будут интерактивными. В этом случае, даже если вы создали фантастический сайт, который побуждает пользователей звонить вам, у вас могут быть проблемы. Если эти пользователи должны записать, скопировать и вставить или ввести номер, скорее всего, они выйдут под залог. Прежде чем вы потеряете нетерпеливых клиентов, которые не хотят возиться с цифрами, вам следует подготовить почву для каждого пользователя смартфона, независимо от его устройства.

Добавьте интерактивные номера телефонов

Если вам просто нужно добавить на свой веб-сайт один интерактивный номер телефона, вам не нужно устанавливать дополнительные плагины. Вы можете сделать это с помощью простой строки HTML-кода, которая фактически аналогична обычной ссылке. Посмотрим, насколько это просто:

    1. Откройте сообщение в текстовом редакторе или используйте код в шаблоне
    2. Скопируйте и вставьте одну из следующих строк:
      +1 (234) 567-8912  
  1. Изменить номер телефона
  2. Сохраните, опубликуйте или просмотрите свой пост


Несколько лет назад протокол TEL отлично справлялся со своей задачей для мобильных пользователей.Проблема заключалась в том, что интерактивные номера телефонов не распознавались настольными браузерами, которые либо вообще не двигались с места, либо даже отображали сообщение об ошибке. Сегодня разработчики устранили проблему, и вы можете использовать протокол во всех современных браузерах. Пока он откроет номер телефона и начнет звонить по нему на смартфоны, настольные компьютеры подготовят Skype к вашему звонку.

Звоните в Skype

Но что, если вы хотите, чтобы пользователи вашего смартфона могли выбирать между обычным звонком и звонком через Skype? Не волнуйтесь; вам просто нужно изменить протокол в ссылке.Итак, вместо протокола TEL используйте протокол CALLTO:

  +1 (234) 567-8912  

Если вы используете Skype, вы даже можете разрешить пользователям звонить вам, указав имя в Skype:

 Skype 

Используйте SMS

Знаете ли вы, что вы даже можете создать ссылку на SMS-сообщения? Как вы уже догадались, вам просто нужно сменить протокол. Как и следовало ожидать, эта ссылка ничего не сделает, если щелкнуть на настольном компьютере, поэтому убедитесь, что ваши пользователи знают, что вы разрешаете им отправлять SMS-сообщения или использовать такую ​​ссылку только тогда, когда ваш сайт находится в отзывчивый режим.

  Отправьте SMS на номер +1 (234) 567-8912  

Добавить кнопку вызова сейчас с бесплатным плагином

Если ваш бизнес сильно зависит от телефонных звонков, вам следует сделать еще один шаг, чтобы сделать телефонные номера интерактивными. Вместо создания простой ссылки вы можете подумать о добавлении кнопки «Позвонить сейчас», которая всегда будет доступна для посетителей вашего мобильного устройства. К счастью, среди некоторых замечательных плагинов WordPress есть фантастический бесплатный, который может помочь вам в этом.

Кнопка вызова

ЦЕНА: Бесплатно

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

Если у вас есть учетная запись Google Analytics, связанная с вашим сайтом, плагин позволяет отслеживать телефонные звонки, создавая событие для каждого клика.Это просто; после настройки плагина подождите не менее 24 часов, прежде чем Google Analytics отобразит данные.

Если вы не хотите, чтобы кнопка отображалась на определенных постах и ​​страницах, запишите их идентификаторы в настройках. Это так просто. Чтобы кнопка отображалась на всех страницах WordPress, оставьте последний вариант пустым.


Как и многие другие вещи в WordPress, создание интерактивных номеров телефонов совсем несложно. Надеемся, эта статья поможет вам создать свою собственную. Как вам ваши новые ссылки?

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

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий