Легкий, настраиваемый виджет для связи посетителей сайта с вашим Telegram-ботом. Виджет отображается как пузырь сообщения в углу экрана с анимационными эффектами для привлечения внимания пользователя.
На нашем демо-сайте вы можете:
- Увидеть виджет в действии
- Настроить все параметры в реальном времени
- Протестировать разные цвета, позиции и анимации
- Посмотреть на работу в темном режиме
- ✨ Анимированные эффекты для привлечения внимания (махание, подпрыгивание, свечение)
- 🎨 Настраиваемые цвета и положение
- 📱 Адаптивный дизайн для мобильных устройств
- 🌓 Поддержка темной темы
- 🎭 Градиентная рамка и другие визуальные эффекты
- ⚙️ Множество параметров конфигурации
- 🚀 Без зависимостей
- 📦 Небольшой размер файла
<script src="https://cdn.jsdelivr.net/gh/Doc-Code/web-widget-telegram@main/simple-telegram-widget.js"></script>
<script>
configureTelegramWidget({
telegramUsername: 'your_bot_username',
title: 'Бот бронирования',
subtitle: 'и общения на тему проживания...'
});
</script><script
src="https://cdn.jsdelivr.net/gh/Doc-Code/web-widget-telegram@main/simple-telegram-widget.js"
data-telegram-username="your_bot_username"
data-title="Бот бронирования"
data-position="bottom-right">
</script><script>
// Вставьте весь код виджета здесь
</script>A lightweight, customizable widget for connecting website visitors with your Telegram bot. The widget appears as a chat bubble in the corner of the screen, with animation effects to attract user attention.
On our demo site you can:
- See the widget in action
- Configure all parameters in real-time
- Test different colors, positions, and animations
- See how it works in dark mode
- ✨ Animated effects to attract attention (wave, bounce, glow)
- 🎨 Fully customizable colors and positions
- 📱 Mobile responsive design
- 🌓 Dark theme support
- 🎭 Gradient border and other visual effects
- ⚙️ Multiple configuration options
- 🚀 No dependencies
- 📦 Small file size
<script src="https://cdn.jsdelivr.net/gh/Doc-Code/web-widget-telegram@main/simple-telegram-widget.js"></script>
<script>
configureTelegramWidget({
telegramUsername: 'your_bot_username',
title: 'Booking Bot',
subtitle: 'Ask questions about accommodation...'
});
</script><script
src="https://cdn.jsdelivr.net/gh/Doc-Code/web-widget-telegram@main/simple-telegram-widget.js"
data-telegram-username="your_bot_username"
data-title="Booking Bot"
data-position="bottom-right">
</script><script>
// Paste the entire widget code here
</script>telegram widget, telegram chat widget, telegram button, telegram integration, telegram contact button, website chat widget, telegram messaging, telegram bot widget, telegram contact form, telegram popup, web telegram widget, chat with telegram, telegram website integration, telegram contact us, website telegram button, telegram chat bubble, social media widget, telegram support chat, telegram messenger widget, website messenger integration