Скорость и простота коммуникации — то, к чему современные потребители уже привыкли. В эру высокоскоростного мобильного интернета люди хотят решать свои задачи через смартфон, делая минимум лишних движений. Клик сюда, клик туда и готово!
Поэтому важно сделать так, чтобы взаимодействие с сайтом было максимально простым. Например, чтобы позвонить в компанию достаточно было кликнуть по телефону в шапке.
Разберемся, как проработать такую маленькую, но очень важную деталь сайта, как кликабельные кнопки связи (телефон, почта, мессенджеры).
Номер телефона
Чтобы при клике на номер телефона начинался звонок нужно сделать следующие шаги.
HTML-код сайта
Некликабельный номер телефона (просто текст) может выглядеть в коде по-разному, например, так:
8-123-456-78-90
+7 (900) 101-56-78
Чтобы сделать обычный текст кликабельным нужно сделать из него гиперссылку и указать действие, которое будет совершено по клику (в нашем случае набор номера).
Для создания любых ссылок используется тег …. Между тегами располагается текст ссылки или картинка (например, иконка трубки). Атрибут href=“” указывает адрес ссылки или действие. Для набора номера используется параметр: tel:+7XXXXXXXXXX, где +7XXXXXXXXXX — нужный номер телефона.
Как создать кнопки к постам в Telegram-канале | Кнопка «Поделиться» и «Рекомендовать друзьям»
Если доработать предыдущие примеры, то получится следующий код:
Теперь при нажатии на номер телефона будет совершаться набор указанного в ссылке номера. Именно тот, который указан в ссылке, а не в тексте, поэтому будьте внимательны! Проверяйте получившийся код в работе.
Зная, как устроен HTML-код вы легко сможете реализовать на любом движке или конструкторе.
В WordPress
Метод создания кликабельной ссылки на движке WordPress аналогичен пункту «HTML-код сайта» данной статьи. Главная задача в том, чтобы найти нужный фрагмент кода в админ-панели.
Шапка сайта
- Если телефон находится в шапке сайта, то заходим в административной панели: «Внешний вид» -> «Редактор».
- Справа, в Файлах темы находим «header.php», нажимаем на него.
- В коде находим телефон. Для быстрого поиска кликнете левой кнопкой мыши на поле с кодом и нажмите комбинацию на клавиатуре: “Ctrl” + “F”. Затем введите несколько цифр телефона и нажмите “Enter”. Нужный фрагменты станут выделены желтым цветом.
- Теперь остается обернуть простой текст в гиперссылку. Как это сделать смотрите в предыдущем пункте статьи.В данному случае получается по итогу так:
- Нажимаем “Обновить файл” и изменения сохраняются. Проверяем работоспособность на сайте. Готово!
Записи/страница
- Если телефон находится в записи, то переходим в редактор записи/страницы.
- Переходим в редактор кода, нажав на вкладку “Текст”:
- Выделяем номер и нажимаем кнопку “link”. В поле “URL” добавляем гиперссылку для номера:
- Получается так:
- Нажимаем “Обновить” и страница сохраняется. Готово!
В Tilda
Zero-блок
- Переходим к редактированию блока, нажав на кнопку “Редактировать блок” в конструкторе нужной страницы:
- Выделяем телефон и нажимаем кнопку “Setting”:
- В поле Link в настройках вводим ссылку: “tel:+ номер телефона с +7”
- Сохраняем изменения в блоке и публикуем страницу.
Стандартный блок
- Нажимаем “Контент”:
- Находим нужный блок, выделяем телефон и нажимаем иконку “Ссылка”:
- Выбираем пункт: “Вставить ссылку”:
- В поле “URL” вводим “tel:+ номер телефона с +7” и нажимаем кнопку “Вставить”:
- Сохраняем изменения в блоке и публикуем страницу.
Активная ссылка на WhatsApp
Принцип точно такой же, как и с телефоном (смотрите предыдущий пункт данной статьи), отличие только в самой ссылке. Она будет выглядеть следующим образом:
Для размещения кликабельного текста на сайте подойдут все инструкции, как для телефонного номера.
Кликабельная иконка для сайта
Но обычно кликабельным делается не номер телефона, а специальная иконка WhatsApp. Для этого:
- Находим иконку, которую будем использовать. Для этого подойдет, например, сервис Flaticon.com.
- Выбираем подходящее по стилистике изображение. Кликаем на него, выбираем формат SVG.
- Дальше будет показан алгоритм действия, если сайт на Тильде. Если сайт на другой CMS, то нужно будет загрузить файл на хостинг и добавить небольшой HTML и CSS-коды на сайт, чтобы разместить иконку, например, в шапке. Для этого понадобятся минимальные знания верстки, либо помощь верстальщика.
- На Тильде переходим в редактирование Zero блока.
- Выбираем пункт добавить изображение и загружаем иконку.
- Масштабируем ее и размещаем в нужном месте блока.
- Добавляем в поле Link ссылку https://wa.me/номертелефона
- Сохраняем изменения в блоке и публикуем страниц сайта. Готово! Кнопка Whatsapp теперь кликабельная и сразу перенаправляет пользователя на диалог в мессенджере.
Ссылка на Telegram
С Телеграм тот же алгоритм действий, что и Whatsapp (смотрите предыдущий пункт данной статьи), но основное отличие в том, что в РФ, например стандартные ссылки в формате https://t.me/seoforge не работают. Поэтому необходимо использовать редирект через такие сервисы, как tele.gg, telegram.im и другие. Сервисы полностью бесплатны и существует большой список таких сервисов без сторонней рекламы, используйте именно их.
Ссылка будет выглядеть следующим образом.
Источник: seoforge.ru
Как перенести чат из WhatsApp в Telegram
Мессенджер Telegram развивается стремительными темпами – в этом году он впервые обогнал по популярности WhatsApp, который удерживал лидерство долгие годы. Это неудивительно – в Telegram постоянно появляются все новые и новые функции, которые оптимизируют общение. Также играет роль и безопасность мессенджера – по заверениям разработчиков, переписки в Telegram надежно зашифрованы и не передаются в третьи руки, чем не может похвастаться WhatsApp.
Именно поэтому многие пользователи предпочитают сменить Ватсап на Телеграм – тем более, в версии Telegram 7.4 появилась возможность переноса чатов из различных мессенджеров, в том числе, и WhatsApp. Чтобы перенос прошел корректно, нужно, чтобы на вашем устройстве и устройстве собеседника была установлена версия 7.4. Кстати, если собеседника нет в Telegram, то перенести переписку все равно можно – но, конечно, доступна она будет только вам.
Для бизнеса существует более простое решение данной проблемы – это интеграция Telegram с агрегатором мессенджеров Pact. О нем мы расскажем в конце статьи.
Как перенести чат из WhatsApp в Telegram на Android
- Зайдите в WhatsApp, выберите нужный чат и откройте его.
- Нажмите на три вертикальные точки в правом верхнем углу, чтобы открыть меню.
- Выберите пункт «Еще».
- В открывшемся списке выберите «Экспорт чата».
- Затем нужно будет выбрать, что именно вы переносите – только текстовые файлы или вместе с вложениями (фото, видео, файлами и т.д.).
- После этого вы увидите меню «Поделиться» – выберите там аккаунт нужного вам человека в Телеграм.
Готово! Через пару минут чат будет успешно перенесен. Время переноса будет зависеть от объема чата.
Как перенести чат из Ватсап в Телеграм на iOS
Процесс очень похож на аналогичную процедуру на Android.
- Откройте мессенджер WhatsApp и выберите нужную переписку.
- На выбранном чате свайпните влево и нажмите на появившуюся кнопку «Еще».
- Выберите перенос чата вместе с вложенными файлами или без них – перенос с файлами займет больше времени.
- После этого появится окно «Поделиться». Выберите аккаунт нужного вам человека в Telegram.
- Начнется автоматический перенос переписки, который может занять до нескольких минут.
Как перенести чат из WhatsApp в Telegram на компьютер
Самый простой способ перенести переписку в WhatsApp на компьютер – это воспользоваться чатом «Избранное», который есть в любом аккаунте Telegram. При этом ваш собеседник даже не узнает, что вы экспортировали чат. Как это сделать:
- Зайдите WhatsApp и выберите нужный диалог.
- Нажмите на диалог и выберите пункт меню «Еще», а затем – «Экспорт чата».
- После этого нужно отправить чат либо в облако, либо на свою почту, а затем сохранить его оттуда на свой компьютер в формате txt.
- Скачайте утилиту для переноса переписки с WhatsApp в Telegram – TLImporter.
- Откройте TLImporter и нажмите Enter, затем введите номер телефона для авторизации в Telegram.
- После этого на ваш телефон должен прийти код верификации – введите его в специальную форму.
- С помощью утилиты можно экспортировать чат в переписку с вашим собеседником или оставить его в «Избранном». Чтобы оставить в «Избранном», напишите букву N.
- Укажите путь к txt-файлу на вашем компьютере или переместите его в TLImporter.
- Введите свое имя и имя собеседника так, как оно указано в перенесенном файле WhatsApp.
- Проверьте настройки – там должен быть включен перенос данных. Введите «!С».
- Перенос начнется автоматически. Чтобы выйти из программы, нажмите Enter.
Нужная переписка появится в чате «Избранное» в вашем Ватсапе.
Как экспортировать групповой чат из WhatsApp в Telegram
Помимо переноса обычного диалога, в новой версии Telegram есть возможность экспортировать групповой чат. Алгоритм здесь тоже очень прост:
- Откройте WhatsApp и выберите нужный групповой чат.
- Свайпните влево по выбранной переписке.
- Вам откроется меню – нажмите там «Еще», а затем – «Экспорт чата». Выберите, хотите ли вы переносить переписку с вложениями или без.
- После создания архива вы увидите надпись «Поделиться». Выберите Telegram.
- Если вы создали до этого чат с теми же участниками переписки, можно экспортировать архив туда. Или же создать новый чат, добавив собеседников.
- Готово! Через несколько минут в вашем Telegram появится перенесенная беседа.
Как мы выяснили, перенести чат или групповую переписку из WhatsApp в Telegram – дело нескольких минут. Это можно сделать на смартфоне с Android или iOS или на компьютере. При этом, переходить на Телеграм вполне оправданно, учитывая высокую степень безопасности мессенджера и его возможности. Единственное, чего стоит опасаться – возможность бана вашего аккаунта, но если соблюдать все правила мессенджера, то этого не случится. Кстати, здесь можно подробнее прочитать о том, как избежать блокировки и восстановить аккаунт, если бан все же случился.
Также мы обещали рассказать о простом решении для бизнеса с помощью интеграции Telegram с агрегатором мессенджеров Pact. Сервис позволяет подключить несколько каналов коммуникации с клиентами в одно окно и общаться в WhatsApp, Telegram, Instagram и другими мессенджерами, не переключаясь между вкладками браузера и не отвлекаясь на телефон.
Это позволяет владельцу бизнеса контролировать переписки с клиентами из всех мессенджеров, а также есть возможность интеграции сервиса с CRM, что позволяет вести диалог с клиентом и хранить всю историю переписки сразу в сделке.
Таким образом, используя агрегатор Pact, вы можете не беспокоиться о том, чтобы переносить чаты из одного мессенджера в другой. Если ваш клиент захочет продолжить общение в другом мессенджере, вам не нужно искать способ сохранить историю чата. Вся переписка будет в одном окне, независимо от мессенджера. Вы сможете зайти в диалог даже с чужого компьютера или телефона – и быть всегда в курсе последних переписок.
Источник: www.pact.im
Как реализовать ссылку с номер whatsapp на сайте?
Кодирую русский текст php функцией urlencode, в итоге получается %c7%e4%f0%e0%e2%f1%f2%e2%f3%e9%f2
Тупой вацап это не может распознать и в итоге отсылается пустое сообщение.
Как вариант: виджет ватсап на сайт без абонентской платы whatsappclick.ru
Предоставляют абсолютно чистый независимый код, который можно править как душе угодно))
Шеринг с выбором группы (абонента)
Текст, передаваемый в ссылку, должен быть url-кодирован. В примере для этого использована функция urlencode
Шеринг конкретному абоненту
Где плейсхолдер < ABID >— это идентификатор абонента.
Ответ написан более трёх лет назад
Нравится 4 2 комментария
Не работает
работает, то что искал спасибо автор
Ответ написан более трёх лет назад
Комментировать
Нравится 3 Комментировать
Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать
PHP и всё что рядом
Вероятно в браузере должен быть плагин обработки ссылок для whatsapp. При установке скайпа такой плагин ставится.
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Пожалуйста =)
Ответ написан более трёх лет назад
Нравится 1 3 комментария
На iOS не работает точно, на андроиде проверить не могу.
на андроиде тоже не работает.
у меня на андройде работает
WordPress-евангелист, ведущий РНР — разработчик
Все прекрасно работает как с огрызками так и с ведроидами, главное правильно поставить ссылки
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Здесь можно сгенерить ссылки на WhatsApp, Viber и Телеграм для сайта
https://msgr.pw
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
Спасибо за ссылку, бро!
Сама ссылка выглядит очень просто
https://wa.me/ + номер телефона
Ну а дальше просто добавить стандартный тег a. Пример:
Я обычно забываю конструкцию, поэтому юзаю конструктор ссылок whatsapp
Ответ написан более года назад
Комментировать
Нравится 1 Комментировать
Поскольку api.whatsapp.com, а вместе с ним wa.me может не работать, нужно искать альтернативные способы создать ссылку на воцап. Подробнее написал в статье.
Если в двух словах, то можно использовать диплинк или кликбар.
Диплинк будет выглядеть так: whatsapp://send?phone=79009009090. Вместо 79009009090 нужно подставить свой номер телефона без знака +.
Кликбар будет выглядеть как визитка, где можно будет объединить ссылки и на Ватсапп, и на Телеграм, и на другие сайты и приложения. Пример кликбара.
Ответ написан более года назад
Комментировать
Нравится 1 Комментировать
make const not var
Ссылка должна быть вида » «.
Со скайпом такое прокатывает. ( ).
P.S. Насчёт правильности ссылки на WhatsApp не знаю, поэксперементируй 🙂
Источник: qna.habr.com