Содержание
Кликабельный номер - важная составляющая сайта. Без нее вы теряете множество клиентов. Вспомните, каково звонить в компанию, если телефон на сайте некликабельный, а вставлен обычным текстом. Выделяешь номер, копируешь, сворачиваешь браузер, открываешь меню для набора номера, вставляешь и только потом звонишь. Мы насчитали целых 6 действий! Неудобно, не правда ли?! Вот и ваши клиенты не хотят тратить свое время на всякую ерунду. Особенно, если времени мало, а через сайт конкурента можно позвонить в один клик.
Думаем, вы поняли к чему мы клоним? Сейчас подробно расскажем, как сделать номер телефона на сайте кликабельным.
Как превратить телефонный номер в кликабельный
Существует несколько простых способов, как сделать номер телефона кликабельным, не потеряв при этом оформление и стили:
Способ первый. Коды сайта
Такой способ можно использовать, если есть доступ к HTML. В коде обычный телефонный номер будет выглядеть иначе:
<span> +7 (999) 111-22-33 </span>
Если у него имеется класс, то так:
<p class="phone"> +7 (999) 111-22-33 </p>.
Если же в тексте используются стили, например, шрифты, цвета или форматирование, то эта часть кода выглядит следующим образом:
<div id="number" class="phone mobile text num" style="color: #1f21ff;" name="phone_number"> +7 (999) 111-22-33 </p>.
Если вам нужно будет вставить в HTML-коде гиперссылку, используйте специальный тег <a>...</a>. А атрибут href="" будет направлять клиента на конкретный адрес страницы. Для этого впишите этот адрес внутри кавычек. Чтобы номер был набран автоматически, существуют дополнительные параметры tel:XXX, где XXX - телефонный номер, но без пробелов и тире.
Для первого примера код должен выглядеть следующим образом:
<span><br><a href="tel: + 79991112233">+7(999)111-22-33</a><br></span>.
Второй код будет таким:
<p class="phone"><br><a href="tel:+ 79991112233">+7(999)111-22-33</a><br></p>.
Третий пример, где без лишних усилий можно превратить номер в гипертекст, сохраняя все стили:
<div id="number" class="phone mobile text num" style="color: #1ff1ff;" name="phone_number"> <br> <a href="tel:+79998887766">+7(999)888-77-66</a> <br> </p>.
Далее сохраняем код, и телефонный номер становится кликабельным.
Способ второй. Конструктор сайтов или CMS
В любой CMS или конструкторе есть специальные инструменты, позволяющие сделать номер кликабельным. Полная информация по данному вопросу находится в FAQ на соответствующей площадке (Tilda, Wix, LP и т.д.).
Однако есть один способ, подходящий для любого конструктора.
Возможность создания гиперссылки при форматировании текста доступна везде. Цифры - по сути, это тот же текст. А это значит, что их можно ввести в редактор, выделить и оформить как обычный текст в гиперссылку. Далее в блоке «Адрес» нужно прописать сам номер телефона:
tel:+79998887766.
Гиперссылка станет активной автоматически.
Способ третий. Коллтрекинг
Если на сайте установлен коллтрекинг, а номер телефона постоянно меняется, то это вовсе не значит, что его нельзя сделать кликабельным.
Для начала стоит учесть, что за сокрытие номера под другим видом отвечает class="callibri_phone". При наличии у вас хорошо работающего проекта, на сайте есть скрипт, и к каждому номеру в коде привязан указанный атрибут. Подмена при этом выполняется автоматически. Скрипт коллтрекинг-системы самостоятельно выполняет поиск необходимых элементов с телефонными номерами и сам их заменяет.
Даже если цифры номера не кликабельные, они все равно подвергаются подмене. Если же на ваш номер можно совершить звонок в один клик, то скрипт, используя класс, заменит и номер, прописанный в атрибуте "href=tel:XXX..
Резюме
Кликабельный номер на сайте - большой плюс для мобильной версии. С ним вы намного ближе к своему клиенту - буквально в паре кликов.
А можно все это не настраивать и просто установить на сайт обратный звонок Callibri. Так вам смогут позвонить даже пользователи, которые зашли на сайт с компьютера.
