код для телефона на сайт
Как сделать кликабельный телефон на сайте
С каждым годом стремительно растет количество интернет-пользователей, использующих мобильные платформы. И чтобы не потерять своего клиента, необходимо предоставить посетителю возможность позвонить прямо сейчас.
Современные мобильные браузеры могут автоматически делать номер телефона на сайте кликабельным, но это работает не всегда (из-за разных написаний номера телефона).
Наверное, многие из вас сталкивались с такой ситуацией, когда, заказывая какой-либо товар в интернет-магазине, приходилось уточнять некоторые вопросы по телефону. И для этого приходилось записывать номер телефона магазина на листочек / телефон друга, потом снова набирать в свой телефон, и только после этих манипуляций удавалось позвонить. А если телефон поддержки вдруг оказывался недоступен, приходилось всё это проделывать заново.
Именно для того, чтобы решить эту проблему, был разработан способ, который отвечает на вопрос «Как правильно указывать номер телефона на сайте». Давайте разберемся, как разместить телефон на сайте и сделать его кликабельным.
Сделать номер телефона кликабельным можно с помощью обыкновенной ссылки, но со специальным адресом:
То есть в атрибуте href должно быть указано: tel: и номер телефона в формате, который вам нужен.
Выглядеть это будет так:
После этого пользователи мобильных устройств смогут просто кликнуть на ссылку и, не совершая дополнительных действий, позвонить вам. Теперь можно добавлять номер телефона в блок контактов на вашем сайте.
Кроме кликабельного номера телефона, есть возможность добавить кликабельную ссылку на ваш Skype:
Или можно добавить ссылку для звонка со Skype на телефон:
Как сделать кликабельный номер телефона на сайте
HTML-код
Сайт на WordPress
Сайт на mottor (LPmotor)
Сайт на Wix
Сайт на Tilda
Как отслеживать клики по номеру телефона
Как пригнать 551 заявку на 100к бюджета в B2B тематике. Кейс по продаже аккумуляторных батарей
Маркетинговый анализ аудитории перед созданием продающего контента Статья
Facebook Business Manager: полное практическое руководство Статья
нашела похожую статью и было тоже полезно бы прочесть https://karpenko.studio/blog/klikabelnyj-nomer-telefona-na-sajte/
Накрутка подписчиков на YouTube: правила и санкции за нарушения Статья
Как быстро сделать сайт и подготовить его к запуску рекламы: инструкция от Nethouse Статья
Думай, как покупатель: что такое управление клиентским опытом или Customer Ewperience Managment Статья
SERP: что значит этот термин и как он связан с SEO Статья
Стратегии внешнего продвижения в англоязычном Google: опыт Михаила Шакина Статья
Личный бренд: как создать и продвигать собственное имя Статья
Зачем и как делать номер телефона на сайте кликабельным
Абсолютно каждый элемент на продающем сайте имеет значение. Простой пример: номер телефона компании на главной странице прописан без ссылки. Потенциальный клиент кликает по цифрам, но ничего не происходит. В итоге человек выделяет номер, копирует его, выходит из браузера, заходит в меню с контактами, вставляет цифры и лишь потом совершает звонок. Но будет ли так делать каждый клиент? Вероятнее всего, нет. Из-за этого владелец сайта рискует потерять часть готовых к покупке пользователей. Чтобы не допустить такого, рекомендуем делать номер телефона на сайте кликабельным. Для этого следует учесть несколько важных моментов.
Звонок в один клик: проверяем ваш сайт
Кликабельный номер на сайте — это набор цифр, при нажатии по которому сразу выполняется вызов. Такая опция нужна специально для пользователей мобайла. Сделать звонок можно и с десктопа, если на ПК имеется ПО для разговоров.
На сайтах многих компаний нет кликабельного номера. Владельцы таких проектов не осознают, какое количество покупок они из-за этого упускают. Конечно, все большую популярность сегодня набирает мессенджер-маркетинг, однако отказывать клиенту в возможности позвонить вам точно не стоит.
Использовать активный номер на сайте важно по нескольким причинам:
Проверить кликабельность номера на сайте можно в одно касание. Просто тапните по нему со своего смартфона или планшета. Если ничего не произошло, то ситуацию следует исправлять.
Как сделать номер телефона кликабельным
Существует несколько простых способов, как сделать номер телефона кликабельным, не потеряв при этом оформление и стили:
Способ 1. Код сайта
Такой вариант подойдет вам, если у вас есть доступ к HTML-коду сайта. Номер на сайте, прописанный обычным текстом, в коде выглядит вот так:
Либо вот так, если у него есть класс:
Если же в тексте используются стили, например, шрифты, цвета или форматирование, то эта часть кода выглядит следующим образом:
Получается, для примера № 1 код получится таким:
Для второго примера код выглядит так:
Наконец, третий пример также без лишних усилий можно преобразовать в гипертекст. При этом сохранятся первоначальные его стили:
Сохраните код, и телефонный номер станет кликабельным.
Способ 2. Конструктор сайтов или CMS
В функционале любого конструктора или CMS-системы есть несколько особых инструментов, которые позволяют сделать номер кликабельным. Полную информацию вы найдете в разделе FAQ на соответствующей площадке (Tilda, Wix, LP и т.д.). Однако есть один способ, подходящий для любого конструктора.
Механизм «Гиперссылка» при форматировании текста доступен, как правило, везде. Цифры — это текст. Следовательно, вы можете ввести их в редактор. Чтобы номер был кликабельным, обозначьте текст номера, оформите его как гиперссылку, после чего в блоке «Адрес» пропишите следующее:
Гиперссылка включится автоматически.
Способ 3. Коллтрекинг
На вашей площадке может быть установлен коллтрекинг с регулярно обновляемой подменой цифр. Но из этого вовсе не следует, что подменный номер нельзя сделать кликабельным.
Для начала стоит учесть, что за сокрытие номера под другим видом отвечает При наличии у вас хорошо работающего проекта, на сайте есть скрипт, и к каждому номеру в коде привязан указанный атрибут. Подмена при этом выполняется автоматически. Скрипт коллтрекинг-системы самостоятельно выполняет поиск необходимых элементов с телефонными номерами и сам их заменяет.
В ситуации, когда цифры на сайте не кликабельные, подменяться будет и простой номер в форме текста. Если же на ваш номер можно совершить звонок в один клик, то скрипт, используя класс, заменит и номер, прописанный в атрибуте «href=tel:XXX. Когда пользователь нажимает по подменному номеру, совершается звонок.
Используя на практике один из этих способов, вы не потеряете лиды и всегда будете знать, с какого именно места на сайте они к вам пришли.
Как сделать кликабельный номер телефона на сайте + примеры оформления
Если на мобильной версии вашего сайта номер телефона указан в виде обычного текста — вы теряете клиентов.
В статье объясним, как отсутствие кликабельного номера влияет на конверсию, зачем вообще нужен кликабельный номер и как его установить на сайт.
Рекомендуем: Click.ru – маркетплейс рекламных платформ:
Зачем нужен кликабельный номер на сайте
Объясняем, почему из-за текстового номера часть клиентов отваливается.
Пользователь заходит с устройства на мобильную версию сайта и видит контакт для связи. В нашем случае — номер телефона. Чтобы позвонить ему нужно скопировать номер, свернуть браузер с сайтом, перейти в режим набора, вставить, нажать на кнопку вызова. Или переписать на листочек, а потом набрать номер в свободное время (но человек может передумать к тому времени). Или нужно запоминать номер, а потом вводить его вручную. Если забыли цифру — нужно возвращаться на сайт, опять запоминать, потом опять сворачивать браузер и так по кругу. В среднем получается около 5 действий и больше. Представьте, если человеку нужно совершить несколько таких звонков.
С кликабельным номером пользователю нужно всего 3 действия — нажать на номер, выбрать способ звонка (через телефон или мессенджер), затем нажать кнопку вызова. Чем меньше действий, тем выше вероятность, что пользователь все-таки совершит звонок, а не отвалится на середине процесса.
Как установить кликабельный номер телефона на сайт — инструкция
Как сделать так, чтобы вам могли позвонить в один клик:
Способ #1. Через html-код
Если есть доступ к коду, то через изменения в нем можно сделать номер телефона кликабельным.
Текстовый номер телефона (то есть некликабельный) может выглядеть по-разному:
Чтобы сделать номер кликабельным в код нужно добавить следующие элементы:
То есть, для первого варианта (просто текстовый номер) конечный код будет выглядеть так:
Первый номер телефона — это ссылка, второй — как номер отображается на сайте. Вместо номера телефона на сайте может отображаться призыв сделать звонок, тогда код выглядит так:
Если в коде был прописан класс (пример #2), то конечный кликабельный код с добавлением элементов выглядит следующим образом:
Третий номер (с применением шрифта, цвета, выравнивания), соответственно, выглядит так:
P.S. Лучше, чтобы к номеру телефона были применены стили через CSS, потому что если просто сделать кликабельный текст (самый простой первый вариант), то он будет выделен синим цветом и с подчеркиванием, как обычная гиперссылка. Визуально выглядит непривлекательно.
Способ #2. Если сайт сделан на CMS или конструкторе
Если у вас сайт на конструкторе, то телефон делается кликабельным через применение гиперссылки к номеру телефона.
Возьмем к примеру, конструктор Тильда. Телефон обычно указывают в хедере, футере, меню сайта или на отдельной странице с контактами. Но мы покажем на примере обычного текстового блока — остальное делается по аналогии.
Вот у нас на странице блок с текстом, где указан номер телефона. Нужно выделить номер — появляется меню редактирования текста. В нем кликаем на инструмент добавления ссылок.
В поле «Укажите ссылку» прописываем tel:+71111111111. Номер телефона должен быть указан без пробела, кавычек и точек.
Также можно настроить цвет и стиль ссылки — это плюс, так как не нужно морочиться с CSS стилями. Кстати, цвет и стиль ссылок можно задать заранее в настройках сайта и тогда не надо будет каждый раз настраивать их вручную.
Жмем «Применить» и получаем кликабельный номер телефона.
Если сайт на Wix, телефон настраивается похожим образом, с одним отличием. Когда выделяем текст и жмем на инструмент ссылки, появляется дополнительное меню, где можно выбрать, куда ведет ссылка.
В этом меню выбираем пункт «Номер телефона». Телефон указываем в формате +7(111)111-11-11.
Если сайт на WordPress, кроме изменения кода или добавления гиперссылки к тексту, можно использовать сторонние плагины. Например, бесплатный плагин Call Now Button. Он добавляет заметную цветную кнопку с иконкой телефона и призывом позвонить. Все, что нужно — установить плагин в Вордпресс, указать в настройках номер телефона, цвет кнопки и ее местоположение на сайте.
Способ #3. Через сервис коллтрекинга
Современные сервисы коллтрекинга используют функцию подмены номеров. И чаще всего номерам присваиваются атрибуты (классы). Например, у коллтрекинга Callibri это и >
В этом коллтрекинге, если настроена автоподмена номера, ссылка будет иметь вид:
Важно: у сервисов коллтрекинга нужно уточнять код в инструкциях сервиса или у техподдержки. Потому что у них прописываются свои классы, могут меняться настройки. У каждого сервиса коллтрекинга будут свои ссылки.
Как сделать кликабельный номер WhatsApp, Viber, Skype и Телеграм
Кликабельный телефон для мессенджеров делается через html-код, как мы описывали в способе #1 данной статьи. Отличается только сама гиперссылка.
Для WhatsApp:
Номер телефона в самой ссылке (в кавычках) указываем без скобок, пробелов и дефисов.
Для Viber:
Для Skype:
skype_user — это логин в скайпе. Параметр call позволяет сразу начать вызов, если его не добавлять в ссылку, то просто откроется профиль.
Если хотите, чтобы при клике по номеру скайпа автоматически открывался диалог, то вместо параметра call добавляем chat, получается:
Для Телеграм:
Можно добавить в текст короткую гиперссылку вида:
Ссылку можно найти в настройках аккаунта Телеграм. При клике на ссылку откроется диалог с пользователям, там же можно позвонить.
Примеры оформления кликабельных номеров
Телефон на сайте сервиса коллтрекинга Callibri. Тут его еще и подчеркнули для наглядности.
Кликабельный номер на сайте Тинькофф Банка. Визуально номер телефона никак не выделен, но при клике по нему можно совершить звонок.
Книжный магазин «Читай-город» — номер указан на сайте отдельным пунктом меню, вообще визуально не отличается от остальных пунктов.
Заключение
Кликабельный номер телефона позволяет посетителям сайта позвонить в один клик. Без лишних движений. Эта экономит время и дает положительный опыт взаимодействия с сайтом. В итоге кликабельный номер способен повысить конверсию сайта. Мелочь, а работает.
Номер телефона для сайта: как указать и оформить правильно
Повышаем успешность вашего сайта с финансовой точки зрения
Из этого материала вы узнаете:
Немногие задумываются, как сильно влияет наличие и оформление такого элемента, как номер телефона для сайта, на конверсию. Большинство считает, что это всего лишь необязательный и не столь существенный кусочек информации.
На самом деле номер телефона требует к себе гораздо большего внимания, ведь от этого может напрямую зависеть успешность вашего сайта с финансовой точки зрения. Если вы хотите узнать обо всем этом подробнее, читайте далее.
Почему стоит размещать телефон на сайте
Результаты опроса, проведенного финансовой компанией American Express, показали, что больше половины клиентов интернет-магазинов (60 %) не считают нужным пользоваться телефоном при выборе товара и оформлении заказа. Ответы на возникающие вопросы 24 % ищут самостоятельно на сайте магазина, а 12 % обращаются к сотрудникам при помощи онлайн-чата. Однако если проблема выходит за рамки стандартной и касается вопросов оплаты или возврата неподошедшего товара, 40 % покупателей предпочитают разговор с живым человеком, а не с ботом. Компания Google в ходе аналогичного опроса выяснила, что 47 % пользователей скорее всего откажутся от услуг торговой площадки, если не найдут на ее страницах телефонных номеров для связи с сотрудниками.
1. Наличие телефона вызывает доверие
Продуманный и удобный интерфейс интернет-магазина в большинстве случаев исключает необходимость набирать номер телефона, указанный на сайте. В то же время сам факт его наличия успокаивает потенциального клиента: он понимает, что в случае возникновения проблем есть возможность обсудить создавшуюся ситуацию с реальным сотрудником.
Выстраивание доверительных отношений между интернет-магазином и его клиентами – очень важная составляющая бизнес-стратегии в этом сегменте торговли. Дело в том, что веб-площадки изначально проигрывают традиционным магазинам с точки зрения создания комфортных условий для покупки. На сайте человек лишен возможности взять товар в руки, рассмотреть и ощупать его со всех сторон, убедиться в том, что вещь полностью соответствует его ожиданиям. Без высокого уровня доверия многим нелегко решиться на покупку, особенно если правилами магазина предусмотрена 100-процентная предоплата.
Чтобы убедить потенциального клиента в безопасности совершаемой сделки, виртуальные торговые точки вынуждены использовать различные приемы. Это и социальные доказательства в виде отзывов довольных покупателей, и гарантии возврата товара, и возможность предварительной примерки и осмотра приобретенных вещей в пунктах доставки или в присутствии курьера. Активный номер телефона на сайте служит еще одним способом завоевать доверие клиентов, поскольку непосредственное общение с работниками интернет-магазина воспринимается как наиболее надежный вариант решения проблем.
2. Номер телефона на сайте помогает росту конверсии
От уровня доверия пользователей напрямую зависит конверсия. Это подтверждают результаты А/B-теста, проведенного компанией Flowr: при сравнении двух версий сайта, с телефонным номером и без него, более высокая конверсия была отмечена в первом случае (53,96 % зарегистрировавшихся на веб-площадке с телефоном против 46,04 % без указания номера).
3. Дополнительные причины разместить на официальном сайте номер телефона:
Вероятно, спустя несколько лет в указании номера телефона на сайте не будет необходимости: этому способствует стремительное развитие искусственного интеллекта и чат-ботов, а также изменение привычек пользователей. Однако сегодня пока еще сохраняется необходимость размещать на сайте телефонные контакты, чтобы поддерживать лояльность клиентов разных возрастных групп.
[art-slider ids=»6254, 6072, 6037, 7384, 6098″ ttl=»Читайте другие статьи по теме заявки с сайта»]
Как грамотно указывать номер телефона на сайте: основные правила
Размещенный на официальном сайте номер телефона компании говорит потенциальным клиентам о ее открытости, готовности к диалогу, что в свою очередь повышает доверие и способствует росту продаж. Но даже в таком элементарном деле, как указание телефона, есть нюансы, без соблюдения которых будет сложно достичь поставленной цели.
Речь идет о таких, казалось бы, мелочах, как выбор префикса («+7» или «8»), определение места на странице для расположения номера, настройка кликабельности и других технических моментах, от которых напрямую зависит успешность веб-площадки и бизнеса в целом.
1. Правильное написание
Длинный ряд цифр проще воспринимается и запоминается, если при написании соблюдались общепринятые правила. Разбитый дефисами перечень символов легче набрать без ошибок, а грамотное применение нужных префиксов обеспечит возможность связи с вами для покупателей из других регионов или стран.
2. Что входит в телефонный номер?
Составляющими любого набора цифр для телефонной связи являются префикс страны (+7 или 8), код города или мобильного оператора (495, 812) и основной номер (123-45-67). Если на сайте указан только основной номер, без добавления кода города, вам смогут позвонить исключительно жители этого населенного пункта, а других потенциальных клиентов вы таким образом лишите возможности воспользоваться своими услугами. Добавлением префикса и кода вы значительно расширяете аудиторию, а значит, гарантируете себе рост продаж.
3. «+7» или «8» – как лучше?
К сожалению, некоторые веб-мастера не придают значения такому нюансу, как правильное указание префикса в зависимости от территориального охвата аудитории. Нередко использование символов +7 или 8 продиктовано личными предпочтениями создателя сайта, а не здравым смыслом. Разберемся, в чем разница между этими префиксами.
4. Номер телефона и география входящих звонков
Если вы планируете обслуживать клиентов исключительно из вашего региона, достаточно указать основной номер. Например, для доставки пиццы и роллов или вызова такси в написании телефона с международным префиксом нет никакой необходимости. Напротив, слишком длинная комбинация цифр будет мешать ее восприятию и запоминанию. Лучше купить один красивый номер из повторяющихся символов и использовать облачную мини-АТС.
Для крупных интернет-магазинов и компаний, привлекающих клиентов из разных регионов страны, а также зарубежных партнеров, оптимальным выбором будет написание телефонного номера с префиксом +7.
5. Как размещать телефонный номер на сайте?
Соблюдение определенных правил указания номера телефона на сайте не только обеспечит возможность связаться с вами, но и создаст имидж компании, заботящейся о своих клиентах.
Топ 6 полезных статей для руководителя:
Перечислим несколько моментов, благодаря которым вы повысите эффективность своего сайта:
У посетителей не должно возникать проблем с поиском контактов. Шапка сайта – лучшее место для указания контактов, если не всех, то хотя бы номера телефона.
Необходимость связаться с вами может возникнуть при просмотре любого раздела, поэтому не стоит заставлять потенциального клиента возвращаться на главную в поисках контактных данных. Настройки позволяют отображать эти сведения на каждой странице ресурса.
Вы не обязаны работать круглосуточно, но ваши клиенты не поймут, в какие часы бесполезно вам звонить, если вы не укажете время работы. Отсутствие этой информации может обернуться потерей потенциальных покупателей: набрав номер в те часы, когда некому ответить на звонок, человек вряд ли повторит свою попытку позже. Скорее всего, он воспользуется услугами другого интернет-магазина, где указаны часы работы сотрудников.
Если вы хотите сохранить каждого человека, проявившего интерес к вашему веб-сайту, позаботьтесь о том, чтобы посетители не испытывали разочарование при попытке связаться с вами.
6. Кликабельный номер
Формат написания подобран идеально, расположение на странице выполнено с учетом всех рекомендаций, и этого уже достаточно, чтобы заметить рост эффективности сайта. Но пользователи наверняка оценят, если вы упростите им задачу по набору телефонного номера.
Все больше пользователей используют для интернет-серфинга мобильные устройства – планшеты и смартфоны. Что может быть логичнее, чем предоставить им возможность звонить вам одним кликом? Такая удобная функция повысит лояльность клиентов и обеспечит рост продаж.
7. Функция «Обратный звонок»
О пользе и эффективности этого инструмента вряд ли нужно говорить, его преимущества оценили тысячи компаний.
И все же напомним, почему «Обратный звонок» рекомендуется к установке на всех ресурсах, предназначенных для работы с аудиторией:
Что дает виртуальный номер телефона для сайта с переадресацией на мобильный
Суть переадресации заключается в том, что после предварительной настройки этой функции сигнал, поступающий на один номер, после обработки сервером перенаправляется на другой телефонный номер. Поскольку IP-телефония гораздо дешевле аналоговых видов связи, у вас появляется возможность принимать звонки на любое устройство без применения SIM-карты. Нужен только интернет, который, кстати, обеспечивает более качественную связь.
Виртуальный телефон с переадресацией звонков выгоден тем, что ему не требуется телефонная линия, SIM-карта или другое специальное оборудование. Приобретая нужный тип виртуального телефонного номера, вы настраиваете переадресацию входящих вызовов на городской или мобильный телефон. Звонки поступают на сервер и затем отправляются на указанное вами устройство.
За прием звонков на Skype и SIP плата не взимается, а за переадресацию на аналоговый аппарат придется доплатить. При необходимости в личном кабинете или при помощи службы поддержки провайдера можно внести коррективы в настройки. SIP-телефония избавляет от использования роуминга, а это значит, что звонки из других регионов не будут отличаться по стоимости от местных.
Процесс обработки звонков становится удобным и необременительным, что, несомненно, благотворно отражается на работе всего офиса и продуктивности его деятельности. Виртуальный номер отличается тем, что его можно использовать с любыми устройствами, внося изменения по мере возникновения такой необходимости. Если активировать условную переадресацию, все телефоны компании могут стать компонентами одной сети.
Переадресация на сотовый или стационарный телефон привносит в работу компании новые возможности:
Главное отличие виртуальных номеров от аналоговых заключается в подборе оптимальных установок для приема звонков и их простом изменении при необходимости. Виртуальный номер для факса позволяет забыть о такой проблеме, как потеря документов. Факсимильный аппарат больше не нужен, все принятые файлы сохраняются на e-mail.
На стоимость виртуального номера влияют несколько факторов:
Цена номер состоит из таких компонентов, как:
Как сделать номер телефона на сайте кликабельным
Для современного человека смартфон стал неотъемлемым атрибутом жизни. Еще бы, ведь в небольшом устройстве сочетаются десятки полезных функций, серьезно облегчающих выполнение самых разных задач. Неудивительно, что многие компании воспользовались уникальной возможностью стать частью ежедневного быта миллионов людей благодаря приложениям для смартфонов и адаптации сайтов для мобильных устройств.
В этом случае некликабельный номер телефона – прямой путь к потере клиента. Подумайте сами, даже если человек готов воспользоваться вашим предложением, ему придется выполнить несколько шагов: скопировать номер, свернуть браузер, открыть режим набора, вставить комбинацию цифр и нажать вызов. А если занято? А если он это делает на ходу, например, пытаясь забронировать столик в ресторане или вызвать такси? Будет ли он повторять эти действия снова и снова и остановится на том сайте, где номер можно набрать, просто нажав на него?
Думаем, ответ очевиден. Если не хотите терять клиентов из-за того, что ваш номер некликабелен, воспользуйтесь инструкцией.
Для начала рассмотрим вариант с доступом к HTML-коду сайта.
Обычный номер телефона, который пока имеет вид простого текста, в коде выглядит так: