Как сделать номер телефона кликабельным в ворде
В данной статье мы разместим HTML шаблоны для ссылок на мессенджеры, социальные сети, телефон и E-mail для размещения на сайте.
Шаблоны ссылок для размещения на сайте
Как сделать прямую ссылку на номер телефона
Html-код ссылки на номер телефона для копирования:
При нажатии на ссылку с мобильных устройств будет предложено набрать указанный номер, на десктопе – выбрать приложение для звонка.
Ссылка на адрес эл. почты (Email)
Чтобы сделать кликабельный e-mail используйте данный Html-код:
При нажатии на ссылку будет открыта почтовая программа, заданная по умолчанию, в поле «Получатель» будет подставлен адрес электронной почты, указанный в HTML-ссылке.
Как сделать ссылку на Telegram
Открыть чат с пользователем. Работает только по никнейму (имени пользователя). Замените имя пользователя в шаблоне “jack_malbon” на свое:
Таким же образом можно сделать ссылку на канал или группу.
Где взять имя пользователя Telegram
Как сделать ссылку на Viber на сайте
1. Открыть чат с номером
на номер пользователя Viber. Вместо плюса используется “%2B”:
2. Добавить контакт (работает только c телефонов):
4. Открыть вкладку «Чаты»:
5. В мобильном приложении открыть вкладку вызовов
Как правильно сделать ссылку на WhatsApp
1. Открыть чат с номером
Замените “4957777777” на номер пользователя WhatsApp.
Замените “4957777777” на номер пользователя WhatsApp.
В приложении откроется список контактов для отправки:
Как сделать ссылку на Skype
1. Просмотреть профиль
Замените “LOGIN” на имя пользователя Skype.
2. Добавить в список контактов
Замените “LOGIN” на имя пользователя Skype.
3. Позвонить
Замените “LOGIN” на имя пользователя Skype.
Замените “LOGIN” на имя пользователя Skype.
Замените “LOGIN” на имя пользователя Skype.
Ссылка на VK
Прямая ссылка на диалог с пользователем вконтакте:
Ссылка на мессенджер Facebook
Прямая ссылка на диалог с пользователем вконтакте:
Evgeny Agnishchenko
Один из основателей агентства Agvento. Web marketing и SEO в Agvento. "Самый честный SEO-шник этого города."
Дзякуй. Вельмi дапамагло.
почему то не работает для айфона 🙁
Не работает ссылка на вайбер со смартфона. Почему?
“1. Открыть чат с номером
на номер пользователя Viber. Вместо плюса используется «%2B»:”
Пишет “обновите вайбер до последней версии”
Протестировал с вашим номером, все работает как с windows, android и iOS – открывается диалог с профилем “Запчасти”. Такая ошибка может появляться, если неправильно указан номер.
Молодцы. Весьма полезный и удобный материал.
Ссылкой на Signal если можно поделитесь.
Хорошая статья, всё в одном место собрано, спасибо!
Отправляй заявки из facebook на почту или гугл таблицы через Webjack. Сервис работает как часы.
Можно получить месяц халявы и бесплатную настройку по промокоду semen21, напишите его в чат техподдержки на сайте
Как часто вы работаете в Microsoft Word и как часто вам приходится добавлять в этой программе различные знаки и символы? Необходимость поставить какой-либо знак, отсутствующий на клавиатуре, возникает не так уж и редко. Проблема в том, что не каждый пользователь знает, где нужно искать тот или иной знак или символ, особенно, если это знак телефона.
Хорошо, что в Microsoft Word есть специальный раздел с символами. Еще лучше, что в широком обилии шрифтов, доступных в этой программе, есть шрифт «Windings». Написать слова с его помощью у вас не получится, а вот добавить какой-нибудь интересный знак — это вы по адресу. Можно, конечно, выбрать этот шрифт и нажимать подряд все клавиши на клавиатуре, пытаясь найти необходимый знак, но мы предлагаем более удобное и оперативное решение.
Урок: Как изменить шрифт в Ворде
1. Установите курсор там, где должен будет находиться знак телефона. Перейдите во вкладку «Вставка».
2. В группе «Символы» разверните меню кнопки «Символ» и выберите пункт «Другие символы».
3. В выпадающем меню раздела «Шрифт» выберите «Windings».
4. В изменившемся списке символов вы сможете найти два знака телефона — один мобильного, другой — стационарного. Выберите тот, который вам нужен, и нажмите кнопку «Вставить». Теперь окно символ можно закрыть.
5. Выбранный вами знак будет добавлен на страницу.
Каждый из этих знаков можно добавить и с помощью специального кода:
1. Во вкладке «Главная» измените используемый шрифт на «Windings», кликните в том месте документа, где будет находиться значок телефона.
2. Зажмите клавишу «ALT» и введите код «40» (стационарный телефон) или «41» (мобильный телефон) без кавычек.
Важно! Вводить указанный выше код нужно на цифровой клавиатуре (блок NumPad справа) и при включенной клавише NumLock.
3. Отпустите клавишу «ALT», знак телефона будет добавлен.
Вот так просто можно поставить знак телефона в Microsoft Word. Если вы часто сталкиваетесь с необходимостью добавления в документ тех или иных символов и знаков, рекомендуем изучить стандартный набор символов, доступных в программе, а также знаки, входящие в состав шрифта «Windings». Последних, к слову, в Ворде аж три. Успехов и обучении и работе!
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Еще статьи по данной теме:
Блин, я думал что тут будут рассказывать как вставить трубку из скайпа примерно или какую то подобную красивую картинку, а тут как обычно все черно-белое и древнее.. ну значит придется скачивать картинку из интернета и как обычно её вставлять в дккумент, вот только такие картинки тоже неудобны занимают почти 1\3 всей страницы и весь текст съезжает вниз..
У меня в компьютере пропал знак W! Помогите, пожалуйста мне его установить
Казалось бы, такой очевидный вопрос, на который ответ больше чем ясен. Но это только на первый взгляд: везде есть свои подводные камни. К примеру, для мессенджеров ссылка формируется немного иначе, к ссылке на звонок с телефона приписывается приставка tel и так дальше.
С этого небольшого обзора узнаем, как сделать ссылку на телефон кликабельной (активной), также сделаем активную ссылку на почту и на все популярные мессенджеры: Viber, Skype, WhatsApp, Telegram, ICQ. Разберем каждую в отдельности, а в конце все объединим в один блок и сделаем оформление, чтоб все красиво было.
Активная ссылка телефона на сайте
Для того чтобы на сайте номер телефона при нажатии срабатывал как активный вызов, нужно в атрибуте href прописать значение tel . Ну не совсем сразу будет идти вызов, а появится окно с запросом, каким приложением открыть tel . По сути, это обычный тег ссылки, а значит, вместо текста или самого номера, может быть, картинка, иконка и прочие.
Активная ссылка для отправки писем по email
Здесь аналогичная ситуация, то есть все остается как есть, но в атрибуте ссылки прописываем немного другое значение. При нажатии на такую ссылку откроется модельное окно, в котором вас попросят выбрать приложение для открытия ссылки mailto .
Плюс ко всему к ссылке емейл можно задать параметры, а именно, тему письма, текст письма. Таким образом, будет автоматически заполнено поле формы.
Активная ссылка на Viber на сайт
Теперь начнем работу с самыми популярными приложениями для общения, связи или, другими словами, мессенджерами. Для Viber есть разный формат ссылок для разных устройств. То есть для ПК один вид, для телефонов другой. Это очень неудобно. Но есть универсальная ссылка, которая будет работать на всех устройствах. Только помните, что на устройстве должно быть установлено приложение Viber, иначе при нажатии на такую ссылку ничего не будет происходить.
Активная ссылка на WhatsApp на сайт
Такую ссылку можно получить в самом приложении в своем профиле. Но это лишняя «возня», так как ссылка всегда одинаковая, за исключением номера телефона. Поэтому вам всего лишь нужно изменить номер и можете смело использовать эту ссылку на WhatsApp на своем сайте.
Активная ссылка на Telegram на сайт
Активная ссылка на Skype на сайт
Ссылка для Скайпа похожа на другие мессенджеры, только со своими приставками. Для примера приведу два варианта: ссылка на звонок и ссылка на чат. Они чаще всего используются на сайте. Ещё можно делать ссылки на конференции, на мультичат и т.д. Но это немного не то, что нужно для связи.
Активная ссылка на ICQ на сайт
Для сервиса ICQ также есть ссылка, при нажатии на которую будет добавлять контакт в ваш список контактов. Это мессенджер уже стал не столь популярным, но все им еще многие пользуются. Скорей всего те, кто к нему привык.
Активные кнопки на мессенджеры
Как говорилось в начале обзора, объединяем все ссылки в один блок в виде веб-кнопок. В качестве иконок использовался шрифт Font Awesome.
Когда пользователь может в один клик по номеру телефона сделать звонок, это в плюс и ему, и вам. Он тратит минимум усилий и времени, чтобы вам дозвониться, а вы получаете +1 целевой звонок. Естественно, это относится к мобильным устройствам.
В этой статье мы покажем, как сделать кликабельный номер телефона на сайте. Алгоритмы отличаются в зависимости от того, на чем создан ваш сайт.
HTML-код
За гипертекст (возможность текста в коде HTML включать в себя гиперссылку) отвечает тег . . Атрибут href=”” отвечает за то, куда будет направлен клиент — внутри кавычек указывается адрес страницы или действие.
Третий пример тоже без особых усилий становится гипертекстом. При этом сохраняются его изначальные стили:
Сайт на Wordpress
Для Вордпресса есть специальный плагин CallPhone’r. Этот модуль выводит на каждой странице сайта иконку, при нажатии на которую мобильное устройство переходит в режим вызова.
Там же есть возможность настройки по времени отображения иконки. Это позволит не получать звонки от клиентов в нерабочее время.
Сайт на mottor (LPmotor)
В этом случае выделите текст телефона в блоке и нажмите кнопку добавления ссылки в панели редактирования:
Сайт на Wix
Сайт на Tilda
Чтобы при клике на номер телефона начинался звонок или при клике на e-mail открывался почтовый клиент, нужно навесить на них ссылки.
Как отслеживать клики по номеру телефона
Это можно делать без вмешательства в код и установки Менеджера тегов Google. В Яндекс.Метрике не так давно появился новый тип цели – «Клик по номеру телефона». Достаточно указать нужные параметры, и данные о звонках будут поступать в Метрику:
Чтобы всё работало, важно указать номер в точности такой же, какой указан в коде сайта. Лучше всего скопировать адрес ссылки прямо с сайта. Для этого:
- Кликните правой кнопкой мыши по номеру на сайте и нажмите в меню «Просмотреть код»;
- В открывшейся консоли разработчика вы увидите нужную ссылку с номером;
Данные по кликам на номер телефона появятся в отчете «Конверсии» уже через несколько минут после создания цели.
Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто
Маркетинговый анализ аудитории перед созданием продающего контента Статья
Привет, друзья!Меня зовут Надежда Богданова, я копирайтер-маркетолог, специалист по текстам для лендингов. Еще весной обещала рассказать, как я это делаю…Речь про маркетинговое исследование и анализ для создания продающих текстов. 2
Как оптимизировать контекстную рекламу: главные точки роста Статья
Чтобы контекстная реклама работала максимально эффективно, мало её правильно настроить. В теории невозможно предугадать точно, какие вещи сработают, а какие – нет.
Сегментация трафика в Яндекс.Директе: практическое руководство Статья
Когда пользователь видит в объявлении ответ на свой запрос (на поиске) или что-то, что его может заинтересовать (в сетях), высока вероятность, что он перейдет на сайт и всё закончится конверсией. С общими посылами, рассчитанными на широкую аудиторию, это не работает.
Путь от маленького городского паблика до сообщества с охватом в 500 000 человек в месяц: разбор кейса Статья
У нашего заказчика была небольшая региональная экспертная группа с лояльной аудиторией (примерно 5 000 человек), посвященная получению льгот, выплат малоимущим и субсидий в Вологодской области. . 15
16 сервисов для аналитики маркетплейсов Статья
Вести свой бизнес через маркетплейсы — удобное решение для предпринимателей в сфере торговли, которые не знают как лучше войти в отрасль. Яндекс. 13
Мотивация сотрудников на удаленке Статья
Привет! Меня зовут Полина Титова-Кацеф, я маркетолог и наставник проекта "Всё сдал!". Самый действенный способ мотивации – давать человеку увлекательные, сопоставимые с его целями и ценностями задачи. 13
Автоматизация воронки продаж: позвольте вашим менеджерам наслаждаться продажами Статья
По результатам исследований, проведенных институтом McKinsey, 31% задач в продажах можно автоматизировать. При внедрении автоматизации в рабочие процессы закрытие сделок ускоряется на 25%.
12+ фишек Телеграма для бизнеса Статья
Как эффективно использовать автостратегии в контекстной рекламе: практические рекомендации eLama Статья
Автостратегии представляют собой выверенный способ управления рекламными кампаниями. При этом цели задает сам человек, а управляют ставками и показами рекламных объявлений непосредственно алгоритмы.
Если на мобильной версии вашего сайта номер телефона указан в виде обычного текста — вы теряете клиентов.
В статье объясним, как отсутствие кликабельного номера влияет на конверсию, зачем вообще нужен кликабельный номер и как его установить на сайт.
- Более 2000 рекламных агентств и фрилансеров уже работают с сервисом и получают вознаграждение.
- Подключиться можно самому за 1 день.
- Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
- Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
- Прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Зачем нужен кликабельный номер на сайте
Объясняем, почему из-за текстового номера часть клиентов отваливается.
Пользователь заходит с устройства на мобильную версию сайта и видит контакт для связи. В нашем случае — номер телефона. Чтобы позвонить ему нужно скопировать номер, свернуть браузер с сайтом, перейти в режим набора, вставить, нажать на кнопку вызова. Или переписать на листочек, а потом набрать номер в свободное время (но человек может передумать к тому времени). Или нужно запоминать номер, а потом вводить его вручную. Если забыли цифру — нужно возвращаться на сайт, опять запоминать, потом опять сворачивать браузер и так по кругу. В среднем получается около 5 действий и больше. Представьте, если человеку нужно совершить несколько таких звонков.
С кликабельным номером пользователю нужно всего 3 действия — нажать на номер, выбрать способ звонка (через телефон или мессенджер), затем нажать кнопку вызова. Чем меньше действий, тем выше вероятность, что пользователь все-таки совершит звонок, а не отвалится на середине процесса.
Как установить кликабельный номер телефона на сайт — инструкция
Как сделать так, чтобы вам могли позвонить в один клик:
Если есть доступ к коду, то через изменения в нем можно сделать номер телефона кликабельным.
Текстовый номер телефона (то есть некликабельный) может выглядеть по-разному:
- Если присвоен класс через CSS стили, то код может выглядеть так:
- Если к номеру телефона применялись стили оформления, например, цвет, шрифт, выравнивание, код, скорее всего, будет таким:
Чтобы сделать номер кликабельным в код нужно добавить следующие элементы:
То есть, для первого варианта (просто текстовый номер) конечный код будет выглядеть так:
Первый номер телефона — это ссылка, второй — как номер отображается на сайте. Вместо номера телефона на сайте может отображаться призыв сделать звонок, тогда код выглядит так:
Третий номер (с применением шрифта, цвета, выравнивания), соответственно, выглядит так:
P.S. Лучше, чтобы к номеру телефона были применены стили через CSS, потому что если просто сделать кликабельный текст (самый простой первый вариант), то он будет выделен синим цветом и с подчеркиванием, как обычная гиперссылка. Визуально выглядит непривлекательно.
Если у вас сайт на конструкторе, то телефон делается кликабельным через применение гиперссылки к номеру телефона.
Возьмем к примеру, конструктор Тильда. Телефон обычно указывают в хедере, футере, меню сайта или на отдельной странице с контактами. Но мы покажем на примере обычного текстового блока — остальное делается по аналогии.
Вот у нас на странице блок с текстом, где указан номер телефона. Нужно выделить номер — появляется меню редактирования текста. В нем кликаем на инструмент добавления ссылок.
Также можно настроить цвет и стиль ссылки — это плюс, так как не нужно морочиться с CSS стилями. Кстати, цвет и стиль ссылок можно задать заранее в настройках сайта и тогда не надо будет каждый раз настраивать их вручную.
Жмем «Применить» и получаем кликабельный номер телефона.
Если сайт на Wix, телефон настраивается похожим образом, с одним отличием. Когда выделяем текст и жмем на инструмент ссылки, появляется дополнительное меню, где можно выбрать, куда ведет ссылка.
Если сайт на WordPress, кроме изменения кода или добавления гиперссылки к тексту, можно использовать сторонние плагины. Например, бесплатный плагин Call Now Button. Он добавляет заметную цветную кнопку с иконкой телефона и призывом позвонить. Все, что нужно — установить плагин в Вордпресс, указать в настройках номер телефона, цвет кнопки и ее местоположение на сайте.
Современные сервисы коллтрекинга используют функцию подмены номеров. И чаще всего номерам присваиваются атрибуты (классы). Например, у коллтрекинга Callibri это и >
В этом коллтрекинге, если настроена автоподмена номера, ссылка будет иметь вид:
Важно: у сервисов коллтрекинга нужно уточнять код в инструкциях сервиса или у техподдержки. Потому что у них прописываются свои классы, могут меняться настройки. У каждого сервиса коллтрекинга будут свои ссылки.
Как сделать кликабельный номер WhatsApp, Viber, Skype и Телеграм
Для WhatsApp:
Номер телефона в самой ссылке (в кавычках) указываем без скобок, пробелов и дефисов.
Для Viber:
Для Skype:
skype_user — это логин в скайпе. Параметр call позволяет сразу начать вызов, если его не добавлять в ссылку, то просто откроется профиль.
Если хотите, чтобы при клике по номеру скайпа автоматически открывался диалог, то вместо параметра call добавляем chat, получается:
Для Телеграм:
Можно добавить в текст короткую гиперссылку вида:
Ссылку можно найти в настройках аккаунта Телеграм. При клике на ссылку откроется диалог с пользователям, там же можно позвонить.
Примеры оформления кликабельных номеров
Телефон на сайте сервиса коллтрекинга Callibri. Тут его еще и подчеркнули для наглядности.
Кликабельный номер на сайте Тинькофф Банка. Визуально номер телефона никак не выделен, но при клике по нему можно совершить звонок.
Книжный магазин «Читай-город» — номер указан на сайте отдельным пунктом меню, вообще визуально не отличается от остальных пунктов.
Заключение
Кликабельный номер телефона позволяет посетителям сайта позвонить в один клик. Без лишних движений. Эта экономит время и дает положительный опыт взаимодействия с сайтом. В итоге кликабельный номер способен повысить конверсию сайта. Мелочь, а работает.
Полезные ссылки:
Интенсив «Настройка и оформление сообщества» Старт 10 мая. Длительность 5 дней. Формат: Текст +Видео. Обратная связь: Закрытый чат +Итоговый эфир. Участвовать Реклама
Читайте также: