как вставить номер телефона
Как сделать кликабельный телефон на сайте
С каждым годом стремительно растет количество интернет-пользователей, использующих мобильные платформы. И чтобы не потерять своего клиента, необходимо предоставить посетителю возможность позвонить прямо сейчас.
Современные мобильные браузеры могут автоматически делать номер телефона на сайте кликабельным, но это работает не всегда (из-за разных написаний номера телефона).
Наверное, многие из вас сталкивались с такой ситуацией, когда, заказывая какой-либо товар в интернет-магазине, приходилось уточнять некоторые вопросы по телефону. И для этого приходилось записывать номер телефона магазина на листочек / телефон друга, потом снова набирать в свой телефон, и только после этих манипуляций удавалось позвонить. А если телефон поддержки вдруг оказывался недоступен, приходилось всё это проделывать заново.
Именно для того, чтобы решить эту проблему, был разработан способ, который отвечает на вопрос «Как правильно указывать номер телефона на сайте». Давайте разберемся, как разместить телефон на сайте и сделать его кликабельным.
Сделать номер телефона кликабельным можно с помощью обыкновенной ссылки, но со специальным адресом:
То есть в атрибуте 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/
Как избавиться от нецелевых кликов своими руками: 2 эффективных приема с инструкцией Статья
Что умеют голосовые боты, как выбрать сервис интеграции и проверить эффективность внедрения Статья
Как ответить на негативный отзыв клиента: правила и советы Статья
Как работать с API Google Analytics 4 на языке R: воркшоп от эксперта Netpeak Статья
Как прорабатывать сложные коммерческие запросы и какие результаты это даст: опыт Ant-team.ru Статья
Google Календарь: как создать, настроить и использовать весь доступный функционал Статья
Как сделать номер телефона на сайте кликабельным
Количество посетителей, просматривающих сайты с мобильных устройств, неуклонно растет, в связи с этим становится актуальным такой элемент, как кликабельный номер телефона, позволяющий посетителю, просто нажав на номер, указанный в тексте сайта, сразу перейти к осуществлению звонка.
Тем не менее, мобильные устройства не всегда преображают указанные на страницах номера в кликабельные ссылки. В данной инструкции мы расскажем, как сделать номер телефона на сайте кликабельным при просмотре с любых устройств (не только с мобильных).
Способ 1
Перейдите к редактированию нужного вам текста и выделите номер телефона.
Теперь нажмите на кнопку вставки ссылки.
В открывшемся окне выберите тип ссылки «Phone» и сохраните изменения.
Способ 2
Далее нажмите на выделенную на скриншоте ниже кнопку HTML на рабочей панели редактора.
Откроется редактор кода страницы. Тут Вам будет необходимо отредактировать уже указанный номер телефона (если в этом тексте уже присутствует номер) или же указать в нужном месте текста номер в следующем формате:
Затем сохраните изменения, нажав «Сохранить и закрыть».
На сайте номер телефона в тексте станет кликабельным и будет выглядеть примерно следующим образом:
Как сделать ссылку на номер телефона в HTML: протокол tel:, оформление и советы
Недавно читал, что объемы мирового мобильного трафика уже превышают десктопных пользователей. В данном блоге этого пока не случилось, но в интернет-магазине одного из моих клиентов бОльшая часть людей заходит именно через планшеты/смартфоны. Поэтому меня попросили сделать продвинутую ссылку на телефон на сайте, которая при нажатии автоматически бы открывала соответствующее приложение с набором номера.
Некоторые устройства без проблем понимают написанные телефоны, например, слышал, что в Android для этого достаточно заключить линк в span:
При клике по тексту, в теории, весь номер должен выделиться, но на практике у меня это почему-то не получилось.
Лучше использовать в ссылке tel параметр:
Фишка работает с 2011 года, хотя не все браузеры одинаково с ней дружат(жили) — как это часто бывает в верстке, есть определенные нюансы. Поэтому я решил опубликовать немного инфы по теме из интересной англоязычной статьи.
Спецификация и поддержка
По факту tel: — это не опция «А» тега, а протокол (такой же как http: или mailto:, отвечающие за линки на веб-страницы и почтовые адреса соответственно). Конкретного и детального его описания в HMTL5, вроде бы, нет, но после принятия данного стандарта в iOS, он стал использоваться повсеместно.
Даже без спецификации многие браузеры вполне адекватно понимают ссылку на телефон в HTML, однако процесс обработки клика встречается разный: начиная от открытия диалогового окна с выбором приложения и заканчивая банальным игнорированием.
Как реагируют типовые программы:
Увы, не все разработчики браузеров для компьютеров (в том числе и непопулярных) позаботились о должной поддержке tel протокола, вероятно, работа над этим будет продолжаться. Хотя без конкретной спецификации она выглядит несколько абстрактной.
Оформление ссылки tel: в HTML
Поскольку линк находится в теге А, то отображение ссылки номера телефона полностью зависит от его стилей. Например, если для А добавили класс phone-style, то будет:
Убираем подчеркивание с text-decoration чтобы элемент выглядел как текст.
Если хотите применить один и тот же стиль всем телефонам на сайте, то пишете:
С помощью псевдо класса before и представления символов в unicode можно добавить небольшую иконку в начале:
Советы по созданию ссылки на номер телефона
Данная фишка для мобильных устройств — громадное преимущество, т.к. является отличным Call To Action маркетинговым инструментом. Посетителю сайта не надо пытаться выделить весь текст, вводить номер по памяти и т.п., он просто кликает в нужном месте, и активная ссылка телефона сделает свое дело. Однако тут есть нюансы.
Определение мобильных устройств
Как я уже сказал выше, в декстопнах подобный линк срабатывает далеко не всегда, поэтому разумно использовать разный код под разные типы устройств. Чтобы опция функционировала только в мобильных браузерах добавляете в шаблон, например, следующий JavaScript:
Здесь, в зависимости от результата условия в IF, в блоке с создается либо ссылка на телефон с tel:, либо просто HTML текст.
SEO оптимизация
В оригинальной статье есть пример кода контактов для бизнес сайтов, где информация может быть использована в Google выдаче.
Beach Bunny Swimwear
Теоретически, в линке можно еще указать rel=»nofollow».
Убираем автоопределение
Если вы собираетесь внедрять сегодняшний урок в свой шаблон, то вероятнее всего захотите отключить автоопределение телефона в iOS. Как минимум, чтобы система не переопределила существующие стили. Для этого в HEAD дописываете строку:
Итого. Если вы размещаете контактную информацию на сайте, то по умолчанию ссылки на телефоны не открываются — вам нужно использовать специальный протокол tel: в HTML теге А. Опция не имеет четкой спецификации, и поддерживается браузерами слегка «хаотично» — учитывайте это. В заключительной части я указал 3 пожелания, которые было бы неплохо внести в ваш код: отключить линки на дестопах, отформатировать код для лучшего считывания поисковыми роботами и т.п.
Если будут вопросы, пишите их ниже. А вы добавляете в своих проектах активные ссылки на номера телефонов? Почему да / нет?
Номер телефона для сайта: как указать и оформить правильно
Повышаем успешность вашего сайта с финансовой точки зрения
Из этого материала вы узнаете:
Немногие задумываются, как сильно влияет наличие и оформление такого элемента, как номер телефона для сайта, на конверсию. Большинство считает, что это всего лишь необязательный и не столь существенный кусочек информации.
На самом деле номер телефона требует к себе гораздо большего внимания, ведь от этого может напрямую зависеть успешность вашего сайта с финансовой точки зрения. Если вы хотите узнать обо всем этом подробнее, читайте далее.
Почему стоит размещать телефон на сайте
Результаты опроса, проведенного финансовой компанией 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-коду сайта.
Обычный номер телефона, который пока имеет вид простого текста, в коде выглядит так: