Объясняем, почему из-а текстового номера часть клиентов отходит.

Пользователь заходит на мобильную версию сайта и видит контакты для связи. А в нашем случае номер телефона. Вам нужно скопировать номер, развернуть браузер на странице вызова и перейти в режим наборов или использовать кнопку звонка. Можно просто переписать на листочек, а потом набрать номер в свободное время (но человек может изменить к тому времени). Или же нужно запомнить номер, а потом ввести его вручную. Что бы не забыть цифру, нужно возвращаться на сайт и снова запоминать, потом опять сворачивать браузер. По кругу. При этом в среднем получается около 5 действий и больше. Представьте, что вам нужно совершить несколько таких звонков.

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

 

Как установить кликабельный номер на сайт инструкция

Как сделать так, чтобы вам позвонили в один клик:

3. Способ 1. Используя html-код

Если есть доступ к коду,то через изменения в нем можно сделать номер мобильного телефона кликабельным.

Не кликабельный текстовый номер телефона может выглядеть по-разному:

  1. Это просто номер:

С помощью символов +7(111)111-11-11/span>

  1. Присвоен классВ CSS стили, код может выглядеть так:

“phone” +7(111)111-11–11>

  1. Если к номеру телефона применялся стиль оформления.К примеру, это может быть цвет, шрифт и выравнивание.

Основные характеристики и описание: id= «number» class=»phone mobile,text num»; background-align:center». name=»phone_number», +7(111)112-11-11/p>

Чтобы сделать номер кликабельным, необходимо добавить следующие элементы:

  • ТэкА... а.../a>(задает возможность добавить гиперссылку в текст)
  • атрибутЕсть href= “”(ответственный за перенаправление по ссылке, стоит внутри предыдущего тега вместо трех точек).
  • Каков параметрTel: tel:(отвечает за вызов номера по щелчку, после двоеточия нужно указать телефон без пробелов);

По этому варианту, конечный код будет выглядеть так:

Слово span>

&lt;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»>

&lt;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»>

&lt;a href=”tela:+7(111)111–11–11”>+7(111), +7(111)111–11—11</a>

Показать все>

По поводу P.S.Для номер телефона лучше использовать стили CSS, потому что если просто сделать кликабельный текст (самый простой первый вариант), он будет выделен синим цветом и с подчеркиванием, как обычная гиперссылка. Внешний вид не очень.

1. Способ 2. Если сайт сделан на CMS или конструктор.

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

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

У нас на странице блок с текстом, который содержит номер телефона. Выделяем нужный номер появляется меню редактирования текста. В нем нажимаем на инструмент добавления ссылок.

 

 

Читайте также