Лента «Бесплатная доставка до воскресенья» над шапкой, кнопка с мессенджерами в углу, вежливый вопрос о языке сайта, баннер про cookie — мы годами видели, как владельцы магазинов заказывают эти мелочи у разработчиков или подключают сторонние сервисы за отдельную абонплату. Поэтому мы сделали их частью платформы. В каждом магазине на Turboshop теперь есть раздел «Настройки → Виджеты» с восемью готовыми виджетами, общими правилами показа и предпросмотром. Рассказываем, что мы туда положили, почему именно так и что это даёт вашим продажам.
Что мы положили в набор
Виджет для нас — это небольшой элемент витрины, который живёт поверх страниц и решает ровно одну задачу: сообщить, подсказать, удержать или дать способ связи. Мы отобрали восемь таких задач, с которыми сталкивается почти каждый магазин:
- Бегущая лента — полоса с сообщением над или под шапкой, до трёх сообщений со ссылками, три шаблона вывода и обратный отсчёт до даты;
- Выбор языка — попап, предлагающий перейти на другую языковую версию сайта;
- Cookie-уведомление — баннер согласия с категориями «Аналитика» и «Маркетинг», который действительно управляет запуском GTM, GA4 и Facebook Pixel;
- Кнопка «Наверх» — появляется после прокрутки и возвращает к началу страницы;
- Плавающие контакты — кнопка связи с телефоном, Telegram, Viber, WhatsApp, Messenger, email и формой обратной связи;
- Удержание (exit-intent) — попап для посетителя, который собирается уйти;
- Заинтересованный гость — попап тому, кто просмотрел несколько страниц и всё ещё сомневается;
- Email при добавлении в корзину — двухшаговое окно, которое сохраняет корзину и отправляет промокод.
Последние три — это сценарии возврата покупателя с промокодами, и каждому из них мы посвятили отдельную статью. Здесь сосредоточимся на самом разделе и на пяти «сервисных» виджетах, которые мы советуем включить первыми.
Раздел «Виджеты»: одна страница, вкладка на каждый виджет
Мы собрали всё управление в одном месте — «Настройки → Виджеты». На первой вкладке «Общие» — два общих правила, которые мы считаем самыми важными для спокойствия покупателя: «Пауза между попапами, секунд» (на экране всегда не больше одного всплывающего окна, следующее появляется только после паузы) и «Попапы ждут решения по cookie» — пока посетитель не ответил баннеру, другие окна ему не мешают. Мы принципиально не хотели, чтобы магазин на нашей платформе встречал человека тремя окнами сразу.
Дальше — по вкладке на виджет. Каждую мы построили одинаково, чтобы не приходилось учиться заново: переключатель «Включено», поля самого виджета, блок «Где показывать» и кнопка «Предпросмотр». Два решения, которые мы приняли осознанно. Первое: после обновления все виджеты выключены — установка модуля ничего не меняет на вашей витрине, вы сами решаете, что и когда включать. Второе: все текстовые поля мы заполнили примерами на украинском и русском, чтобы вы могли включить виджет и увидеть результат за минуту, а тексты переписать, когда будет время.
Бегущая лента: акция, которую невозможно не заметить
Самый простой и, по нашим наблюдениям, самый полезный виджет. Это полоса над шапкой (или под ней) с сообщением вроде «Бесплатная доставка от 1500 ₴ — только на этой неделе». Мы разрешили до трёх сообщений, у каждого — необязательная ссылка на страницу акции или подборку товаров. Вы получаете самое заметное место сайта без единого баннера в контенте.
Три шаблона вывода на выбор: «Статичная строка», «Бегущая строка» (текст плывёт, как в теленовостях) и «По очереди» — сообщения сменяют друг друга с заданным интервалом. Цвета мы берём из палитры вашей темы, так что лента не выглядит чужеродно и вам не нужно подбирать их вручную. Можно разрешить посетителю закрыть ленту и задать, сколько дней после закрытия её не показывать.
Отдельно мы сделали «Обратный отсчёт до даты»: укажите дату и время окончания акции, и рядом с текстом появится счётчик «до конца акции». Мы намеренно привязали отсчёт к реальной дате: когда она проходит, он исчезает сам. Срочность работает, только пока она честная, — и мы не даём ленте врать вашим покупателям.
И нюанс для SEO, который мы заложили осознанно: лента — единственный виджет, который видят поисковые роботы. Все попапы от ботов мы прячем, чтобы не засорять индекс, а лента с акцией индексируется как обычный текст страницы.
Попап выбора языка
Если у вашего магазина две языковые версии, посетитель часто попадает не на ту: перешёл из рекламы, по чужой ссылке, из поиска. Мы сделали попап «Выберите язык сайта» с кнопками всех активных языков, текущий помечен «остаться». И мы осознанно отказались от автоматического переключения: оно ломает ссылки из рекламы и раздражает людей, у которых язык браузера не совпадает с желаемым. Решение всегда за человеком.
Опция «Показывать только если язык браузера отличается» сужает показ до тех, кому это действительно нужно, а «Помнить выбор, дней» гарантирует, что человека не будут спрашивать каждый раз. На оформлении заказа и входе попап не появляется никогда — там мы никого не отвлекаем.
Cookie-уведомление: согласие, которое действительно управляет аналитикой
Большинство cookie-баннеров в сети — декорация: кнопка «Принять» есть, а трекеры запускаются ещё до клика. Мы не хотели давать вам декорацию. Наш баннер предлагает три действия — «Принять все», «Только необходимые» и «Настроить» с отдельными переключателями «Аналитика» и «Маркетинг» — и главное происходит под капотом.
Пока баннер включён, коды Google Tag Manager и GA4 (категория «Аналитика») и Facebook Pixel (категория «Маркетинг») из раздела «Meta & Marketing» мы запускаем только после согласия — и сразу, как только посетитель нажал кнопку, без перезагрузки. Решение хранится заданный срок (по умолчанию полгода), а в подвале появляется постоянная ссылка «Настройки cookie». Вы получаете баннер, который выдерживает проверку рекламного кабинета, а не просто «есть для галочки».
Два практических момента, о которых мы просим помнить. Во-первых, баннер намеренно не модальный: он не затемняет страницу и не мешает смотреть товары — покупатель важнее формальности. Во-вторых, под согласие мы подводим только трекеры из специальных полей GTM / GA / Pixel. Если вы когда-то вставили счётчик вручную в «Код перед закрытием head», перенесите его в соответствующее поле — иначе он будет работать без согласия, а после включения баннера вы получите дубль контейнера.
Кнопка «Наверх» и плавающие контакты
Два виджета, которые делают длинные страницы каталога удобнее. Кнопка «Наверх» появляется после прокрутки на заданное число экранов, ставится слева или справа и имеет собственный отступ от низа. Мы знаем, как часто такие кнопки на сайтах перекрывают кнопку чата в том же углу, поэтому сделали просто: если с той же стороны включены плавающие контакты, кнопка сама переедет на противоположную сторону. Никаких ручных отступов.
Плавающие контакты — кнопка «Связаться с нами» в углу экрана, которая раскрывает список каналов: телефон, Telegram, Viber, WhatsApp, Messenger, email и обратная связь. Каждый канал включается отдельно, имеет собственное значение и порядок. Телефон и email мы подставляем из общих настроек магазина, мессенджеры — из «Соцсетей», так что вам обычно достаточно просто включить нужные. Вы получаете вопрос покупателя в мессенджере вместо потерянного посетителя.
Мы добавили и режим работы: задайте часы и рабочие дни — и вне их над списком появится подпись «Сейчас мы не на связи — напишите, ответим утром». Честный ответ в два часа ночи вызывает больше доверия, чем молчаливый чат. А клик по каждому каналу мы отправляем отдельным событием в аналитику — вы увидите, каким каналом покупатели пользуются чаще всего, и поймёте, куда посадить оператора.
На мобильном всё это работает так же: кнопка контактов не перекрывает корзину, попапы выезжают снизу как «шторка», а лента помещается в одну строку. Мы проверили это на каждом виджете отдельно, потому что у большинства наших клиентов телефон — основное устройство покупателя.
Попапы с промокодами: коротко
Три виджета с промокодами — «Удержание (exit-intent)», «Заинтересованный гость» и «Email при добавлении в корзину» — мы связали с разделом «Промокоды», а не придумывали для них отдельную систему скидок. В каждом магазине мы уже создали две системные промоакции: «Удержание −5 %» с общим кодом и «Первый заказ −10 %» с персональными кодами. Обе выключены и активируются одной кнопкой прямо во вкладке виджета — публичная скидка не заработает у вас сама по себе после обновления.
Как мы устроили эти сценарии, когда они срабатывают, почему код приходит только письмом и как повторно отправить его из карточки покупателя — рассказываем в отдельных статьях о каждом из трёх виджетов.
Правила показа: где, кому, когда и как часто
Именно это отличает встроенный модуль от «скрипта из интернета». У каждого виджета мы сделали одинаковый блок «Где показывать»:
- Страницы — все, главная, каталог, страница товара, корзина и оформление, статичные страницы, блог или по маске адреса (например,
/catalog/*— только для раздела каталога); - Аудитория — все посетители, только гости, только авторизованные или только новые посетители;
- Устройства — все, компьютер или мобильный;
- Показывать с / до — расписание: лента об акции сама включится в первый день и исчезнет в последний, по часовому поясу магазина;
- Частота показа — раз за сессию, раз в N дней или всегда, плюс «не показывать повторно» после закрытия посетителем;
- Приоритет в очереди — если на странице претендуют несколько попапов, сначала показывается тот, у кого меньше число.
Ещё одно наше правило: попапы никогда не появляются на страницах оформления заказа, «спасибо за заказ» и входа. Там человек уже делает то, что вам нужно, и отвлекать его — худшее, что может сделать магазин. Единственное исключение, которое вы можете включить осознанно, — напоминание о корзине в виджете удержания.
Предпросмотр: увидеть до того, как увидят покупатели
Мы не хотели, чтобы вы настраивали виджеты «вслепую», поэтому каждая вкладка заканчивается кнопкой «Предпросмотр». Она открывает окно с реальным макетом вашей темы, в котором виджет показывается принудительно — независимо от того, включён он или нет, и без учёта правил показа, частоты и cookie. События аналитики при этом не отправляются, cookie не пишутся. У ленты можно переключить все три шаблона, у попапов удержания и заинтересованного гостя — варианты «Обычный» и «С корзиной» с демонстрационной корзиной. Рядом есть ссылка «Открыть в новой вкладке», чтобы показать результат коллеге.
Что это даёт вашему магазину: примеры по нишам
- Магазин одежды. Лента «По очереди» с тремя сообщениями: бесплатная доставка, новая коллекция, распродажа прошлого сезона с отсчётом до воскресенья. Расписание задано заранее — в понедельник лента исчезнет сама, вам не придётся о ней вспоминать.
- Автозапчасти. Плавающие контакты с Viber и телефоном, режим работы 9:00–18:00 в будни. Покупатель, не нашедший деталь по VIN, пишет в мессенджер вместо того, чтобы уйти к конкуренту.
- Магазин с рекламой в Google и Meta. Cookie-баннер с гейтом GTM и Pixel: аналитика работает только по согласию, а вы спокойно проходите любую проверку рекламного кабинета по обработке данных.
- Двуязычный магазин. Попап выбора языка только для тех, у кого язык браузера отличается от языка страницы, — остальные его не увидят.
- Оптовый поставщик. Лента с маской адреса
/catalog/*и аудиторией «только авторизованные»: условия для дилеров видят только дилеры.
Частые вопросы
Нужно ли что-то устанавливать или вставлять код? Нет. Модуль уже есть в вашем магазине после обновления. Всё настраивается в админке, без кода и без сторонних сервисов.
Не замедлят ли виджеты сайт? Нет. Мы не тянем никаких JavaScript-библиотек и ограничили размер скриптов и стилей модуля бюджетом в 20 КБ. Решение «показывать или нет» по странице, аудитории и устройству принимаем на сервере, поэтому страницы остаются кешируемыми.
Что будет, если включить несколько попапов одновременно? На экране всегда не больше одного. Очередь управляется приоритетом и паузой между попапами из вкладки «Общие».
Можно ли показать ленту только на определённых страницах? Да: выберите «По маске адреса» и укажите маску, например /catalog/* или конкретный адрес акции.
Увидят ли виджеты поисковые роботы? Роботы видят только бегущую ленту. Попапы, баннер cookie и кнопки мы от них прячем.
Какие данные хранят виджеты? Только служебные cookie о том, что показано и закрыто, решение по cookie и выбранный язык. Персональных данных в них нет — мы проверяли это отдельно.
Итог
Модулем «Виджеты» мы закрыли целый класс мелких, но ежедневных задач: сообщить об акции, дать удобный канал связи, корректно запросить согласие на аналитику, подсказать язык. Каждый элемент включается переключателем, имеет чёткие правила показа и проверяется в предпросмотре до того, как его увидят покупатели. Наш совет — начните с двух вещей: включите бегущую ленту с текущей акцией и плавающие контакты с вашим мессенджером; эффект виден уже за первую неделю. О каждом виджете отдельно, включая возврат покупателей через промокоды, мы рассказываем в следующих статьях серии, а все новые возможности платформы собираем в рубрике «Возможности».