Панель объявления для сайта (полоса вверху)
Напишите сообщение, добавьте ссылку и выберите цвета. Закрывший полосу больше её не увидит, а сама она может исчезнуть после указанной вами даты.
Как пользоватьсяПолоса объявления вверху сайта
Панель объявления для сайта (полоса вверху): для чего нужен
Полоса вверху сайта — самый простой способ сообщить об акции, бесплатной доставке, особом праздничном графике или новости, не мешая навигации.
Напишите сообщение, ссылку и выберите цвета. Код запоминает закрывших полосу, чтобы не показывать её снова (пока вы не измените текст), может исчезнуть сам после определённой даты и может оставаться закреплённым при прокрутке. Полоса вставляется в начало страницы и занимает место с момента загрузки, чтобы не сдвигать контент и не ухудшать CLS.
Как пользоваться
- Напишите текст и ссылку.
- Выберите цвета, кнопку закрытия и конечную дату.
- Скопируйте и вставьте сразу после тега body.
Когда использовать
- Акция в чёрную пятницу.
- Объявление о праздничном графике.
- Бесплатная доставка или промокод на скидку.
Частые вопросы
Как панель запоминает, что человек её закрыл?
Код сохраняет (localStorage), что это объявление закрыто. Если вы измените текст, ключ тоже изменится, и новое объявление снова появится у всех.
Мешает ли полоса SEO или загрузке?
Нет, это лёгкие HTML и CSS. Чтобы не сдвигать страницу после загрузки (что ухудшает метрику CLS Google), код размещает полосу в начале body, занимая место с самого начала, и убирает её, только если человек уже её закрыл.
Можно ли показывать только до даты?
Да. Укажите конечную дату, и после неё полоса перестанет появляться — заходить на сайт, чтобы убрать её, не нужно.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.