Делая страничку визитку клиенту надо было сделать активным номер телефона, чтобы клиент смог кликнув по номеру сразу набрать его. Ну я как всегда принялся искать варианты . Первое что мне попалось это сервисы обратного звонка, но связываться с ними нет желания. Далее попался вариант с HTML5 ,где все просто и лаконично, проверил на смартфоне, работает .
Итак приступим,для того чтобы кликать можно было и по телефонным номерам и тут же набирать их, мы будем использовать атрибут tel: .
333333333 нажми меня чтобы позвонить
Мы получили кликабельные телефонные номера вместо простого статичного текста.
Также можно сделать номер ссылкой для Skype, чтобы ссылка открывалась в Skype, вам нужно будет изменить атрибут tel: на callto: .
Также можно сделать и с контактным email, в параметре ссылки href нужно просто прописать Mailto:.
[email protected]»>Example Email
При клике эта ссылка открывает почтовый клиент и создает новое письмо с уже указанным адресом.
Как Поменять Номер Телефона в ВК Через Телефон
Можешь почитать и вот эту статейку «Как выключить кеш браузера?»
Источник: ngcmshak.ru
Кликабельный номер телефона на сайте
Кликабельный номер — важная составляющая сайта. Без нее вы теряете множество клиентов. Вспомните, каково звонить в компанию, если телефон на сайте некликабельный, а вставлен обычным текстом. Выделяешь номер, копируешь, сворачиваешь браузер, открываешь меню для набора номера, вставляешь и только потом звонишь. Мы насчитали целых 6 действий!
Неудобно, не правда ли?! Вот и ваши клиенты не хотят тратить свое время на всякую ерунду. Особенно, если времени мало, а через сайт конкурента можно позвонить в один клик.
Думаем, вы поняли к чему мы клоним? Сейчас подробно расскажем, как сделать номер телефона на сайте кликабельным.
Рекомендуемые решения
Как превратить телефонный номер в кликабельный
Существует несколько простых способов, как сделать номер телефона кликабельным, не потеряв при этом оформление и стили:
Способ первый. Коды сайта
Такой способ можно использовать, если есть доступ к HTML. В коде обычный телефонный номер будет выглядеть иначе:
Если у него имеется класс, то так:
Если же в тексте используются стили, например, шрифты, цвета или форматирование, то эта часть кода выглядит следующим образом:
Если вам нужно будет вставить в HTML-коде гиперссылку, используйте специальный тег . . А атрибут href=»» будет направлять клиента на конкретный адрес страницы. Для этого впишите этот адрес внутри кавычек. Чтобы номер был набран автоматически, существуют дополнительные параметры tel:XXX, где XXX — телефонный номер, но без пробелов и тире.
Как скрыть телефон в ВК (Вконтакте)
Для первого примера код должен выглядеть следующим образом:
Второй код будет таким:
Третий пример, где без лишних усилий можно превратить номер в гипертекст, сохраняя все стили:
Далее сохраняем код, и телефонный номер становится кликабельным.
Способ второй. Конструктор сайтов или CMS
В любой CMS или конструкторе есть специальные инструменты, позволяющие сделать номер кликабельным. Полная информация по данному вопросу находится в FAQ на соответствующей площадке (Tilda, Wix, LP и т.д.).
Однако есть один способ, подходящий для любого конструктора.
Возможность создания гиперссылки при форматировании текста доступна везде. Цифры — по сути, это тот же текст. А это значит, что их можно ввести в редактор, выделить и оформить как обычный текст в гиперссылку. Далее в блоке «Адрес» нужно прописать сам номер телефона:
tel:+79998887766.
Гиперссылка станет активной автоматически.
Способ третий. Коллтрекинг
Если на сайте установлен коллтрекинг, а номер телефона постоянно меняется, то это вовсе не значит, что его нельзя сделать кликабельным.
Для начала стоит учесть, что за сокрытие номера под другим видом отвечает class=»callibri_phone». При наличии у вас хорошо работающего проекта, на сайте есть скрипт, и к каждому номеру в коде привязан указанный атрибут. Подмена при этом выполняется автоматически. Скрипт коллтрекинг-системы самостоятельно выполняет поиск необходимых элементов с телефонными номерами и сам их заменяет.
Даже если цифры номера не кликабельные, они все равно подвергаются подмене. Если же на ваш номер можно совершить звонок в один клик, то скрипт, используя класс, заменит и номер, прописанный в атрибуте «href=tel:XXX..
Источник: martsoft.ru
Как добавить кликабельный номер телефона на сайте WordPress
Смартфоны правят миром. Думаю, не нужно говорить о том, как смартфоны изменили мир и на что они способны.
Также знаем, что в современном обществе каждый создаваемый вами сайт должен быть отзывчивым. Но что происходит с номерами телефонов, которые вы добавляете в своих постах и страницах WordPress?
Большинство последних моделей смартфонов автоматически распознают номер телефона. По крайней мере, если вы написали этот номер в правильном формате, содержащем коды страны и города:
К сожалению, не все смартфоны одинаковы, и не все они могут распознавать телефонные номера во всех форматах. Многие люди до сих пор пользуются телефонами, которым более пяти лет, и есть вероятность, что номер телефона, даже если он написаны правильно, просто не будет активными.
В этом случае, даже если вы создали сайт, который побуждает каждого второго посетителя сайта звонить вам, у вас могут быть проблемы. Если посетитель зашел с мобильника, если для того, чтобы ему позвонить вам ему нужно записать, скопировать и вставить или ввести номер вашего телефона, то скорее всего, он не будет этого делать. Чтобы не потерять нетерпеливых клиентов, которые не хотят возиться с цифрами, вы должны подготовить почву для каждого пользователя смартфона, независимо от используемого им устройства.
Добавьте кликабельный номер телефона
Если вам просто нужно добавить на свой веб-сайт номер телефона, по которому можно кликнуть, вам не нужно устанавливать дополнительные плагины. Вы можете сделать это с помощью простой строки HTML-кода, которая фактически совпадает с обычной ссылкой. Давайте посмотрим, насколько это легко:
- Откройте сообщение в текстовом редакторе или, откройте код шаблона WordPress
- Вставьте следующую строку:
- Смените номер телефона на свой
- Сохраните, опубликуйте или обновите свой пост.
Уже несколько лет назад протокол TEL отлично справлялся с работой мобильных пользователей. Проблема заключалась в том, что телефонные номера не распознавались браузерами компьютеров, которые просто не реагировали на номер телефона, либо даже давали сообщение об ошибке. На сегодняшний день проблема исправлена и теперь вы пользователь может кликнуть по номеру телефону, что откроет Skype для совершения звонка.
Использование Skype звонков.
Но что, если вы хотите, чтобы ваши посетители могли выбирать между обычным и skype звонком? Тогда вам просто нужно изменить протокол в ссылке. Итак, вместо протокола TEL, используйте протокол CALLTO:
Или вы можете сделать так, чтобы по умолчанию звонок шел через Skype:
Использование СМС
А вы знаете, что вы даже можете создать ссылку на SMS-сообщения? Как вы уже могли догадаться, вам просто нужно изменить протокол. Как и следовало ожидать, эта ссылка ничего не изменит, если щелкнуть ее на компьютере. Эта ссылка будет срабатывать только если посетитель зашел на сайт со смартфона.
Как добавить кнопку вызова с помощью бесплатного плагина.
Если ваш бизнес в значительной степени зависит от телефонных звонков, вам следует предпринять еще один шаг, когда речь заходит о создании кликабельных телефонных номерах.
Вместо того, чтобы создавать простую ссылку, вы можете подумать о добавлении кнопки «Позвонить сейчас», которая будет всегда доступна для ваших мобильных посетителей. К счастью, среди плагинов WordPress есть качественный бесплатный, который поможет вам сделать такую кнопку.
Это плагин Call Now Button
Этот бесплатный легкий плагин, установка и настройка которого займет всего несколько минут. Все, что вам нужно будет сделать после установки, это ввести свой номер телефона, выбрать цвет кнопки и ее местоположение. Вы можете отобразить кнопку вызова в левой или правой части экрана или выбрать нижнюю кнопку на всю ширину.
Если у вас есть учетная запись Google Analytics, связанная с вашим веб-сайтом, этот плагин позволяет отслеживать телефонные звонки, создавая событие для каждого сделанного клика. После настройки плагина подождите не менее 24 часов, прежде чем Google Analytics покажет данные.
Кода вы установите и активируете плагин Call Now Button, зайдите в его настройки. Перед вами откроются три вкладки. На первой вкладке введите свой номер телефона, а также текст, который будет показан на кнопке.
Далее перейдите на вкладку Presentation. Выберите здесь цвет кнопки, позицию кнопки, а также введите те ID постов, на которых вы хотите отобразить кнопку, или выберите опцию Exclude these posts and pages и введите те ID постов, на которых кнопка вызова не должна появлятся.
И на вкладке Advanced вы можете добавить дополнительные настройки, такие как отслеживание ваших звонков с помощью Google Analitics и других настройках.
И вот как будет выглядеть готовая кнопка вызова.
Как и во многом другом, в WordPress создание кликабельных номеров телефонов совсем не сложно. И это можно сделать буквально в несколько кликов.
А если у вас остались ещё вопросы, то задавайте их в разделе с комментариями, и я с радостью на них отвечу.
Источник: webcodius.ru