При создании сайта особое внимание уделяется юзабилити. Если интерфейс нелогично структурирован, непонятен, гость покидает ресурс. Это негативно влияет на продажи. Покупатель уходит, так как испытывает дискомфорт при пользовании сайтом. Поэтому действия нужно упростить. Такая мелочь, как кликабельный телефон, в разы повышает комфорт сервиса. Если компания ожидает входящие звонки клиентов, номер указывается на видном месте, в […]
При создании сайта особое внимание уделяется юзабилити. Если интерфейс нелогично структурирован, непонятен, гость покидает ресурс. Это негативно влияет на продажи. Покупатель уходит, так как испытывает дискомфорт при пользовании сайтом. Поэтому действия нужно упростить.
Такая мелочь, как кликабельный телефон, в разы повышает комфорт сервиса. Если компания ожидает входящие звонки клиентов, номер указывается на видном месте, в шапке сайта. Выглядит он следующим образом:
Неудачный вариант – первый. Неактивный телефон не даёт быстро связаться с представителем компании. Об этом говорит карта кликов в Яндекс.Метрика. Часто пользователи пытаются нажать на номер, чтобы позвонить.
Кликабельный телефон на сайте позволяет совершить звонок с мобильного гаджета в один клик. Это плюс, так как клиент не тратит время и усилия, чтобы выписать набор цифр и совершить звонок. Шансы получить больше целевых звонков повышаются. Сделать на сайте кликабельный номер помогут несложные алгоритмы.
Если пользователь просматривает сайт со смартфона, то на телефонный номер рекомендуется ставить ссылку. Нажатие на неё переносит номер в журнал вызовов. Не требуется копировать или переписывать номер. Сокращение количества действий благотворно влияет на повышение лояльности клиента.
При просмотре сайта с браузера Google Chrome можно звонить с привязанного к аккаунту номера. Нажмите на правую кнопку мыши, вызывая функцию звонка.
Также на телефонный номер, указанный в контактах, можно поставить форму обратного звонка. Клиент заполняет строки, оставляя контакты. Впоследствии менеджер с ним связывается. Это продуктивное решение для клиентов, не желающих звонить самостоятельно.
Виджет «Заказать звонок» размещают в нижней части сайта. Такие виджеты повышают конверсию при грамотном использовании. Рекомендуется внедрять виджет для десктопного сайта. При просмотре в мобильной версии всплывающее окно закрывает экран и раздражает, мешает скролить страницу.
Рассмотрим варианты установки формы обратного звонка.
Также есть вариант скачать плагин бесплатно. Инсталляция происходит так:
Рассмотрим популярные сервисы обратного звонка и их особенности:
Изначально учитывайте, на чём сайт создан.
HTML-код. В коде номер телефона выглядит следующим образом:
<span>+7(888)666-55-44</span>
При присвоении класса закодированный номер выглядит так:
<p class=”phone”>+7(888)666-55-44</p>
Если текст стилизован с использованием форматирования, цвета, шрифтов, номер телефона приобретает следующий вид:
<div id=”number” class=”phone mobile text num” style=”color: #1f21ff; text-align: center” name=”phone_number”>+7(888)66-55-44</p>
Тег <a>…</a> в коде HTML нацелен на добавление в текст гиперссылки. За перенаправление клиента отвечает атрибут href=””. Действие, адрес страницы указывается внутри кавычек.
Чтобы набрать номер по клику автоматически следует использовать параметр tel:ХХХ. При этом XXX – телефонный номер, указанный без тире, пробелов.
Чтобы сделать кликабельным первый номер телефона, указанный в примере, необходимо добавить действие. Вызов на номер телефона +7(888)666-55-44 – целевое действие. Выглядит это следующим образом:
<span><a href=”tel:+78886665544”>+7(888)666-55-44</a></span>
Во втором примере кликабельный номер делаем так:
<p class=”phone”><a href=”tel:+78886665544”>+7(888)666-55-44</a></p>
Превратить в гипертекст номер в третьем рассмотренном примере нужно с сохранением стилей. Выглядит это так:
<div id=”number” class=”phone mobile text num” style=”color: #1ff1ff; text-align: center” name=”phone_number”><a href=”tel:+78886665544”>+7(888)666-55-44</a></p>
Аналогичный принцип используется при создании кликабельного электронного адреса. E-mail, которым можно воспользоваться в один клик, создаётся так: <a href=”mailto:XXX”>
Если сайт создан на базе WordPress следует применять плагин CallPhone’r. На каждой странице сайта появляется иконка. Нажав на неё, можно перевести смартфон в режим голосового вызова. Отображение иконки настраивается с учётом рабочего времени. Это позволит избежать ненужных звонков в выходные или после 21.00.
Конструктор LPmotor поможет сделать кликабельный номер в нескольких вариантах. Чтобы телефон отображался в виде текста потребуется в блоке выделить курсором номер телефона и кликнуть в панели редактирования на кнопку «Добавление ссылки».
Второй вариант подразумевает переход в блок «Кнопка» на панели редактирования. После выбора опции перехода по ссылке укажите номер в формате: “tel:88001111111”.
Если картинка перенаправляет к телефонному номеру, используйте меню «Действие». Найдите опцию перехода по ссылке, куда вставляется телефонный номер:” tel:+78886665544”.
Можно использовать HTML-блок и вставить туда кликабельный номер телефона. Для этого используется поле редактирование html-кода.
На сайтах Wix кликабельный телефон добавляется следующим образом. Выберите опцию «Редактировать текст». Укажите кликабельный номер.
Если требуется связать с номером телефона текст, то делается это с помощью ссылки. Алгоритм прост.
Если сайт создан на базе Тильда, также можно сделать кликабельный номер или e-mail. Это позволит одним нажатием открывать почтовые клиенты или совершать голосовые вызовы. Рассмотрим, как добавить ссылку на e-mail и номер телефона.
Откройте МЕ301, выберите вкладку «Контент», номер телефона без пробела указывается в поле «Дополнительно». Затем выделите цифры и добавьте ссылку tel:+78886665544.
Ссылка с адресом e-mail добавляется в одноимённом поле. Строка размещена в блоке МЕ301, вкладка «Контент».
Отслеживать клики поможет Яндекс.Метрика. Номер телефона потребуется скопировать и указать в параметрах цели. Данные представлены в отчёте конверсии.
Использование сайта коммерческого типа – для продаж – должно быть комфортнее, нежели у конкурентов. У французов популярно выражение «Дьявол кроется в деталях». И пусть активный телефонный номер – мелочь, однако этот нюанс повышает лояльность посетителей.
Для мобильного сайта лучше устанавливать кликабельный телефон. В десктопной – виджет для заказа обратного звонка. Это упростит общение, повысит продажи, поспособствует увеличению конверсии.
Закажите у нас экспресс-аудит.
Вас это ни к чему не обязывает.
Если вы уже знаете, что вашему бизнесу в Казани нужно продвижение в интернете:
Мы сделаем все, чтобы вы получили желаемое:
Наше агентство последовательно и аккуратно во всем:
Вы получаете персонального консультанта, который будет вести ваш проект в Казани. Он готов ответить на все ваши вопросы, поможет разобраться в деталях. Мы располагаем достаточным количеством специалистов, чтобы ваш сайт продвигался максимально быстро.
Чтобы обеспечить нужный результат, а также уверенность нашего клиента, что все под контролем, наше агентство просто следует принципам:
Вы получаете результат от нашей работы в виде роста и развития вашего бизнеса в Казани.
Мы готовы отвечать финансово и юридически за свою работу, потому что знаем, что предлагаем вам лучшие решения, уверены в их результатах.
Мы используем cookie, чтобы улучшить работу сайта и повысить его эффективность.
Вы соглашаетесь с использованием куки-файлов, продолжая пользоваться сайтом.
Для получения необходимо быть авторизованным на сайте vk.com