Хотите быстро оповестить посетителей сайта о важной новости, акции или технических работах? Самый простой способ — добавить информационное сообщение в верхний бар сайта. Это удобно, заметно и не мешает просмотру контента.

В этой инструкции покажем, как создать и настроить такое сообщение с помощью бесплатного плагина DMC Discount Sale Promo Banner — простого и мощного инструмента для WordPress и WooCommerce.

Что такое DMC Discount Sale Promo Banner

DMC Discount Sale Promo Banner позволяет добавлять на сайт:

  • уведомления и объявления;
  • информационные сообщения и новости;
  • промо-баннеры и рекламные акции;
  • сообщения для покупателей в WooCommerce.

Баннер можно разместить в пяти вариантах:

  • Top Bar — верхняя панель сайта;
  • Bottom Bar — нижняя панель;
  • Widget — виджет в боковой колонке;
  • Shortcode — вставка баннера в любую страницу;
  • WooCommerce — на страницах товаров, корзины, оформления заказа и личного кабинета.

Все настройки выполняются через интерфейс WordPress — без написания кода. Интерфейс плагина полностью на русском языке, с понятными описаниями.

Установка плагина

  1. Перейдите в админ-панель WordPress.
  2. Выберите Плагины → Добавить новый.
  3. Введите в поиске DMC Discount Sale Promo Banner.
  4. Нажмите Установить, затем Активировать.
  5. После активации откройте меню Внешний вид → DMC Sale Banner.

Сразу после установки на сайте появится демонстрационный баннер в верхней части страницы — вы сможете его отредактировать под свои нужды.

Как вывести информационное сообщение в топ баре

Шаг 1. Выберите модуль Top Bar

Перейдите в настройки плагина Внешний вид → DMC Sale Banner и откройте вкладку Top Bar. Именно этот модуль отвечает за отображение сообщений в верхней части сайта.

Шаг 2. Активируйте верхний бар

Включите переключатель Enable Top Bar. После этого баннер появится на сайте, и вы сможете редактировать его содержимое.

Шаг 3. Добавьте текст сообщения

В разделе Banner Content введите текст, который хотите показать пользователям. Например:

На сайте проводятся технические работы. Возможны временные перебои.

Вы можете использовать любые информационные сообщения: уведомления о новых акциях, доставке, изменении режима работы и т.д.

Шаг 4. Настройте внешний вид

В разделе Design Settings можно выбрать:

  • один из готовых шаблонов оформления;
  • ширину и отступы;
  • скругление углов;
  • ориентацию (горизонтальная или вертикальная).

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

Шаг 5. (Необязательно) Добавьте кнопку действия

Если вы хотите направить пользователей на другую страницу (например, «Подробнее» или «Посмотреть акцию»), добавьте кнопку и укажите ссылку. Если кнопка не нужна — просто отключите её.

Шаг 6. Сделайте баннер фиксированным  (липким) при прокрутке

Активируйте параметр Sticky Banner, чтобы верхний бар оставался видимым при прокрутке страницы. Это удобно для важных уведомлений.

Пример

Простое информационное сообщение в верхнем баре может выглядеть так:

Бесплатная доставка по всей России при заказе от 2000р

Такое уведомление привлечет внимание пользователей и повысит доверие к вашему интернет-магазину.

Полезные советы

  • Используйте лаконичные, понятные формулировки — максимум 1–2 строки текста.
  • Выбирайте контрастный фон, чтобы сообщение было заметным, но не раздражающим.
  • Для сезонных акций используйте эмодзи, чтобы визуально выделить сообщение.
  • Не перегружайте верхний бар — он должен выглядеть аккуратно и органично.

Примеры использования и заполнения баннера

Плагин DMC Discount Sale Promo Banner универсален — его можно использовать не только для акций, но и для любых информационных сообщений.

Вот несколько практических примеров:

1. Уведомление о распродаже

