Заощадження від старої ціни
Блок рахує вигоду від знижки і виводить її окремим помітним рядком біля ціни: «Заощаджуєте 320 ₴ (−40%)». Числа він бере прямо зі сторінки товару за CSS-селекторами старої та нової ціни, тож при зміні ціни підпис оновлюється сам. Якщо селектори не вказані або ціну на сторінці не знайдено — використовує ручні значення з налаштувань. Підсилює мотивацію до покупки, роблячи розмір знижки наочним.
Знижка у вас є, але покупець її не відчуває: перекреслена стара ціна дрібним шрифтом нічого не каже. Коли людина бачить у гривнях, скільки економить — «Заощаджуєте 320 ₴» — вигода стає відчутною, і купити легше.
Що налаштовується в конструкторі
- Текст підпису
- Селектор старої ціни (зазвичай не треба)
- Селектор нової ціни (зазвичай не треба)
- Символ валюти
- Показувати відсоток (−40%)
- Мін. економія для показу, ₴
- Пульсація іконки
- Фон
- Текст
- Акцент
- Текст плашки %
- Рамка
- Заокруглення
- Відступи
- Ширина
- Розмір підпису
- Розмір тексту %
17 налаштувань · 4 пресетів · під Хорошоп
Живе прев'ю
Так блок виглядає на сторінці. Кольори й тексти підлаштуєте в конструкторі.
Прев'ю інтерактивне — наведіть і клікніть, щоб перевірити поведінку блока.
Як це працює
- Бере стару й нову ціну прямо зі сторінки товару за CSS-селекторами — рахувати нічого не треба.
- Показує економію в гривнях і у відсотках окремим помітним рядком біля ціни.
- Ціна змінилася — підпис оновлюється сам. Немає знижки — блок нічого не малює, жодних вигаданих економій.
- Кольори, валюта й поріг мінімальної економії — під вашу тему; пресети light_green, dark, red_sale, minimal.
Питання
Що як на товарі немає знижки?
Блок нічого не показує — він малює економію лише коли на сторінці є і стара, і нова ціна. Фейкових знижок не вигадує.
Мені треба щось рахувати вручну?
Ні. Блок бере обидві ціни зі сторінки сам і рахує різницю. Ручні значення — лише запасний варіант, якщо тема ховає ціну нестандартно.
Де саме він з'явиться?
Окремим помітним рядком біля ціни на картці товару. Вигляд і розміщення підлаштовуєте в конструкторі.
Заберіть блок безкоштовно
Налаштуйте в конструкторі, заберіть код, вставте в Хорошоп — без розробника й без картки.
Забрати безкоштовно