Объясняем, почему из-а текстового номера часть клиентов отходит.
Пользователь заходит на мобильную версию сайта и видит контакты для связи. А в нашем случае – номер телефона. Вам нужно скопировать номер, развернуть браузер на странице вызова и перейти в режим наборов или использовать кнопку звонка. Можно просто переписать на листочек, а потом набрать номер в свободное время (но человек может изменить к тому времени). Или же нужно запомнить номер, а потом ввести его вручную. Что бы не забыть цифру, нужно возвращаться на сайт и снова запоминать, потом опять сворачивать браузер. По кругу. При этом в среднем получается около 5 действий и больше. Представьте, что вам нужно совершить несколько таких звонков.
Пользователь может выполнить только три действия — нажать на номер, выбрать способ звонка (через телефон или мессенджер), затем нажать кнопку вызова. В чем меньше действий, тем больше вероятность того что пользователь не отвалится на середине процесса.
Как установить кликабельный номер на сайт – инструкция
Как сделать так, чтобы вам позвонили в один клик:
3. Способ 1. Используя html-код
Если есть доступ к коду,то через изменения в нем можно сделать номер мобильного телефона кликабельным.
Не кликабельный текстовый номер телефона может выглядеть по-разному:
- Это просто номер:
С помощью символов +7(111)111-11-11/span>
- Присвоен классВ CSS стили, код может выглядеть так:
“phone” +7(111)111-11–11>
- Если к номеру телефона применялся стиль оформления.К примеру, это может быть цвет, шрифт и выравнивание.
Основные характеристики и описание: id= «number» class=»phone mobile,text num»; background-align:center». name=»phone_number», +7(111)112-11-11/p>
Чтобы сделать номер кликабельным, необходимо добавить следующие элементы:
- ТэкА... а.../a>(задает возможность добавить гиперссылку в текст)
- атрибутЕсть href= “”(ответственный за перенаправление по ссылке, стоит внутри предыдущего тега вместо трех точек).
- Каков параметрTel: tel:— (отвечает за вызов номера по щелчку, после двоеточия нужно указать телефон без пробелов);
По этому варианту, конечный код будет выглядеть так:
Слово span>
<a href=”tela:+7(111)111–11–11”>+7(111), +7(111)111–11—11</a>
Имена :
В первом номере телефона находится ссылка, во втором — как номер отображается на сайте. Вместо номера телефона на сайте может быть размещена ссылка на призыв позвонить, тогда код выглядит так :
Слово span>
<a href=”Телефон:+7(111)111—11-11”>Звоните нам</a>
Имена :
Если класс (пример 2), то конечный кликабельный код с добавлением элементов выглядит следующим образом:
«phone» class=«p»>
<a href=”tela:+7(111)111–11–11”>+7(111), +7(111)111–11—11</a>
Показать все>
В третьем номере (с применением шрифта, цвета и выравнивания) он выглядит так:
Id = «Number» class=«phone mobile text num»; text num; text-align:center». name=»phone_number»>
<a href=”tela:+7(111)111–11–11”>+7(111), +7(111)111–11—11</a>
Показать все>
По поводу P.S.Для номер телефона лучше использовать стили CSS, потому что если просто сделать кликабельный текст (самый простой первый вариант), он будет выделен синим цветом и с подчеркиванием, как обычная гиперссылка. Внешний вид не очень.
1. Способ 2. Если сайт сделан на CMS или конструктор.
Когда сайт на конструкторе, телефон становится кликабельным через использование гиперссылки к номеру телефона.
В качестве примера возьмем конструктор Тильда.Телефон обычно указывают в хедере, а также в футере, меню сайта или на специальной странице с контактами. Мы покажем на примере обычного текстового блок - это все делается по аналогии.
У нас на странице блок с текстом, который содержит номер телефона. Выделяем нужный номер – появляется меню редактирования текста. В нем нажимаем на инструмент добавления ссылок.
