Повышаем юзабилити: звонок в компанию по клику с сайта

Как сделать ссылку на Skype

1. Просмотреть профиль

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?userinfo

1
<a href="skype:LOGIN?userinfo">Skype</a>

Cкопировать➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Просмотреть профиль Skype

2. Добавить в список контактов

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?add

1
<a href="skype:LOGIN?add">Добавить в список контактов Skype</a>

Cкопировать➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Добавить в список контактов Skype

3. Позвонить

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?call

1
<a href="skype:LOGIN?call">Позвонить пользователю Skype</a>

Cкопировать➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Позвонить пользователю Skype

4. Отправить сообщение

Замените “LOGIN” на имя пользователя Skype.

skype:LOGIN?chat

1
<a href="skype:LOGIN?chat">Отправить сообщение в Skype</a>

Cкопировать➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Отправить сообщение в Skype

5. Отправить голосовое сообщение

Замените “LOGIN” на имя пользователя Skype.

1
<a href="skype:LOGIN?voicemail">Отправить голосовое сообщение в Skype</a>

Cкопировать➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

2.1 Используем виджет «Кнопка»

Шаг 1. Добавим виджет «Кнопка» на страницу. Если хотите чтобы кнопка выглядела как обычный текст — воспользуйтесь виджетом «Кнопка-ссылка».

Шаг 2. Перейдём в настройки виджета кнопки (гаечный ключ), в раздел «Содержимое» и укажем наш электронный адрес, который будут видеть посетители (можно указать в любом формате).

Далее переходим в раздел «Вид» во вкладку «Текст» и настроим нужный нам размер текста.

Там же, мы можем изменить вид текста (сделать жирным, включить курсив и т.д.) и изменить шрифт текста.Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Перейдем в раздел «Цвета» во вкладку «Подробные настройки» и зададим нужный цвет тексту:

1. В обычном состоянии2. При наведении курсора3. При нажатии на кнопку

Проделаем вышеописанные действия (шага 3) на записи:

Шаг 4. Переходим в раздел «Действие», выбираем действие «Открыть страницу» и пропишем код в поле «Ссылка».Пример кода:

После mailto: необходимо указать ваш электронный адрес.

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

Шаг 5. Публикуем страницу и всё готово! Чтобы протестировать кликабельность электронного адреса, зайдите в предпросмотр или на опубликованную версию страницы. 

Как правильно набирать номер?

Видео инструкция:

Набор номера производится в международном формате, в нашей системе «+» перед номером набирать не обязательно.

Рассмотрим на примере России:

Правильный международный формат мобильного номера 79044577740, как его получить?

Имеем:89044577740 — Внутренний код 8 (вначале) необходимо заменить на международный 7.

09044577740 — Внутренний код 0 (вначале) необходимо заменить на международный 7.

9044577740   — К номеру необходимо добавить международный код — 7 (вначале).

В номере должно быть 11 цифр (10 цифр номер и код страны — цифра 7, для России).

Аналогично и на городской телефон.

Примеры на другие популярные страны:

Страна Беларусь
Код страны 375
Кол-во цифр (номер+код) 12
Пример домашнего номера (017)-123-456, (8-017)-123-4567
Правильный набор 375-17-123-4567
Пример мобильного номера 8 029 8123456
Правильный набор 375 29 8123456
Страна Украина
Код страны 380
Кол-во цифр (номер+код) 12
Пример домашнего номера 044 495 2888
Правильный набор 380 44 495 2888
Пример мобильного номера 067-1234567, 8-067-123-45-67
Правильный набор 380-67-1234567
Страна Америка (США)
Код страны 1
Кол-во цифр (номер+код) 11
Пример домашнего номера (212) -898-9898
Правильный набор 1 212  898 9898
Пример мобильного номера 567-244-5678
Правильный набор 1-567-244-5678
Страна Германия
Код страны 375
Кол-во цифр (номер+код) 9-15 у домашних и 12-13 у мобильных
Пример домашнего номера 030-2269810
Правильный набор 49-30-22-69-81-30
Пример мобильного номера 015774324938
Правильный набор 4915774324938
Страна Казахстан
Код страны 7
Кол-во цифр (номер+код) 11
Пример домашнего номера (7232) 25-06-25
Правильный набор 77232 25-06-25
Пример мобильного номера 87013359932
Правильный набор 77013359932
Страна Узбекистан
Код страны 375
Кол-во цифр (номер+код) 12-14
Пример домашнего номера (0371) 233-41-09, 71 233-41-09
Правильный набор 998 71 233-41-09
Пример мобильного номера 97 5566641
Правильный набор 998 97 5566641
Страна Израиль
Код страны 972
Кол-во цифр (номер+код) 11-12 у домашних и 12 у мобильных
Пример домашнего номера 03-6974444
Правильный набор 9723-6974444
Пример мобильного номера 052-3412668
Правильный набор 972-52-3412668
Страна Код Кол-во цифр номера
Таиланд 66 11-12 моб.*, 10-11 дом.*
Армения 374 11 -моб.*, 10-11 дом.*
Турция 90 12
Азербайджан 994 12 моб.*, 11-12 дом.*
Кыргызстан 996 12
Латвия 371 11
Эстония 372 10-11 моб.*, 10 дом.*
Грузия 995 12 моб.*, 11-12 дом.*
Италия 39 моб.* 12, 9-12 дом.*
Франция 33 11
Великобритания (Англия) 44 12
Испания 34 11
Болгария 359 12 моб.*, 10-11 дом.*
Китай 86 13 моб.*, 10-14 дом.*
Объединённые Арабские Эмираты (ОАЭ) 971 12моб.* , 11 дом.
Финляндия 358 11-12 моб.*,  9-12 дом.*
Греция 30 12
Литва 370 11
Таджикистан 12 992
Кипр 357 11
Тунис 216 11
Абхазия 7 11
Доминикана 1809 11
Египет 20 11-12 моб.*, 10-11 дом.*
Индия 91 12-13
Модлова 373 11
Монголия 976 11 моб.*, 11-12 дом.*
Польша 48 11
Сербия 381 11-12 моб.*, 10-12 дом.*
Туркменистан 993 11 моб.*, 11-12 дом*
Черногория 382 11
Чехия 420 12
Швейцария 41 11 моб.*, 10-11 дом.*
Япония 81 12 моб.*, 11-12 дом.*

моб.* — кол-во цифр номера в мобильных телефонах (номер+код страны)

дом.* — кол-во цифр номера в домашних телефонах (номер+код страны)

В основном везде стараются давать международный формат номера, код страны + номер. Так же для выхода заграницу ставят «+» или для домашних телефонов, современный вариант 00 (старый 8 гудок 10)
В странах бывшего СССР,  цифра 8 — выход на межгород и мобильники, но уже много где заменили на 0.

Как звонить через нас?
 
Только КОД СТРАНЫ и НОМЕР ТЕЛЕФОНА (можно без «+»)
Не надо перед номером:
 
1) 8 гудок 10 (810)
2) 8
3) 0
4) 00

Если остались вопросы, пишите нам на info@pozvoni.eu или в форму онлайн консультанта (располагается в правом углу).

2 виджета как альтернатива телефонному номеру на сайте

Обратный звонок

Как использовать Обратный звонок:

  • Чтобы установить Обратный звонок, необходимо разместить специальный код на вашем сайте. Сделать это легко самостоятельно с помощью видеоуроков в интернете или обратившись к программисту.
  • Если все установлено верно, появится всплывающее окно, по которому пользователи могут перейти и задать интересующие вопросы.
  • Сервис проводит звонок в обе стороны: покупателю и сотруднику фирмы. Менеджер, ответив на звонок, ожидает клиента. Среднее время проведения операции достигает 17-18 сек.
  • Компания получает запись всего разговора, а также данные о клиенте (имя человека, место звонка, канал рекламы).

Достоинства нашего сервиса:

  • Озвучивание UTM-метки при получении звонка от клиента. Виджет сообщает сотруднику компании основные сведения об обратившемся: его имя, источник рекламы, интересующий запрос.
  • Гео-фильтрация, которая позволяет настроить показ сервиса только в вашем рабочем регионе. Экономия средств фирмы на звонки в другие города.
  • Опция «Удиви клиента». Пользователь, который ранее оставил данные для получения обратного звонка, посетил ваш сайт повторно. Тогда технология автоматически определяет клиента и отправляет менеджеру компании данные о нем (имя, запись разговора, контактные сведения). Звонок, сделанный сотрудником в такой момент, вероятнее всего закроется удачной продажей.
  • Привязывание к различным формам. Если на сайте имеются другие виджеты связи с клиентом, из можно привязать к Обратному звонку. Это позволит менеджерам быстрее реагировать на запросы, пока они “горячие”.

Подробнее

  • Интеграция с CRM. Удобная и эффективная функция, позволяющая генерировать заявки клиентов с сохранением всех записей разговоров и историей сотрудничества в архивах CRM-системы.
  • Интеграция с интернет-сервисами, как Google. Analytics и Яндекс.Метрика. Можно анализировать отчетность по установленному каналу в удобном формате вместе с остальными метриками.
  • Интеграция с мессенджером Telegram. Даже если клиент оставляет заявку в нерабочее время, уведомление поступит к сотрудникам (опция обработки заявки вручную). В нем также указываются такие сведения, как имя, контакты, UTM-метки.

Мультикнопка

Преимущества установки Мультикнопки на сайте интернет магазина:

  • Число обращений клиентов после установки такого формата кнопки для связи вырастает 2,4 раза
  • За счет возможности оповещения о проходящих акциях можно существенно увеличить объемы продаж
  • Помогает организовать распродажу
  • Увеличивает доверие покупателей, так как они получают более широкий выбор вариантов связи
  • Предлагая посетителям сайта подписаться на странички в соцсетях, можно быстрее собрать базу лояльных клиентов.

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

Как сделать ссылку на Telegram

Открыть чат с пользователем. Работает только по никнейму (имени пользователя). Замените имя пользователя в шаблоне “jack_malbon” на свое:

Вариант 1:

https://telegram.me/jack_malbon

1
<a href="https://telegram.me/jack_malbon">Написать автору</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Написать автору

tg://resolve?domain=jack_malbon

1
<a href="tg://resolve?domain=jack_malbon">Написать автору</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Написать автору

Таким же образом можно сделать ссылку на канал или группу.

Как изменить цвет ссылки?

Настроить цвет сразу всех ссылок на странице можно с помощью глобальных цветов. Подробнее узнать о них можно в статье «Глобальные цвета».

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

Переходим в «Просмотр HTML-кода» виджета «Текст» (нажав на иконку </> в панели редактирования текста)

Ищем в коде тег <a> и добавляем внутрь него следующее значение:

Вместо #ffffff указываем нужный нам цвет ссылки.

Если вы уже убрали подчеркивание ссылки через код, по инструкции выше — значение color: #ffffff; нужно вставить внутрь style=»text-decoration: none;» в таком формате:

Разберем на примере, как должно получиться:

Проделаем вышеописанные действия на записи:

Есть альтернативный вариант смены цвета ссылки, без ручного редактирования кода. Сделать это можно по нашей инструкции:«Меняем цвет и подчеркивание одной или сразу всех ссылок на странице»

Советы по созданию ссылки на номер телефона

Данная фишка для мобильных устройств — громадное преимущество, т.к. является отличным Call To Action маркетинговым инструментом. Посетителю сайта не надо пытаться выделить весь текст, вводить номер по памяти и т.п., он просто кликает в нужном месте, и активная ссылка телефона сделает свое дело. Однако тут есть нюансы.

Определение мобильных устройств

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

<div id="header-phone"></div> 
 
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  document.getElementById("header-phone").innerHTML = '<span><a href="tel:+ 380985554433 ">(098) 555-44-33</a></span>';
 } else	{
  document.getElementById("header-phone").innerHTML = '<span>(098) 555-44-33</span> ';
}
</script>

Здесь, в зависимости от результата условия в IF, в блоке с ID=header-phone создается либо ссылка на телефон с tel:, либо просто HTML текст.

SEO оптимизация

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

Вот сам код:

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <h1 itemprop="name">Beach Bunny Swimwear</h1>
  Phone: 
    <span itemprop="telephone">
      <a href="tel:+18506484200">
         850-648-4200
      </a>
    </span>
</div>

Теоретически, в линке можно еще указать rel=»nofollow».

Убираем автоопределение

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

<meta name="format-detection" content="telephone=no">

Итого. Если вы размещаете контактную информацию на сайте, то по умолчанию ссылки на телефоны не открываются — вам нужно использовать специальный протокол tel: в HTML теге А. Опция не имеет четкой спецификации, и поддерживается браузерами слегка «хаотично» — учитывайте это. В заключительной части я указал 3 пожелания, которые было бы неплохо внести в ваш код: отключить линки на дестопах, отформатировать код для лучшего считывания поисковыми роботами и т.п.

Если будут вопросы, пишите их ниже. А вы добавляете в своих проектах активные ссылки на номера телефонов? Почему да / нет?

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

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

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

Это может быть:

  • IP-телефон;
  • мобильный;
  • стационарный аппарат;
  • SIP-аккаунт;
  • Skype.

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

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

Переадресация на сотовый или стационарный телефон привносит в работу компании новые возможности:

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

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

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

Подробнее

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

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

Как добавить кнопку вызова с помощью бесплатного плагина.

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

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

Это плагин Call Now Button

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

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

Кода вы установите и активируете плагин Call Now Button, зайдите в его настройки. Перед вами откроются три вкладки. На первой вкладке введите свой номер телефона, а также текст, который будет показан на кнопке.

Далее перейдите на вкладку Presentation. Выберите здесь цвет кнопки, позицию кнопки, а также введите те ID постов, на которых вы хотите отобразить кнопку, или выберите опцию Exclude these posts and pages и введите те ID постов, на которых кнопка вызова не должна появлятся.

И на вкладке Advanced вы можете добавить дополнительные настройки, такие как отслеживание ваших звонков с помощью Google Analitics и других настройках.

И вот как будет выглядеть готовая кнопка вызова.

Как и во многом другом, в WordPress создание кликабельных номеров телефонов совсем не сложно. И это можно сделать буквально в несколько кликов.

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

Способы сделать контакты на сайте кликабельными

Веб-мастеру не составит труда сделать кликабельным контактный номер, используя ссылку и представленный ниже адрес:

<a href=»tel:+78142332211″>+7(814)-233-22-11</a>

Другой вариант:

<a href=»tel:+7 (8142) 33 22 11″>Позвоните нам</a>

Как видно, атрибут href указывает на адрес, по которому пользователь может перейти.

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

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

<a href=»skype:test123″>Skype</a>

Или, наоборот, указать на возможность совершить звонок в приложении Skype на номер:

<a href=»callto:+78142332211″>Позвонить нам с помощью Skype</a>

Ссылка Telegram на сайте

<a href=»https://t.me/ваш_ник» target=»_blank»>Telegram</a>

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

Ссылка для WhatsApp

<a href=»https://api.whatsapp.com/send?phone=79876543210″ target=»_blank»>WhatsApp</a>

Формат телефона на сайте для Viber

Небольшое ограничение: пользователь должен заранее иметь данное приложение на своем устройстве.

<a href=»viber://add?number=79876543210″>Viber</a>

Виды номеров телефона для сайта

Все номера телефонов, по которым пользователи могут связаться с вами, делятся на городские (495), мобильные (977), а также 8 800. В зависимости от целей компании, она может иметь не один тип контактов одновременно. Разберем каждый из них подробнее.

  1. Городской

    Обычно местный телефонный номер устанавливают стабильные компании (ЮЛ), которые не первый год на рынке, успели приобрести имущество и арендовать офисное помещение.

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

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

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

  2. Мобильный

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

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

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

    Главным достоинством мобильного номера, по сравнению с городским, является широкий диапазон тарифов с низкими ценами.

  3. 8 800

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

    Подробнее

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

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

Оформление ссылки tel: в HTML

Поскольку линк находится в теге А, то отображение ссылки номера телефона полностью зависит от его стилей. Например, если для А добавили класс phone-style, то будет:

a.phone-style {
  color #3e3a37;
  text-decoration none;
}

Убираем подчеркивание с text-decoration чтобы элемент выглядел как текст.

Если хотите применить один и тот же стиль всем телефонам на сайте, то пишете:

ahref^="tel:" {
  color #3e3a37;
  text-decoration none;
}

С помощью псевдо класса before и представления символов в unicode можно добавить небольшую иконку в начале:

ahref^="tel:"before {
  content "\260e";
  margin-right 0.5em;
}

1.2 Используем виджет «Текст»

Шаг 1. Добавим виджет «Текст» на секцию

Далее, внутри виджета укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Шаг 2.  Выделим наш текст в режиме редактирования и установим на него ссылку в поле«URL» в виде:

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше. И нажмем «Вставить» ссылку на выделенный текст.

Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

После добавления ссылки в виджет «Текст», изменится цвет и появится нижнее подчеркивание. Отключить подчеркивание и изменить цвет ссылки можно по инструкции, в разделах ниже. А именно:3. 4.

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

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

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

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

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

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

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

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

Войдя в Яндекс.Телефонию под данными из Яндекс.Паспорта, вы сможете проверить и изменить данные. Среди них:

  • Имя и фамилия.
  • Адрес электронной почты.
  • Номер телефона (на который приходит проверочный код).
  • Адрес сайта (при наличии веб-ресурса).
  • Форма сотрудничества.

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

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

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

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

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

2.2 Используем виджет «Текст»

Шаг 1. Добавим виджет «Текст» в секцию

Далее, внутри виджета текста, укажем наш электронный адрес, который будут видеть посетители (можно указать в любом формате).

Шаг 2. Выделим наш текст в режиме редактирования и установим на него ссылку в виде: mailto:info@platformalp.ruв поле«URL».После mailto: необходимо указать ваш электронный адрес. И нажмем «Вставить» ссылку на выделенный текст.

Проделаем вышеописанные действия (шага 2) на записи:

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

В ссылке на почту есть возможность сразу вставить тему письма, добавив в конце ?subject=темаПример:

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

Шаг 3. Публикуем страницу и всё готово! Чтобы протестировать кликабельность электронной почты, зайдите в предпросмотр или на опубликованную версию страницы.

После добавления ссылки на текст — у текста изменится цвет и добавится нижнее подчеркивание. Отключить подчеркивание и изменить цвет ссылки можно по нашей инструкции, в разделах ниже. А именно:3. 4.

Добавьте кликабельный номер телефона

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

  • Откройте сообщение в текстовом редакторе или, откройте код шаблона WordPress
  • Вставьте следующую строку:

  • Смените номер телефона на свой
  • Сохраните, опубликуйте или обновите свой пост.

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

1.1 Используем виджет «Кнопка»

Шаг 1. Добавим виджет «Кнопка» на страницу. Если хотите чтобы кнопка выглядела как обычный текст — воспользуйтесь виджетом «Кнопка-ссылка».

Шаг 2. Перейдём в настройки виджета кнопки (гаечный ключ), в раздел «Содержимое» и укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Далее переходим в раздел «Вид» во вкладку «Текст» и настроим нужный нам размер текста.

Там же мы можем изменить вид текста (сделать жирным, включить курсив и т.д.) и изменить шрифт текста.Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Перейдем в раздел «Цвета» во вкладку «Подробные настройки» и зададим нужный цвет тексту:

1. В обычном состоянии2. При наведении курсора3. При нажатии на кнопку

Проделаем вышеописанные действия (шага 3) на записи:

Шаг 4. Переходим в раздел «Действие», выбираем действие «Открыть страницу» и пропишем код телефона в поле «Ссылка».Пример кода:

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше.

Шаг 5. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

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

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

Как сделать ссылку на Viber на сайте

1. Открыть чат с номером

Замените “4957777777”

на номер пользователя Viber. Вместо плюса используется “%2B”:

viber://chat?number=%2B4957777777

1
<a href="viber://chat?number=%2B4957777777">Ссылка на чат Viber</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Ссылка на чат Viber

2. Добавить контакт (работает только c телефонов):

viber://add?number=4957777777

1
<a href="viber://add?number=4957777777">Добавить контакт в Viber</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Добавить контакт в Viber

3. Поделиться текстом (до 200 символов), открывается список контактов:

Замените текст “Привет!” на свой. Можно отправить текст сразу нескольким абонентам из адресной книги.

viber://forward?text=Привет!

1
<a href="viber://forward?text=Привет!">Поделиться текстом в Viber</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Поделиться текстом в Viber

4. Открыть вкладку «Чаты»:

viber://chats

1
<a href="viber://chats">Открыть Чаты в Viber</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Открыть Чаты в Viber

5. В мобильном приложении открыть вкладку вызовов

viber://calls

1
<a href="viber://calls">Открыть Вызовы в Viber</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

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

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. Не забывайте о префиксе

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

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий