Укажите номер телефона для связи

Раздел с контактами — это финальная точка на пути пользователя. Человек уже понял, что почём: изучил продукты и услуги, посмотрел на цены, ознакомился с информацией о доставке и оплате.

Его всё устроило, и вот он готов сделать заказ — трансформироваться из потенциального клиента в реального. На этом этапе важно не допустить ошибок: будет обидно, если пользователь не найдёт нужных контактов и отправится к конкурентам.

Вот почему так важно оформить этот раздел правильно. В этой статье расскажем, как это сделать, и какие контакты нужно обязательно указывать в 2020 году. Спойлер: нет, это не только номер телефона для связи!

Как контакты влияют на поведенческий фактор и ранжирование в поисковиках

Что касается поведенческого фактора, то тут всё просто. Чем больше контактов для связи вы укажете, тем лучше. Кто-то привык заказывать по телефону, кому-то легче отправить письмо на электронный ящик, а кто-то вообще хочет, чтобы менеджер перезвонил сам. Не лишайте потенциальных клиентов такой возможности: дайте им максимум каналов, и увидите, как вырастет конверсия!

С поисковиками сложнее. Они тоже любят, когда в разделе с контактами максимум информации, но есть и нюансы. Например, поисковая система всегда предпочтёт стационарный номер телефона мобильному и отметит сайт с кнопкой обратного звонка и функцией онлайн-консультанта. А если у вас есть возможность подключиться к номеру «8-800», то любовь поисковиков обеспечена! Ещё для поисковых систем важно указание точного адреса, желательно — со схемой проезда. Впрочем, адрес важен и для людей. И последний момент: в приоритете у роботов остаются крупные компании с филиалами в разных городах. Поэтому обязательно указывайте адреса филиалов, если работаете не только в одном регионе.

Как правильно оформить страницу с контактами

Чтобы страница с контактами работала на вас, её нужно правильно оформить. Вот несколько советов:

Какие контакты и способы связи указывать на сайте

А теперь — подробнее о контактах, которые нужно указывать на сайте, и о том, как это правильно сделать, чтобы не потерять клиента.

Номера телефонов

Большинство клиентов предпочитают именно телефонные звонки. Это проще, быстрее и надёжнее. О том, что в разделе с контактами обязательно нужно указывать номер телефона, знает каждый. Но не все думают о том, что одного номера телефона часто недостаточно.

Допустим, вы работаете сразу в двух сегментах: b2b и b2c. Обычный покупатель звонит и попадает в отдел оптовых продаж. И тут его начинают перекидывать с одного номера на другой. Вероятность, что человек всё-таки доберётся до нужного отдела и сделает заказ, резко снижается. Человек не хочет пробираться через миллион телефонных звонков, поэтому ему легче пойти к ушлым конкурентам, которые разложили номера телефонов по полочкам.

Поэтому не поленитесь и сделайте также: укажите номер телефона для каждого отдела. А если есть возможность подключить многоканальный номер «8-800», то не жалейте денег. Многие клиенты не хотят тратить свои кровные на телефонную связь, поэтому уходят в самый последний момент.

Электронная почта

Для электронной почты работает то же правило, что и с номерами телефонов. Для каждого отдела — свой почтовый ящик.

А чтобы клиентам было проще воспринимать электронный адрес, сделайте его коротким и запоминающимся. В идеале — почта на домене сайта. Это немаловажный фактор для коммерческого ранжирования поисковыми системами.

Адрес компании и схема проезда

Адрес нужно указывать даже в том случае, если вы полностью работаете онлайн. Наличие на сайте подлинного адреса вызывает доверие, тем более что эту информацию можно легко проверить.

И конечно, без адреса не обойтись компаниям, которые работают виртуально. Например, вы занимаетесь строительством, и чтобы воспользоваться услугами или купить товар, клиенту нужно приехать в офис. Как он найдёт вас? Правильно: наверняка он не станет заморачиваться с поисками, если у вас не суперкрутое предложение «почти даром»! Поэтому указывайте полный адрес компании. А чтобы покупателю было легче найти вас, приложите интерактивную карту со схемой проезда.

И ещё: если производство и офис в разных местах, или у вас несколько филиалов, указывайте все адреса, чтобы не вводит клиента в заблуждение!

Форма обратной связи

Даже если клиент хочет написать вам, не факт, что он скопирует ваш электронный адрес, откроет свою почту и отправит письмо. Чтобы сократить этот путь до минимума, интегрируйте в раздел с контактами форму обратной связи. Только не переусердствуйте с полями для заполнения. Вы же помните, что большинство покупателей — люди нетерпеливые? Подумайте, какие данные нужны вам, чтобы дать обратную связь? Чаще всего достаточно имени, номера телефона и электронной почты клиента. Значит, пусть в форме будут эти поля, плюс отдельное поле для ввода сообщения!

Виджет обратного звонка

Это быстрый аналог формы обратной связи. Если коротко, это работает так: виджет обратного звонка интегрируют на видном месте. Когда клиент нажимает на кнопку, ему предлагается ввести номер телефона. Сервис сразу даёт сигнал менеджерам, и как только те снимают трубку, начинает перезванивать клиенту.

Онлайн-мессенджеры

VIBER, WhatsApp, Telegram — вот самые популярные мессенджеры, которыми пользуются люди. Значит, их тоже нужно добавить на сайт, чтобы расширить список каналов для связи. Многим клиентам проще быстро отправить бесплатное сообщение, чем звонить, писать по электронной почте или заполнять форму обратной связи.

Ссылки на соцсети

Соцсети — это реальность 2020 года, поэтому не сбрасывайте их со счетов. Если у вас есть группа или аккаунт в социальных сетях, укажите ссылки на своём сайте. Это будет работать, если среди админов есть компетентный сотрудник, который может ответить клиенту на вопросы или решить проблему.

Немногие задумываются, как сильно влияет наличие и оформление такого элемента, как номер телефона для сайта, на конверсию. Большинство считает, что это всего лишь необязательный и не столь существенный кусочек информации.

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

Почему стоит размещать телефон на сайте

Результаты опроса, проведенного финансовой компанией American Express, показали, что больше половины клиентов интернет-магазинов (60 %) не считают нужным пользоваться телефоном при выборе товара и оформлении заказа. Ответы на возникающие вопросы 24 % ищут самостоятельно на сайте магазина, а 12 % обращаются к сотрудникам при помощи онлайн-чата. Однако если проблема выходит за рамки стандартной и касается вопросов оплаты или возврата неподошедшего товара, 40 % покупателей предпочитают разговор с живым человеком, а не с ботом. Компания Google в ходе аналогичного опроса выяснила, что 47 % пользователей скорее всего откажутся от услуг торговой площадки, если не найдут на ее страницах телефонных номеров для связи с сотрудниками.

1. Наличие телефона вызывает доверие

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

Выстраивание доверительных отношений между интернет-магазином и его клиентами – очень важная составляющая бизнес-стратегии в этом сегменте торговли. Дело в том, что веб-площадки изначально проигрывают традиционным магазинам с точки зрения создания комфортных условий для покупки. На сайте человек лишен возможности взять товар в руки, рассмотреть и ощупать его со всех сторон, убедиться в том, что вещь полностью соответствует его ожиданиям. Без высокого уровня доверия многим нелегко решиться на покупку, особенно если правилами магазина предусмотрена 100-процентная предоплата.

Чтобы убедить потенциального клиента в безопасности совершаемой сделки, виртуальные торговые точки вынуждены использовать различные приемы. Это и социальные доказательства в виде отзывов довольных покупателей, и гарантии возврата товара, и возможность предварительной примерки и осмотра приобретенных вещей в пунктах доставки или в присутствии курьера. Активный номер телефона на сайте служит еще одним способом завоевать доверие клиентов, поскольку непосредственное общение с работниками интернет-магазина воспринимается как наиболее надежный вариант решения проблем.

2. Номер телефона на сайте помогает росту конверсии

От уровня доверия пользователей напрямую зависит конверсия. Это подтверждают результаты А/B-теста, проведенного компанией Flowr: при сравнении двух версий сайта, с телефонным номером и без него, более высокая конверсия была отмечена в первом случае (53,96 % зарегистрировавшихся на веб-площадке с телефоном против 46,04 % без указания номера).

3. Дополнительные причины разместить на официальном сайте номер телефона:

• Есть люди, которые предпочитают живое общение поиску ответов на страницах или в FAQ.
• Некоторые очень ценят собственное время, поэтому не хотят тратить его на самостоятельное изучение сайта, справедливо полагая, что сотрудник быстрее даст ответ на возникший вопрос.
• Для многих отсутствие номера телефона – знак несерьезности компании, которая не планирует долго задерживаться на рынке или просто создана в мошеннических целях.
• Если юзабилити сайта оставляет желать лучшего, например, у клиента нет уверенности, что его заказ поступил в работу. Чтобы убедиться в этом, используется телефон.
• Люди старшего поколения по привычке больше доверяют разговору с оператором, чем заполнению форм на сайте.

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

Как грамотно указывать номер телефона на сайте: основные правила

Размещенный на официальном сайте номер телефона компании говорит потенциальным клиентам о ее открытости, готовности к диалогу, что в свою очередь повышает доверие и способствует росту продаж. Но даже в таком элементарном деле, как указание телефона, есть нюансы, без соблюдения которых будет сложно достичь поставленной цели.

Речь идет о таких, казалось бы, мелочах, как выбор префикса («+7» или «8»), определение места на странице для расположения номера, настройка кликабельности и других технических моментах, от которых напрямую зависит успешность веб-площадки и бизнеса в целом.

1. Правильное написание

Длинный ряд цифр проще воспринимается и запоминается, если при написании соблюдались общепринятые правила. Разбитый дефисами перечень символов легче набрать без ошибок, а грамотное применение нужных префиксов обеспечит возможность связи с вами для покупателей из других регионов или стран.

2. Что входит в телефонный номер?

Составляющими любого набора цифр для телефонной связи являются префикс страны (+7 или 8), код города или мобильного оператора (495, 812) и основной номер (123-45-67). Если на сайте указан только основной номер, без добавления кода города, вам смогут позвонить исключительно жители этого населенного пункта, а других потенциальных клиентов вы таким образом лишите возможности воспользоваться своими услугами. Добавлением префикса и кода вы значительно расширяете аудиторию, а значит, гарантируете себе рост продаж.

3. «+7» или «8» – как лучше?

К сожалению, некоторые веб-мастера не придают значения такому нюансу, как правильное указание префикса в зависимости от территориального охвата аудитории. Нередко использование символов +7 или 8 продиктовано личными предпочтениями создателя сайта, а не здравым смыслом. Разберемся, в чем разница между этими префиксами.

• «Восьмерка» обеспечивает выход на междугороднюю связь внутри России. Телефонный номер, начинающийся с 8, позволяет позвонить вам только тем абонентам, которые находятся на территории РФ.
• +7 является общим префиксом и для звонков внутри страны, и для связи с вами потенциальных клиентов, проживающих за ее пределами. По сути, это универсальный вариант, и те компании, которые используют такое написание на своем сайте, обеспечивают возможность связи с наиболее широкой аудиторией.

4. Номер телефона и география входящих звонков

Если вы планируете обслуживать клиентов исключительно из вашего региона, достаточно указать основной номер. Например, для доставки пиццы и роллов или вызова такси в написании телефона с международным префиксом нет никакой необходимости. Напротив, слишком длинная комбинация цифр будет мешать ее восприятию и запоминанию. Лучше купить один красивый номер из повторяющихся символов и использовать облачную мини-АТС.

Для крупных интернет-магазинов и компаний, привлекающих клиентов из разных регионов страны, а также зарубежных партнеров, оптимальным выбором будет написание телефонного номера с префиксом +7.

5. Как размещать телефонный номер на сайте?

Соблюдение определенных правил указания номера телефона на сайте не только обеспечит возможность связаться с вами, но и создаст имидж компании, заботящейся о своих клиентах.

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

• Найдите место на странице, где номер будет хорошо заметен.

У посетителей не должно возникать проблем с поиском контактов. Шапка сайта – лучшее место для указания контактов, если не всех, то хотя бы номера телефона.

• Укажите номер на каждой странице.

Необходимость связаться с вами может возникнуть при просмотре любого раздела, поэтому не стоит заставлять потенциального клиента возвращаться на главную в поисках контактных данных. Настройки позволяют отображать эти сведения на каждой странице ресурса.

• Обозначьте время работы.

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

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

6. Кликабельный номер

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

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

7. Функция «Обратный звонок»

О пользе и эффективности этого инструмента вряд ли нужно говорить, его преимущества оценили тысячи компаний.

И все же напомним, почему «Обратный звонок» рекомендуется к установке на всех ресурсах, предназначенных для работы с аудиторией:

• выгодно для клиента, ему не нужно оплачивать звонок, это делает компания-продавец;
• нет необходимости «висеть» на линии в ожидании, пока оператор закончит разговор с другим абонентом;
• можно указать время, в которое удобно общаться с сотрудником интернет-магазина;
• психологические особенности некоторых людей, из-за которых они не решаются звонить сами, а предпочитают отвечать на входящие вызовы.

Что дает виртуальный номер телефона для сайта с переадресацией на мобильный

Суть переадресации заключается в том, что после предварительной настройки этой функции сигнал, поступающий на один номер, после обработки сервером перенаправляется на другой телефонный номер. Поскольку IP-телефония гораздо дешевле аналоговых видов связи, у вас появляется возможность принимать звонки на любое устройство без применения SIM-карты. Нужен только интернет, который, кстати, обеспечивает более качественную связь.

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

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

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

Главное отличие виртуальных номеров от аналоговых заключается в подборе оптимальных установок для приема звонков и их простом изменении при необходимости. Виртуальный номер для факса позволяет забыть о такой проблеме, как потеря документов. Факсимильный аппарат больше не нужен, все принятые файлы сохраняются на e-mail.

На стоимость виртуального номера влияют несколько факторов:

• тип номера;
• выбранный тариф;
• набор дополнительных услуг.

Цена номер состоит из таких компонентов, как:

• стоимость подключения;
• ежемесячная оплата;
• пополнение счета в личном кабинете.

Как сделать номер телефона на сайте кликабельным

Для современного человека смартфон стал неотъемлемым атрибутом жизни. Еще бы, ведь в небольшом устройстве сочетаются десятки полезных функций, серьезно облегчающих выполнение самых разных задач. Неудивительно, что многие компании воспользовались уникальной возможностью стать частью ежедневного быта миллионов людей благодаря приложениям для смартфонов и адаптации сайтов для мобильных устройств.

В этом случае некликабельный номер телефона – прямой путь к потере клиента. Подумайте сами, даже если человек готов воспользоваться вашим предложением, ему придется выполнить несколько шагов: скопировать номер, свернуть браузер, открыть режим набора, вставить комбинацию цифр и нажать вызов. А если занято? А если он это делает на ходу, например, пытаясь забронировать столик в ресторане или вызвать такси? Будет ли он повторять эти действия снова и снова и остановится на том сайте, где номер можно набрать, просто нажав на него?

Думаем, ответ очевиден. Если не хотите терять клиентов из-за того, что ваш номер некликабелен, воспользуйтесь инструкцией.

1. Код сайта

Для начала рассмотрим вариант с доступом к HTML-коду сайта.

Обычный номер телефона, который пока имеет вид простого текста, в коде выглядит так:

<span>+7(999)888-77-66</span>

Или вот так (если присвоен класс):

<p class=»phone”>+7(999)888-77-66</p>

Или вообще так (если к этому тексту применены стили: цвет, шрифт, форматирование):

<div id=»number» class=»phone mobile text num» style=»color: #1f21ff; text-align: center» name=»phone_number»>+7(999)888-77-66</p>

За гипертекст (возможность текста в коде HTML включать в себя гиперссылку) отвечает тег <a>…</a>. Атрибут href=”” отвечает за то, куда будет направлен клиент. Внутри кавычек указывается адрес страницы или действие. За автоматический набор номера по клику отвечает параметр tel:ХХХ, где XXX – номер телефона без пробелов и тире.

Исходя из этого, для первого примера код будет следующим:

<span>
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</span>

Мы не только оставили сам текст на сайте, но и добавили к нему действие: вызов на конкретный номер.

Сделаем и второй номер кликабельным:

<p class=”phone”>
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</p>

Из третьего номера сделать гипертекст тоже не составит особого труда. При этом сохраняются его изначальные стили:

