Генератор встраиваемых значков
Создавайте динамические значки рабочего статуса для вашего веб-сайта, чтобы посетители знали о доступности вашего сервиса
Базовая конфигурация
Конфигурация стиля
Живой предварительный просмотр
Настройки предварительного просмотра
Инструкции по использованию
Content-Security-Policy: frame-ancestors 'self' isworkingnow.com; Часто задаваемые вопросы
Как использовать встраиваемый статусный бейдж?
1. Настройка основной информации: Установите ваше рабочее время, часы работы и рабочие дни
2. Настройка стиля: Выберите предустановленные стили или настройте цвета, макет и т.д.
3. Генерация бейджа: Нажмите кнопку "Генерировать бейдж", чтобы получить код для встраивания
4. Встраивание в сайт: Скопируйте сгенерированный iframe-код на ваш сайт
Какие эффекты дает бейдж?
Отображение статуса в реальном времени: Автоматически показывает статус "Работаю" или "Не в сети" на основе установленного рабочего времени
Поддержка множественных стилей: Предоставляет 10 предустановленных стилей, включая классический, капсула, квадрат, градиент и др.
Адаптивный дизайн: Автоматически адаптируется к различным устройствам и размерам экрана
Распознавание праздников: Поддерживает настройку праздников для автоматического отображения статуса "не в сети" в праздничные дни
Зависимость от часового пояса: Автоматически отображает правильный рабочий статус на основе часового пояса посетителя
Когда нужно настраивать CSP политику безопасности?
Если на вашем сайте включена CSP (Content Security Policy):
• Когда бейдж не отображается или не загружается правильно
• Консоль браузера показывает ошибки, связанные с CSP
• Сайт имеет строгие требования к политике безопасности
Решение: Добавьте следующую конфигурацию в вашу CSP политику:
Какие технические функции поддерживает бейдж?
Кроссдоменная поддержка: Может быть встроен в любой сайт без ограничений кроссдомена
Легковесность: Быстрая скорость загрузки, не влияет на производительность сайта
Без зависимостей: Чистая HTML/CSS реализация, не требует дополнительных JavaScript библиотек
SEO-дружественность: Не влияет на сканирование и индексацию поисковыми системами
Поддержка HTTPS: Полностью совместим с HTTPS сайтами
Какие опции можно настроить?
Настройки времени: Рабочие часы, часовой пояс, рабочие дни, праздники
Текстовое содержимое: Отображаемый текст для статусов работы и не в сети
Визуальный стиль: Цвета, размер шрифта, отступы, радиус границ, макет
Индикатор статуса: Опция отображения цветных точек-индикаторов статуса
Местное время: Опция отображения текущего местного времени