Скорость и простота коммуникации — то, к чему современные потребители уже привыкли. В эру высокоскоростного мобильного интернета люди хотят решать свои задачи через смартфон, делая минимум лишних движений. Клик сюда, клик туда и готово!
Поэтому важно сделать так, чтобы взаимодействие с сайтом было максимально простым. Например, чтобы позвонить в компанию достаточно было кликнуть по телефону в шапке.
Разберемся, как проработать такую маленькую, но очень важную деталь сайта, как кликабельные кнопки связи (телефон, почта, мессенджеры).
Номер телефона
Чтобы при клике на номер телефона начинался звонок нужно сделать следующие шаги.
HTML-код сайта
Некликабельный номер телефона (просто текст) может выглядеть в коде по-разному, например, так:
8-123-456-78-90
+7 (900) 101-56-78
Чтобы сделать обычный текст кликабельным нужно сделать из него гиперссылку и указать действие, которое будет совершено по клику (в нашем случае набор номера).
Для создания любых ссылок используется тег …. Между тегами располагается текст ссылки или картинка (например, иконка трубки). Атрибут href=“” указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона.
Ирина Егорова
Постоянный автор и редактор блога AFlife.ru
Специализируюсь на финансовых обзорах, банковских темах (кредитование, ипотека, вклады, инвестирование, дебетовые и кредитные карты и многое другое). Большой опыт работы в банке, знаю специфику работы «от и до». Могу рассказать о ней грамотным и понятным языком.
Изучаю социальные сети и мессенджеры, а так же способы их раскрутки.
Источник: aflife.ru
Номер телефона в виде ссылки (кликабельный) на мессенджеры с сайта
С каждым годом интеграция с социальными сетями и мессенджерами происходит все глубже. Многие компании и организации в борьбе за клиента, стараются сделать обратную связь как можно проще и удобнее. Одна из таких возможностей – сделать кликабельные номера телефонов на сайте.
Содержание:
- Введение
- Кликабельная ссылка Viber
- Кликабельная ссылка WhatsApp
- Кликабельная ссылка Telegram
- Кликабельная ссылка для звонка
- Заключение
Введение
Если вы установите кликабельные номера телефонов на своем сайте, то при нажатии они будут сразу переводить в мессенджера Viber, WhatsApp или Telegram, что позволит быстро установить коммуникацию с вами.
Как в телеграмм сделать имя пользователя и взять ссылку на свой телеграмм канал.
Это всё будет работать при условии, что у пользователя стоит одно из этих приложений на мобильном устройстве или на компьютере.
Кликабельная ссылка Viber
Для мобильных и ПК устройств:
«%2B» — это «+» в HTML кодировке.
Кликабельная ссылка WhatsApp
Для мобильных и ПК устройств:
Кликабельная ссылка Telegram
С Telegram-ом это делается немного по-другому. Если для Viber и WhatsApp мы использовали номер телефона для вызова чата, то в Telegram используется логин (имя) пользователя.
Для мобильных устройств:
Ссылка для ПК (чат откроется в браузере):
Кликабельная ссылка для звонка
Для мобильных и ПК устройств:
С каждым годом посещение сайтов с мобильных устройств растет и чтобы это все работало как надо, нужно побеспокоиться о хорошей мобильной версии сайта.
Всем удачи!
Возможно вам так же будет интересно:
- Новый релиз Joomla 3.9.15
- Как запустить командную строку в Windows 7
- Записываем файлы на диск с помощью программы UltraISO
- Выводим заголовок страницы в браузере и название блога категории через переменные
- Как пользоваться CCleaner. Обзор программы.
Если я Вам помог — оставьте свой отзыв или поделитесь сайтом с друзьями в социальных сетях!
Источник: alexfine.ru