Хотите увеличить продажи и привлечь внимание посетителей к акции? Один из самых эффективных способов — добавить на сайт баннер со скидкой и таймером обратного отсчета. Такой баннер создает эффект срочности (FOMO — Fear of Missing Out) и мотивирует пользователей совершить покупку прямо сейчас.
В этом руководстве покажем, как легко создать подобный баннер с помощью плагина DMC Discount Sale Promo Banner — мощного и простого инструмента для WordPress и WooCommerce.
Что такое DMC Discount Sale Promo Banner
DMC Discount Sale Promo Banner позволяет добавлять на сайт:
- промо-баннеры со скидками и акциями;
- уведомления и объявления;
- информационные сообщения и специальные предложения.
Баннер можно разместить:
- вверху сайта (Top Bar);
- внизу (Bottom Bar);
- в сайдбаре (Widget);
- внутри страниц с помощью шорткода;
- на страницах WooCommerce.
Все настройки доступны через интерфейс WordPress — без единой строчки кода
Установка плагина
- Перейдите в админ-панель WordPress.
- Выберите пункт Плагины → Добавить новый.
- Введите в поиске DMC Discount Sale Promo Banner.
- Нажмите Установить, затем Активировать.
- После активации откройте меню Внешний вид → DMC Sale Banner.
После включения плагина на сайте автоматически появится демонстрационный баннер в верхней части страницы — вы сможете сразу начать его редактировать.
Создание баннера со скидкой
Шаг 1. Выберите место отображения
В панели настроек выберите, где вы хотите разместить баннер:
- Top Bar — верхняя панель сайта;
- Bottom Bar — нижняя панель;
- Shortcode — вставка баннера в текст страницы или записи;
- Widget — баннер в боковой колонке;
- WooCommerce — баннер на страницах товаров, корзины и оформления заказа.
Для примера выберем Top Bar.
Шаг 2. Активируйте модуль
Включите переключатель Enable Top Bar. Баннер сразу появится на сайте, и вы сможете приступить к настройке его содержимого.
Шаг 3. Добавьте текст и кнопку
В разделе Banner Content введите продающий текст, например:
🎉 Только сегодня! Скидка 20% на всё — успей до конца дня!
Ниже укажите текст кнопки (например, «Купить сейчас» или «Посмотреть товары») и вставьте ссылку на нужную страницу с акцией.
Шаг 4. Настройте внешний вид
В разделе Design Settings можно выбрать:
- готовый шаблон оформления;
- ширину и отступы;
- скругление углов;
- ориентацию (горизонтальная или вертикальная);
Выберите стиль, который лучше всего соответствует дизайну вашего сайта.
Шаг 5. Добавляем таймер обратного отсчета
Чтобы добавить на баннер обратный отсчет до конца акции, потребуется премиум-версия плагина.
- Перейдите в раздел Timer в нужном модуле (Top Bar, Bottom Bar, Shortcode, Widget или WooCommerce).
- Укажите дату и время начала и окончания акции.
- Активируйте опцию Show countdown timer visually чтобы таймер отображался на сайте.
- Настройте внешний вид таймера: цвет, размер и стиль цифр.
Теперь ваш баннер будет показывать визуальный таймер, который автоматически отсчитает время до завершения акции. Когда время истечет — баннер автоматически отключится.
Пример: баннер со скидкой для WooCommerce
- Откройте вкладку WooCommerce в настройках плагина.
- Активируйте модуль и добавьте текст, например:
Скидка 15% при покупке этого товара! Акция заканчивается через: - Добавьте кнопку «Успей купить» или «Добавить в корзину».
- Настройте таймер обратного отсчета до конца акции.
- Сохраните изменения.
Баннер появится на странице товара и начнет автоматически отсчитывать время — стимулируя покупателей оформить заказ быстрее.
Полезные советы
- Используйте контрастные цвета, чтобы баннер выделялся на фоне сайта.
- Добавляйте срочные фразы: «только сегодня», «до конца недели», «осталось несколько часов».
- Размещайте баннер в верхней части сайта — он будет виден сразу после загрузки страницы.
- Для WooCommerce полезно добавить баннер также на странице корзины и оформления заказа.
Итог
Вы создали стильный продающий баннер со скидкой и таймером обратного отсчета, который можно разместить в любой части сайта. Он автоматически исчезнет после окончания акции и поможет увеличить конверсию благодаря эффекту FOMO.
Полезные ссылки
- Инструкции по использованию плагина DMC Discount Sale Promo Banner
- Страница презентации плагина DMC Discount Sale Promo Banner
- Живая демонстрация баннеров
DMC Discount Sale Promo Banner — это универсальное решение для создания баннеров, уведомлений и акций на WordPress. Даже если вы новичок, вы сможете запустить первый баннер уже через несколько минут и заметно повысить продажи на своем сайте!
