Модуль для 1С-Битрикс

Лента новостей из
Telegram-канала
на вашем сайте

Элегантная интеграция постов из Telegram на ваш сайт без API-ключей. Поддержка Premium-эмодзи, медиа-галерей и красивых анимаций.

t.me/
Канал должен быть публичным (открытым)

Что такое Nordsite.Telegram?

Это готовый визуальный компонент для 1С-Битрикс, который транслирует ленту из вашего публичного канала прямо на сайт.

Никакой мороки с API. Вам не нужны программисты, не нужно регистрировать ботов или получать токены. Указали @username в настройках — и всё работает.

Premium Эмодзи

Парсинг, кэширование и вывод анимированных премиум-стикеров (TGS/Lottie) и оригинальных реакций пользователей.

Умные галереи

Медиафайлы автоматически группируются в коллажи (до 4 шт.) с сохранением пропорций и встроенным Lightbox.

Дизайн без кода

Десятки опций: сетки, слайдеры, тени (Github стиль), CSS-анимации появления при скролле. Всё управляется мышкой.

D7 + Vanilla JS

Современная архитектура на ядре D7. Никакого устаревшего jQuery, только быстрый нативный JavaScript.

Демонстрация вариантов
1

Классическая сетка (Grid)

Информация о канале слева (липкая и компактная при скролле). Посты выводятся в 3 колонки. Включена плавная анимация выезда карточек сбоку.

VIEW_TYPE = blocks
2

Классическая лента (1 колонка)

Информация о канале справа (полная липкая). Вывод в 1 колонку по центру (макс. ширина 560px). Включено дублирование логотипа и имени автора в каждом посте.

COLUMNS_COUNT = 1
3

Широкая витрина (4 колонки)

Шапка канала расположена сверху (прилипает к верху экрана). Скрыты логотипы в постах, реакции и просмотры для максимального фокуса на контент. Применен эффект "Глубокая тень" (var2).

BLOCK_SHADOW = var2
4

Слайдер (Infinity Scroll)

Вид "Слайдер" (горизонтальная прокрутка). Включена автоматическая AJAX-подгрузка постов при прокрутке ленты до конца. На мобильных работает как нативный свайп.

VIEW_TYPE = slider
AUTO_LOAD_MORE = Y
5

Слайдер + статичное меню

Информация о канале слева (откреплена). Выводятся строго 10 постов без возможности подгрузки (кнопка и автозагрузка отключены).

SHOW_MORE = N

Сводная таблица настроек

Наглядное сравнение конфигураций приведенных выше примеров.

Параметр
1
Сетка 3х3
2
Лента
3
Витрина
4
Слайдер авто
5
Слайдер статика
Вид отображения Blocks Blocks Blocks Slider Slider
Колонки x Строки 3 x 3 1 x 3 4 x 1 4 x 1 2 x 1
Позиция инфо-канала Слева Справа Сверху Сверху Слева
Фиксация (Sticky) Да (Compact) Да (Full) Да (Full) Да (Compact) Нет
Анимация (scroll / hover) slide-in
scale-up
fade-in
scale-up
zoom-in
lift-up
zoom-in
lift-up
zoom-in
lift-up
Лого / Название в постах
Реакции / Просмотры
Пагинация Кнопка Кнопка Кнопка Авто (Скролл) Отключена
* Все базовые параметры (формат даты, обрезка текста, загрузка эмодзи) во всех примерах идентичны. Компонент 100% адаптивен.

Справочник настроек

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

Основные параметры

ID Telegram канала Строка

Логин публичного канала без @ (например: butovopoligon). Канал обязательно должен быть открытым.

Стиль вывода Список

Блоками (Сетка) или Слайдер (горизонтальная прокрутка, на мобильных работает как нативный свайп без плагинов).

Настройки сетки Числа

Задайте точное количество столбцов и строк. При выборе 1 колонки, доступна тонкая настройка Максимальной ширины поста (px или %).

Пагинация Галочки

Включение кнопки AJAX-подгрузки старых постов. Опция Автоматически подгружать превращает кнопку в невидимый триггер (Infinity Scroll) с помощью IntersectionObserver.

Шапка канала

Позиция и Sticky

Расположение плашки инфо: Сверху, Снизу, Слева, Справа.
Включение Фиксированного блока оставляет его на экране при прокрутке страницы. Вид при залипании может быть Полным или Компактным (элегантное скрытие описания).

Отображаемые элементы Галочки

Позволяет собрать свой идеальный блок: можно точечно скрыть Логотип, Название, Ссылку (@username), Описание, Статистику или Кнопку "Открыть".

Локализация статистики Текст

Свободный перевод названий: Подписчики, Фото, Видео и т.д. Настройка выравнивания текста относительно цифры и замена английской "K" на "тыс.".

Посты и Контент

Ограничение текста (Line-Clamp)

Вывод текста полностью или умная обрезка "Читать далее" с указанием лимита строк (по умолчанию 4). Клик может раскрывать текст вниз (inline) или в продвинутом Модальном окне.

Управление элементами Галочки
  • Хештеги: ссылками / обычным текстом / полностью скрыть.
  • Реакции и Просмотры: вкл/выкл оригинальных счетчиков.
  • Формат даты: гибкая настройка вывода (с учетом времени или без).
Premium-эмодзи Уникальная фича

Механизм AJAX подгрузки JSON анимаций стикеров (TGS/Lottie/Video). Доступна загрузка "Отдельными запросами" или "Единым запросом" (для оптимизации нагрузки на сервер).

Медиа и Дизайн

Умные галереи фото

Сетки коллажей как в приложении Telegram: Все фото, 1 фото (+ счетчик), Макс. 3/4. В модальном лайтбоксе (по клику) всегда доступны все изображения поста.

Высота медиа: Адаптивная (сохраняет оригинальные пропорции) или Строгая (обрезает картинки до заданной высоты — идеальна для слайдеров).

Эффекты и Анимации CSS NoCode

Настройка поведения карточек "из коробки":

  • При скролле: 10+ вариантов (Fade In/Up, Zoom, Slide, Flip).
  • При наведении: 9 вариантов (Lift up, Glow, Tilt, Press).
Тень и рамки

Выбор из 8 пресетов современных теней (Глубокая, Многослойная, Github, Парящая). Полный контроль над толщиной и HEX-цветом рамок, размером и цветом шрифтов.

Готово к работе

Стоимость и внедрение

Получите современный инструмент интеграции Telegram для вашего сайта на 1С-Битрикс уже сегодня. Установка занимает 5 минут.

Лицензия

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

500 ₽ / мес.
5 000 ₽ / год (2 мес. бесплатно)
Купить в Маркетплейсе

Официальная установка через 1С-Битрикс

Внедрение под ключ

Нет времени разбираться в настройках и дизайне? Наш специалист интегрирует виджет за вас идеально ровно.

  • Установка на сайт
  • Адаптация под дизайн
  • Тестирование и запуск
Написать в Telegram бот

Прямая связь: @tgwidget_bot