Как добавить виджет телеграм на сайт

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

Но не будем отходить от темы) Итак, создавать виджеты можно при помощи онлайн сервисов:

Вариант виджета Telegram №1

И первым рассмотрим Telegram.im — позиционирующий свою кнопку как виджет обратной связи через телеграм. У сервиса к тому же имеется и свой веб-клиент популярного мессенджера.

Для получения виджета канала на главной переходим по ссылке «Получить кнопку» и на открывшейся странице обязательно вводим имя канала в формате @YaBlogo_su, остальные настройки по желанию. Можете поэкспериментировать с фоном и цветом текста, добавить эффект пульсации (как у меня), вставить текст и заголовок, поиграть с размером текста и самой кнопки. Благо все изменения тут же отобразятся в виде демонстрационного виджета вверху панели настроек. Когда подберёте вариант на свой вкус и цвет жмите «Получить код», далее копируете его и вставляете куда Вам нужно.

Вариант виджета Telegram №2

Сервис Tgwidget.com также прост как и предыдущий, главной отличие в том что он представляет два варианта кнопки и один вариант действительно виджета — с трансляцией новостей канала. Но новости будут отображаться только с оплаченной подпиской (

Для того чтобы установить виджет Telegram на главной жмём на кнопку «Установить виджет себе на сайт», будет предложено зарегистрироваться. После регистрации в личном кабинете переходите в раздел «Получить код виджета» и вводим имя канала вида @YaBlogo_su и нажимаем «Добавить». После этого в личном кабинете появится список Ваших виджетов и напротив каждого несколько кнопок — получить код, настроить, удалить.
Кликнув по первой кнопке увидите 3 варианта кода (слева) и визуальную демонстрацию виджетов (справа). Раздел настроек ещё проще чем в Telegram.im — необходимо выбрать язык, часовой пояс, скрывать или отображать количество подписчиков и пользовательские CSS для каждого виджета. Про крестик (кнопка удаления) я думаю объяснять не надо 🙂
Для удобства ниже приведены скриншоты всех действий в хронологическом порядке.
На этом прощаюсь, задавайте свои вопросы в комментариях.