Содержание
ПредыдущаяДальше1-100 из 554
Значки обмена мгновенными сообщениями
Векторный современный иконка телефона в пузырьковой речиШаблоны
Поиск видеоviber vector
Попробуйте другие ключевые словазначок whatsapp
Попробуйте другие ключевые словаодноклассники иконка
Попробуйте другие ключевые словачат whatsapp
Попробуйте другие ключевые слователеграм
Попробуйте другие ключевые словазначок viber
Попробуйте другие ключевые словасоцсети иконки вконтакте
Попробуйте другие ключевые слователеграм чат
Попробуйте другие ключевые словаиконка телеграмм
Семь лет WeChat: как обычный мессенджер превратился в революционную экосистемуПо многочисленным просьбам пользователей шаблона – конструктора AB-Inspiration в новой версии шаблона я добавила дополнительные кнопки для контакта: WhatsApp, Viber, Email и WeChat.
Иконки WhatsApp, Viber, Email и WeChat будут отображаться в виджете в шапке (Социальные сети), и в виджете “Следуй за мной”.
В этой статье я расскажу как их настроить.
Итак, для начала убедитесь, что у вас новая версия шаблона AB-Inspiration 7.20 или выше.
Как установить кнопки WhatsApp, Viber, Email и WeChat в виджет в шапке
1. Перейдите в раздел Внешний вид -> Виджеты
2. Если вы еще не установили виджет 0-AB-Виджет в шапке, то найдите его в списке доступных виджетов и кликните по нему мышкой
3. Выберите из списка Виджет в шапке
4. Нажмите на кнопку “Добавить виджет”
5. Откройте виджет и выберите из списка “Социальные кнопки”
6. Спуститесь вниз виджета и заполните поля, которые вам нужны “WhatsApp, Viber, Email и WeChat”. Whatsapp и Viber заполняйте без скобок и знака плюс, в поле email просто пропишите ваш Email адрес, если вы хотите использовать китайскую социальную сеть WeChat вам необходимо сгенерировать QR код в сервисе WeChat, затем скачать изображение, загрузить его через медиафайлы на блоге, взять ссылку на изображение и вставить в виджете в поле WeChat.
7. Укажите размер иконок
8. Укажите форму иконок
9. Если необходимо укажите отступ сверху
10. Нажмите на кнопку “Сохранить”
Теперь можно посмотреть что получилось.
Справа в шапке у вас должны появиться вот такие кнопки:
Как установить кнопки WhatsApp, Viber, Email и WeChat в виджет Следуй за мной
Скорее всего этот виджет у вас уже установлен. Просто зайдите в раздел “Внешний вид” – Виджеты, откройте виджет “Следуй за мной” и заполните те поля, которые вам необходимы, WhatsApp, Viber, Email и WeChat.
Whatsapp и Viber заполняйте без скобок и знака плюс, в поле email просто пропишите ваш Email адрес, если вы хотите использовать китайскую социальную сеть WeChat вам необходимо сгенерировать QR код в сервисе WeChat, затем скачать изображение, загрузить его через медиафайлы на блоге, взять ссылку на изображение и вставить в виджете в поле WeChat.
В боковой колонке кнопки будет выглядеть так:
При клике на кнопки WhatsApp и Viber начнется звонок, при клике на кнопку WeChat во всплывшем окне появится QR код, и при клике на кнопку Email откроется почтовая программа.
Как опубликовать моменты в WeChat без фотоЕсли у вас возникнут вопросы при настройке кнопок, не стесняйтесь, спрашивайте. Буду рада помочь.
P.S. Если вы используете кнопку Viber, чтобы отобразилась иконка необходимо обновить файл стилей. Это нужно сделать 1 раз, поскольку в новой версии шаблона внесены изменения в данный файл и скорее всего ваш браузер запомнил предыдущую версию.
Если вы после настройки не видите иконку Viber сделайте следующее:
- Копируйте ссылку: ВАШ-ДОМЕН.RU/wp-content/themes/ab-inspiration/style.css
- Вставьте эту ссылку в браузер
- Замените ВАШ-ДОМЕН.RU на домен вашего блога
- Нажмите Enter. Должен открыться файл стилей.
- Обновите страницу.
Если у вас все еще не отображается кнопка Viber, обратитесь в техподдержку.
Кнопки WhatsApp, Viber, Email и WeChat в шаблоне – конструкторе AB-Inspiration 6голосовСредняя оценка: 5 из 5Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн – курсами, с универсальным интернет – магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2021 Похожие записи:
Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на Telegram, Whatsapp и Viber, то есть на свои профили или группы в этих замечательных (и не очень) мессенджерах.
Речь идет о ссылках, подобных телефонным или для почты, когда, кликая по ним открывается ваше приложение для работы с почтой или набранный номер.
Подобную операцию можно провернуть и с мессенджерами. Многие активно используют их (ссылки на мессенджеры), в построении автоворонок и, говорят, что такие мобильные лендинги имеют невероятную конверсию.
Зачем делать активную ссылку на мессенджер?
Мессенджеры пользуются огромной популярностью. Многие заводят каналы и паблики, так как информацию можно доносить прямо в телефон целевой аудитории, да еще и push-уведомлением, а значит пользователь обязательно увидит ваше сообщение.
WeChat для компьютераКроме того, оставляя такую ссылку на своем сайте, мы позволяем написать нам, ведь для многих звонок — это стресс, писать сообщение намного проще. Но это еще не все, ведь некоторым невыгодно звонить из региона в регион, или из страны в страну, а мессенджеры сделают звонок бесплатным.
В чем сложность?
Проблемы начинаются в тот момент, когда нужно поддерживать и мобильную версию и десктопную, то есть в 99% случаев. Дело в том, что приложение для телефонов и приложение для компьютера работают с разными ссылками и получается, что если указать ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber, при этом WhatsApp и Telegram не испытывают подобных проблем.
Кроме того, не все знают как именно должна выглядеть ссылка, чтобы она открывала приложения. Чтобы вам не приходилась искать на разных сайтах, я сделал эту статью с инструкцией как правильно ставить активную ссылку на сайте, чтобы при клике на нее открывался мессенджер и сразу отправлял пользователя в чат с вами.
Давайте разбираться как должен выглядеть атрибут «href» у ссылок на тот или иной мессенджер.
Как поставить ссылку на свои профиль в Telegram?
Как я уже говорил с этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:
Написать в Телеграм
Как поставить ссылку на свой профиль в WhatsApp?
С проставление ссылки на свой профиль в мессенджере WhatsApp, тоже никаких проблем нет. Кроме того, есть возможность даже добавить текст по умолчанию, который уже будет набран и пользователю останется его только отправить.
Ссылка должна выглядеть следующим образом:
Написать в WhatsApp
Где:
- “380950000000” – ваш номер телефона,
- “?text=” – параметр содержащий текст по умолчанию,
- “%20” – символ пробела в сообщении.
Тут, как видите, тоже все достаточно просто.
Как поставить ссылку на свой профиль в Viber?
Чтобы поставить правильную ссылку на Viber, придется воспользоваться PHP для определения устройства. Если у вас страница сохранена в расширении html, то придется пересохранить в .php. Это никак не повлияет на работоспособность страницы.
Итак, выше я писал, что десктопное и мобильное приложение Viber открывается по разным ссылкам, что создает определенные сложности при добавлении такой ссылки на сайт. Для мобильных устройств используется такой подход формирования ссылки:
Написать в Viber
Для ПК – такой:
Написать в Viber
Для того, чтобы определить устройство при помощи PHP, в самом простейшем случае можно воспользоваться простейшей функцией, которая определяет USER_AGENT устройства, а затем, в зависимости от того, опередила ли функция устройство как мобильное или нет, показывать ту или иную ссылку.
function check_mobile_device() { $mobile_agent_array = array('ipad', 'iphone', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'nokia', 'htc_', 'samsung', 'motorola', 'smartphone', 'blackberry', 'playstation portable', 'tablet browser'); $agent = strtolower($_SERVER['HTTP_USER_AGENT']); foreach ($mobile_agent_array as $value) { if (strpos($agent, $value) !== false) return true; }; return false; };
Расположить функцию, можно, например в самом начале страницы, перед ‘doctype’ или вынести в отдельный файл и там же подключить его.
После этого, в месте где будет выводиться ссылка на Viber используйте такую проверку:
<? if(check_mobile_device()) : Viber <? else : Viber <? endif;
Теперь, если человек зашел с ПК, то ему покажется ссылка для десктопного приложения, а если с мобильного устройства, то ссылка для смартфона или планшета.
Конечно же есть и более надежные способы для определения устройства. Если вам по какой-то причине не хватило устройств в функции, которую привел я, то можете воспользоваться PHP-классом Mobile-Detect, который специально создан для этих целей (определять устройство).
Пользоваться им достаточно просто:
- Подключаем файл с Классом.
- Создаем новый экземпляр класса.
- Делаем проверку.
Звучит страшнее, чем есть на самом деле.
require_once 'functions/Mobile_Detect.php'; $detect = new Mobile_Detect; if ( $detect->isMobile() ) { // Здесь пишем код или разметку для мобильного } else { // Здесь код или разметку для Десктопа }
Надеюсь, теперь у вас не возникнут проблемы с добавлением ссылок на сайт, которые ведут на ваши профили в мессенждерах. Если возникнут вопросы, задавайте в комментариях.
Пример работы
Используемые источники:
- https://ru.depositphotos.com/vector-images/viber-vector.html
- https://anfisabreus.ru/2017/12/knopki-whatsapp-viber-email-i-wechat-v-shablone-ab-inspiration/
- https://smartlanding.biz/ssylka-na-whatsapp-telegram-viber.html