<div id="number" class="phone mobile text num" style="color: #1ff1ff; text-align: center" name="phone_number">
<a href=”tel:+79998887766”>+7(999)888-77-66</a>
</p>

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

CMS/конструктор сайтов

Если ваш сайт создан при помощи CMS/конструктора, ищите специальные инструменты в функционале платформы. Скорее всего, в FAQ Tilda, LP, Wix вы обнаружите подсказки, как сделать номер телефона кликабельным. В противном случае воспользуйтесь следующим советом.

В любом конструкторе сайтов предусмотрен инструмент форматирования «Гиперссылка». Номер, введенный в текстовом редакторе, – это и есть обычный текст. Кликабельным он будет, если оформить его как гиперссылку, а в поле «Адрес» указать:

tel:+7XXXXXXXXXX

где «+7XXXXXXXXXX» – номер телефона, на который вы хотите получать входящие вызовы.

2. Как быть, если я использую коллтрекинг?

Такой вопрос возникает у предпринимателей, применяющих динамический коллтрекинг с подменой номера на сайте. Однако никаких препятствий для того, чтобы сделать кликабельным подменный номер, не существует.

В качестве примера возьмем коллтрекинга Callibri, но для всех остальных сервисов подмены номера действуют примерно такие же правила.

За подмену номера отвечает атрибут class=”callibri_phone”. Если у вас есть активный настроенный проект, на сайте установлен скрипт и каждому номеру телефона в коде присвоен атрибут class=”callibri_phone”, подмена происходит автоматически. Скрипт Callibri сам находит нужные элементы с номерами телефонов и подменяет их.

Если номер телефона на сайте не кликабельный, то и подменяться будет обычный номер в виде текста. Но если на ваш номер уже можно позвонить в один клик, скрипт Callibri c помощью class=”callibri_phone” подменит и номер, указанный в атрибуте «href=»tel:XXX», на который происходит вызов. Если клиент нажмет на подменный номер, звонок также пройдет на подменный номер – вы не потеряете лид и сможете узнать, откуда к вам пришёл клиент.

Код, в котором подменяется не только текст номера на сайте, но и номер для вызова, выглядит так:

<p class="phone”>
<a class=”callibri_phone” href=”tel:+79998887766”>+7(999)888-77-66</a>
</p>

3. Опасности

На что стоит обратить особое внимание?

Неправильно делать кликабельный номер вот так:

<a class=”callibri_phone” href=”tel:+79998887766”>
<span>+7(999)888-77-66</span>
</a>

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

Так тоже не стоит:

<a href=”tel:+79998887766”>
<p class="phone callibri_phone”>+7(999)888-77-66</p>
</a>

В этом случае, кроме потери оформления, подмена произойдет только для элемента <p>…</p>. Таким образом, видимый телефон в коде сайта подменится. А при клике элемент будет ссылаться на основной номер телефона, без подмены. То есть вы не узнаете, откуда пришел клиент: вместо подменного номера он позвонит по вашему основному телефону.

4. Финал

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

5. Бонус

Таким же способом можно сделать кликабельным адрес электронной почты. Для B2B это буди важным преимуществом: теперь отправить вам спецификацию или запросить коммерческое предложение станет гораздо проще, и будущие партнеры не преминут воспользоваться этим шансом.

Обеспечить кликабельность e-mail несложно: надо всего лишь поставить атрибут <a href=”mailto:XXX”>. Если вы пользуетесь email-трекингом, не забудьте правильно расположить атрибуты, чтобы подменялся не только текст на сайте, но и адрес отправки письма:

<a class=”callibri_email” href=”mailto:mail@server.com”>mail@server.com</a>

Как подключить номер телефона для сайта от Яндекс.Телефонии

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

Возможности Яндекс.Телефонии:

• Очередь звонков.
• Запись сообщений.
• Условия для обработки.
• Переадресация и блокировка.
• Прием обращений из формы обратной связи на сайте.
• Работа с Facebook и Twitter.
• Звонок со страниц сайта.
• Приветствия.
• Голосовое меню.
• График обработки звонков.
• Экспорт данных в CSV.
• Статистика работы сотрудников.
• Другое.

Прежде чем вы сможете оценить все преимущества Яндекс.Телефонии, вам предстоит пройти процедуру регистрации на сервисе. В правом верхнем углу главной страницы сайта располагается кнопка «Войти».

Нажав на нее, вы увидите окно для ввода логина и пароля от Яндекс.Паспорта. При отсутствии регистрации в данной системе сначала проходят этот этап.

После нажатия кнопки «Далее» приложение запрашивает доступ к данным пользователя. После клика по «Разрешить» сервис предлагает на выбор один из московских номеров на время пробного периода, который впоследствии меняется на номер любого другого доступного города.

После выбора номера нажимаем «Далее». Если у системы нет претензий, появляется окно с уведомлением о том, что вы подключены к Яндекс.Телефонии с пробным тарифом и предложением начать работу. Клик по кнопке «Приступить к работе» перенаправляет вас в личный кабинет пользователя.

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

До момента окончания пробного периода необходимо оплатить и выбрать подходящий тариф. Лицевой счет пополняется на необходимую сумму, после чего приобретается тариф «Профи» или «Старт». Пока договор не загружен в личный кабинет, кнопки для покупки не активны.

Оригинал договора пользователь получает после его отправки Яндексом через Почту России.

Итоговые советы по оформлению номера телефона на сайте

1. В изображении номеру телефона не место

Некоторые владельцы веб-площадок, пытаясь избежать трудностей работы с HTML и CSS-кодом, не придумывают ничего лучше, чем вставить свой номер в картинку. Естественно, что о кликабельности в этом случае говорить не приходится, а значит, со многими потенциальными клиентами придется распрощаться.

Если номер написан обычным текстом, большинство смартфонов без труда распознают его. Для подстраховки воспользуйтесь следующим кодом:

<a href=»tel:+78121112233″>+7 (812) 111-22-33</a>

Теперь ваш телефонный номер точно распознают смартфоны на iOS и на Android.

Для тех пользователей, которые посещают сайт с персональных компьютеров, номер настраивается для звонков через Skype:

<a href=»skype:+78121112233?call»>+7 (812) 111-22-33</a>

2. Используйте один стиль для всех символов номера

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

3. Не забывайте о префиксе

Хотите, чтобы как можно больше пользователей без труда могли связаться с вами, – пишите номер полностью, в том числе не удаляйте префикс. Современные смартфоны без проблем распознают правильно написанный номер, и ваш потенциальный покупатель легко развеет свои сомнения по поводу предстоящей покупки, переговорив с сотрудником компании. Иначе он обратится к другому продавцу, на сайте которого к написанию телефонного номера подошли с большей тщательностью.

Дата публикации: 28.07.2017 05:39 (архив)

Ссылки tel: нужны, чтобы сделать кликабельным номер телефона на сайте, а через mailto: можно отправить целое письмо, в котором сразу будут заполнены и адрес, и тема, и даже какой-нибудь текст. Иногда это удобно — пользователю не нужно набирать номер телефона вручную, а письмо в службу поддержки можно начать сразу с конкретной темы.

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

mailto:

Ссылка формируется из нескольких частей. Сначала в адресе ставится префикс mailto:, после которого указывается адрес почты. Это самый простой вариант.

<a href="mailto:mail@htmlacademy.ru">Напишите нам</a>

Текст письма указывается с помощью параметра body

<a href="mailto:mail@htmlacademy.ru&body=привет">Напишите нам</a>

За тему письма отвечает параметр subject.

<a href="mailto:mail@htmlacademy.ru&body=привет?subject=вопрос">Напишите нам</a>

Можно даже указать кого-то в копии, для этого используются параметры cc и bcc.

<a href="mailto:blog@htmlacademy.ru&cc=mail@htmlacademy.ru?body=Привет, подпишитесь на рассылку">Напишите нам</a>

Что произойдёт, если кликнуть на ссылку с mailto

Откроется почтовая программа, в которой уже будут заполнены все нужные поля. Например, так ссылку выше обработает программа «Почта» в OS X:

Если почтовая программа по умолчанию не установлена, появится окно выбора программы.

Обратите внимание, что адреса с нестандартными символами, например, кавычками или дополнительными знаками @, нужно записывать особым образом. Подробнее об этом и других сложных случаях читайте в >RFC 6068

Как стилизовать mailto

Для стилизации ссылки на электронную почту можно воспользоваться CSS-селектором a[href^="mailto:"].

a[href^="mailto:"] {
  font-size: 16px;
  line-height: 32px;
  color: #000000;
}

tel:

Ссылка на номер телефона размечается с помощью специального префикса перед номером телефона — tel:.

<a href="tel:+79001111111">+7-900-111-11-11</a>

Хорошим тоном считается указание в href кода страны. При этом в тексте ссылки номер может быть указан в любом удобном формате. Например, добавляем городской номер на сайте фирмы из Санкт-Петербурга:

<a href="tel:+78121111111">(812) 123-45-67</a>

<a href="tel:+78121111111">123-45-67</a>

<a href="tel:1234567">123-45-67</a>

Другое обязательное требование RFC 3966 — номер телефона, указанный в href, должен быть явно виден на странице.

Звоните <a href="tel:+79001111111">8-900-111-11-11</a> по любому поводу. 

<a href="tel:+79001111111">Звоните</a> по любому поводу.

Что произойдёт, если кликнуть на ссылку с tel

На смартфоне откроется приложение-звонилка, в котором будет набран указанный в ссылке номер. Если открыть такую ссылку на компьютере, где есть программа для звонков, произойдёт то же самое. Но вообще то, что произойдет, сильно зависит от устройства и операционной системы, браузера и устройства.

• Android, iOS — откроется звонилка по умолчанию.
• Chrome, Edge, Firefox на Windows — откроется предложение использовать какую-нибудь программу для звонка.
• Safari — если номера нет в списке контактов, то появится подтверждение вызова, после этого откроется FaceTime.

Например, Chrome на OS X предложить открыть FaceTime для звонка, так как эта программа установлена по умолчанию. Вместо неё легко может быть Skype или любая другая звонилка.

Windows на ноутбуке предложит выбрать, с помощью какой программы открывать ссылки tel:

Как стилизовать

С помощью CSS-селектора a[href^="tel:"].

a[href^="tel:"] {
  font-size: 16px;
  line-height: 32px;
  text-decoration: none;
  color: #000000;
}

А так можно добавить иконку телефона из Unicode, которая есть во всех системах:

a[href^="tel:"]:before {
  content: "260e";
  margin-right: 0.5em;
}

Получится такой результат:

Дополнительные материалы по теме

• RFC 6068 — The ’mailto’ URI Scheme
• RFC 3966 — The tel URI for Telephone Numbers
• The Current State of Telephone Links

Ещё о вёрстке

• Как убрать подчёркивание ссылок
• Как сделать список без точек в HTML
• В чём отличие aside и article

Когда пользователь может в один клик по номеру телефона сделать звонок, это в плюс и ему, и вам. Он тратит минимум усилий и времени, чтобы вам дозвониться, а вы получаете +1 целевой звонок. Естественно, это относится к мобильным устройствам.

В этой статье мы покажем, как сделать кликабельный номер телефона на сайте. Алгоритмы отличаются в зависимости от того, на чем создан ваш сайт.

HTML-код

Обычный номер телефона, который пока является простым текстом, в коде может выглядеть так:

<span>+7(999)888-77-66</span>

Или так (если присвоен класс):

<p class=»phone”>+7(999)888-77-66</p>

Или так (если к этому тексту применены стили: цвет, шрифт, форматирование):

<div id=»number» class=»phone mobile text num» style=»color: #1f21ff; text-align: center» name=»phone_number»>+7(999)888-77-66</p>

За гипертекст (возможность текста в коде HTML включать в себя гиперссылку) отвечает тег <a>…</a>. Атрибут href=”” отвечает за то, куда будет направлен клиент — внутри кавычек указывается адрес страницы или действие.

За автоматический набор номера по клику отвечает параметр tel:ХХХ, где XXX — номер телефона без пробелов и тире.

Таким образом, для первого примера код будет следующим:

<span>

<a href=”tel:+79998887766”>+7(999)888-77-66</a>

</span>

К тексту добавили действие – вызов на конкретный номер.

Сделаем и второй номер кликабельным:

<p class=»phone”>

<a href=”tel:+79998887766”>+7(999)888-77-66</a>

</p>

Третий пример тоже без особых усилий становится гипертекстом. При этом сохраняются его изначальные стили:

<div id=»number» class=»phone mobile text num» style=»color: #1ff1ff; text-align: center» name=»phone_number»>

<a href=”tel:+79998887766”>+7(999)888-77-66</a>

</p>

По этому же принципу вы можете сделать кликабельный email.

Чтобы email стал кликабельным, поставьте атрибут <a href=”mailto:XXX”>.

Сайт на WordPress

Для Вордпресса есть специальный плагин CallPhone’r. Этот модуль выводит на каждой странице сайта иконку, при нажатии на которую мобильное устройство переходит в режим вызова.

Там же есть возможность настройки по времени отображения иконки. Это позволит не получать звонки от клиентов в нерабочее время.

Сайт на mottor (LPmotor)

Этот конструктор дает несколько вариантов.

1) Телефон в виде текста.

В этом случае выделите текст телефона в блоке и нажмите кнопку добавления ссылки в панели редактирования:

2) Переход к набору номера с кнопки. В панели редактирования блока «Кнопка» необходимо выставить «Переход по ссылке» и указать ваш номер телефона в формате «tel:88005555555».

3) Переход к набору номера с иконки/картинки. Здесь в выпадающем меню «Действие» нужно выбрать «Переход по ссылке» и вставить номер в формате «tel:+74957873422».

4) Также можно вставить кликабельный телефон на сайт в виде html блока.

Тогда в поле «Редактирование HTML-кода» нужно вставить

<a href=»tel:+74957873422″>Позвонить 8 (495) 787 34 22</a>.

Сайт на Wix

1) Чтобы создать кликабельный номер телефона:

— Добавьте текст. Вот инструкция из базы знаний Wix о том, как это сделать;

— Нажмите «Редактировать текст»;

— Введите номер телефона. Не вводите другой текст в том же окне.

2) Чтобы связать текст ссылкой с номером телефона:

— Добавьте текст;

— Нажмите «Редактировать текст»;

— Введите текст, например, «Позвонить сейчас»;

— Выделите текст;

— Нажмите на иконку «Ссылка»;

— Выберите Номер телефона;

— Введите номер телефона в поле «Номер телефона»;

— Нажмите «Готово».

3) Чтобы связать кнопку ссылкой с номером телефона:

— Добавьте кнопку

— Измените текст кнопки

— Нажмите на иконку Ссылка

— Выберите Номер телефона

— Введите номер телефона в поле «Номер телефона»

— Нажмите «Готово».

Сайт на Tilda

Чтобы при клике на номер телефона начинался звонок или при клике на e-mail открывался почтовый клиент, нужно навесить на них ссылки.

1) Ссылка, которую нужно задать тексту с номером телефона: tel:+71234567890 (все без пробела). Будет работать при просмотре сайта на телефоне.

Например, выбираете блок меню ME301, во вкладке Контент в поле Дополнительно указываете номер телефона, затем выделяете его и с помощью выпадающей панели инструментов для текста добавляете ссылку вида tel:+7123456789.

2) Ссылка, которую нужно задать тексту с адресом почты: yourmail@mysite.com. При добавлении ссылки в Контент блока в поле «Ссылка», нужно указывать ссылку как mailto:yourmail@mysite.com.

Как отслеживать клики по номеру телефона

Это можно делать без вмешательства в код и установки Менеджера тегов Google. В Яндекс.Метрике не так давно появился новый тип цели – «Клик по номеру телефона». Достаточно указать нужные параметры, и данные о звонках будут поступать в Метрику:

Чтобы всё работало, важно указать номер в точности такой же, какой указан в коде сайта. Лучше всего скопировать адрес ссылки прямо с сайта. Для этого:

• Кликните правой кнопкой мыши по номеру на сайте и нажмите в меню «Просмотреть код»;
• В открывшейся консоли разработчика вы увидите нужную ссылку с номером;

• Скопируйте её и вставьте в параметрах цели.

Данные по кликам на номер телефона появятся в отчете «Конверсии» уже через несколько минут после создания цели.

Выбирайте подходящий способ подтверждения

Заслужили доверие не словами, а делом

Звонок умеет гораздо больше!

Попробуйте Звонок бесплатно

При регистрации начислим 20 рублей на счёт. Этого хватит, чтобы сделать несколько десятков звонков.