Повернення на вкладку
Блок ловить момент, коли вкладка магазину йде у фон (visibilitychange), і підміняє текст у заголовку браузера на коротке нагадування на кшталт «← Ваш кошик чекає». Щойно покупець повертається на вкладку — заголовок миттєво відновлюється. За бажанням блок підтягує реальну суму кошика з DOM за CSS-селектором і вставляє її в нагадування; якщо суми немає — показує нейтральний текст без вигадування цифр. Допомагає повертати увагу тих, хто відволікся на інші вкладки, без попапів і нав'язливості.
Покупець відкрив ваш товар, перемкнувся «на секунду» на іншу вкладку — і забув. Кошик покинуто, хоча людина була готова купувати. Блок повертає увагу без попапів: щойно вкладка йде у фон, у заголовку браузера з'являється тихе нагадування.
Що налаштовується в конструкторі
- Текст, коли пішли з вкладки
- Селектор суми кошика (авто на Хорошопі)
- Коли повернулись — показати
- Текст вітання
- Другий текст
- Емодзі іконки
- Блимання (два тексти по черзі)
- Швидкість блимання
- Міняти іконку вкладки на емодзі
9 налаштувань · 5 пресетів · під Хорошоп
Живе прев'ю
Так блок виглядає на сторінці. Кольори й тексти підлаштуєте в конструкторі.
Прев'ю інтерактивне — наведіть і клікніть, щоб перевірити поведінку блока.
Як це працює
- Ловить момент, коли вкладка магазину йде у фон, і міняє заголовок браузера на коротке «← Ваш кошик чекає».
- Повернулись на вкладку — заголовок миттєво відновлюється.
- За бажанням підтягує реальну суму кошика й вставляє в нагадування; немає суми — показує нейтральний текст без вигаданих цифр.
- Без попапів і банерів — лише текст вкладки та, за бажанням, емодзі-іконка.
Питання
Це не набридливо, як попапи?
Ні. Блок нічого не показує на самій сторінці — він міняє лише текст вкладки браузера, поки покупець дивиться в інше місце. Повернувся — усе як було.
Він працює на мобільному?
На десктопі — так, там ефект найпомітніший. На мобільному спрацьовує лише там, де браузер узагалі показує заголовок вкладки й реагує на її згортання; часто ефекту не видно.
Звідки він бере суму кошика?
З DOM сторінки за CSS-селектором; на Хорошопі підхоплює автоматично. Немає суми — показує нейтральне нагадування без цифр.
Заберіть блок безкоштовно
Налаштуйте в конструкторі, заберіть код, вставте в Хорошоп — без розробника й без картки.
Забрати безкоштовно