Большая распродажа до 50%! Только до конца недели — успей купить выгодно!

  • Кнопка: «Посмотреть товары»
  • Ссылка: https://ваш-сайт.ru/sale
  • Дизайн: яркий фон (красный или оранжевый), белый текст

2. Информационное сообщение для посетителей

Наш офис не работает 12 и 13 октября. Заказы будут обработаны в понедельник.

  • Кнопка: Отключена
  • Цель: уведомление клиентов о временных изменениях
  • Дизайн: нейтральный фон (серый или синий)

3. Сообщение о бесплатной доставке

Бесплатная доставка при заказе от 3000р по всей России!

  • Кнопка: «Подробнее»
  • Ссылка: https://ваш-сайт.ru/delivery
  • Дизайн: светлый фон, акцент на кнопку

4. Оповещение о новом продукте

Представляем новинку — наш новый набор для ухода за кожей! Ознакомьтесь первыми.

  • Кнопка: «Узнать больше»
  • Ссылка: https://ваш-сайт.ru/new
  • Дизайн: фирменные цвета бренда, изображение продукта (если включен виджет или шорткод)

5. Напоминание о времени работы

Мы работаем ежедневно с 9:00 до 20:00. Добро пожаловать!

  • Кнопка: Отключена
  • Дизайн: минималистичный, спокойный фон

Вы можете использовать эти шаблоны как основу и адаптировать под свой стиль. Для каждого примера достаточно изменить текст и цвета прямо в настройках плагина — без редактирования кода.

Идеи для сезонных баннеров

Сезонные и праздничные баннеры отлично привлекают внимание и стимулируют продажи.

Ниже несколько идей, которые вы можете реализовать в плагине DMC Discount Sale Promo Banner за несколько минут:

Новогодняя распродажа

Новогодние скидки до 40%! Успейте купить подарки до 31 декабря!

  • Кнопка: «Купить со скидкой»
  • Дизайн: сине-белая или красно-золотая цветовая схема
  • Совет: добавьте визуальный таймер обратного отсчета до конца года для эффекта срочности (FOMO)

Черная пятница

Black Friday уже началась! Скидки до 70% только 3 дня!

  • Кнопка: «Смотреть предложения»
  • Дизайн: черный фон, контрастный желтый или белый текст
  • Совет: включите липкий баннер (Sticky Banner), чтобы он всегда оставался на виду

8 Марта

Дарите подарки любимым! Скидки до 25% к 8 марта!

  • Кнопка: «Выбрать подарок»
  • Дизайн: розовый, фиолетовый или пастельный фон с мягкими оттенками
  • Совет: добавьте эмодзи, чтобы баннер выглядел дружелюбно и эмоционально

Back to School

Готовьтесь к школе — скидки до 30% на канцтовары и рюкзаки!

  • Кнопка: «Смотреть товары»
  • Дизайн: яркие цвета — синий, оранжевый, зеленый
  • Совет: установите таймер до начала учебного года, чтобы подчеркнуть ограниченность времени

День Святого Валентина

Подарки для любимых — скидки 20% на всё до 14 февраля!

  • Кнопка: «Купить подарок»
  • Дизайн: красный или розовый фон, сердечки в оформлении
  • Совет: используйте короткий эмоциональный текст и CTA вроде «Успей признаться!»

Такие баннеры не только украшают сайт, но и создают атмосферу праздника, помогая увеличить конверсию и вовлеченность пользователей. Благодаря плагину DMC Discount Sale Promo Banner вы можете менять баннеры под каждый сезон или праздник всего за пару кликов.

Итог

Теперь вы знаете, как легко вывести информационное сообщение в верхнем баре сайта WordPress с помощью плагина DMC Discount Sale Promo Banner. Всего несколько кликов — и ваш сайт информирует пользователей о важных событиях без необходимости редактировать шаблоны или писать код.

Попробуйте прямо сейчас — установите плагин и добавьте первое уведомление за пару минут!

Полезные ссылки

Поделитесь в социальных сетях

Добавить комментарий