Поп-апы, туры и чеклисты на сайте без программиста
Нужен приветственный поп-ап, тур по личному кабинету или чеклист первых шагов, а разработчики заняты? Clew — одна строка на сайте, которую вы ставите тем способом, каким уже управляете сайтом: через менеджер тегов, ИИ-ассистента или конструктор. Дальше все форматы собираются в визуальном редакторе, без релизов.
Что вы хотите добавить?
Выберите нужный результат. На каждой странице — когда формат помогает, как настроить его в Clew и сколько это стоит: цены берутся прямо из тарифной сетки.
Как добавить всплывающее окно на сайт без программиста
Модальное окно с предложением, анонсом или помощью — на нужной странице, в нужный момент, один раз для посетителя.
14 дней бесплатно, без картыОткрыть инструкцию →Продуктовый турКак сделать продуктовый тур без программиста
Пошаговые подсказки, которые ведут пользователя по экрану: указывают на кнопку, объясняют и переходят к следующему шагу.
Тариф FreeОткрыть инструкцию →Чеклист онбордингаКак добавить чеклист онбординга в приложение без программиста
Список первых шагов с прогрессом в углу приложения: что сделать новому пользователю, и каждый пункт ведёт на нужную страницу.
14 дней бесплатно, без картыОткрыть инструкцию →Онбординг пользователейКак настроить онбординг пользователей без программиста
Сценарий первой сессии: приветственный поп-ап, короткий тур по ключевому экрану и чеклист на следующий визит.
Туры бесплатно · остальное 14 дней пробноОткрыть инструкцию →ПодсказкаКак добавить всплывающие подсказки на сайт без программиста
Одна подсказка рядом с полем или кнопкой — появляется, когда посетитель до неё дошёл, или по клику.
Тариф FreeОткрыть инструкцию →Интерактивная инструкцияКак сделать интерактивную инструкцию по продукту без программиста
Чеклист «Как сделать…», пункты которого запускают туры на нужных страницах, — справка прямо внутри продукта.
14 дней бесплатно, без картыОткрыть инструкцию →ПейволКак сделать пейвол-окно апгрейда без программиста
Окно апгрейда для пользователей бесплатного тарифа, которые дошли до платной функции, — со ссылкой на вашу страницу тарифов.
14 дней бесплатно, без картыОткрыть инструкцию →Форма оценкиКак добавить форму оценки на сайт без программиста
Спросите «Как вам наш сервис?» звёздами или шкалой 0–10, поблагодарите довольного клиента ссылкой на страницу отзывов, а недовольного спросите, что улучшить.
14 дней бесплатно, без картыОткрыть инструкцию →Выберите способ
Google Tag Manager
Тег «Пользовательский HTML» на всех страницах, проверка в предварительном просмотре, публикация.
Открыть инструкцию →МетрикаЯндекс Тег Менеджер
Тег «Пользовательский HTML» с триггером на просмотр страницы — прямо в Метрике, без кода Google Tag Manager на сайте.
Открыть инструкцию →ВайбкодингИИ-ассистенты
Один промпт для Cursor, Claude Code, Lovable, Bolt.new, v0 и Replit, который ставит строку в правильный корневой файл.
Открыть инструкцию →Без кодаТильда, Битрикс, WordPress
Где в Тильде, 1С-Битрикс, WordPress, Webflow и на обычном HTML-сайте поле для кода в head и что нажать.
Открыть инструкцию →Установили? Теперь проверьте, что работает
Разделите посетителей между двумя версиями тура, подсказки или чеклиста и оставьте ту, которую чаще проходят до конца.
Доверьте туры ИИ-ассистенту
Подключите Claude, Cursor или Codex от ChatGPT к Clew: черновики туров по одной фразе, статистика и починка сломанных шагов без захода в админку.
Популярные сочетания
- ТильдаКак добавить поп-ап на сайт на Тильде без программиста
- 1С-БитриксКак добавить поп-ап на сайт на 1С-Битрикс без программиста
- Яндекс Тег МенеджерКак добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста
- WordPressКак добавить поп-ап на сайт на WordPress без программиста
- Google Tag ManagerКак добавить поп-ап на сайт через Google Tag Manager без программиста
- ТильдаКак добавить подсказку на сайт на Тильде без программиста
- WordPressКак добавить подсказку на сайт на WordPress без программиста
- Google Tag ManagerКак сделать продуктовый тур через Google Tag Manager без программиста
- LovableКак сделать продуктовый тур в приложении на Lovable без программиста
- CursorКак сделать продуктовый тур в приложении, сделанном в Cursor без программиста
- LovableКак добавить чеклист онбординга в приложении на Lovable без программиста
- ТильдаКак добавить форму оценки на сайт на Тильде без программиста
По платформам
Какая инструкция вам подходит
- На сайте стоит Яндекс Метрика, и у вас есть доступ владельцаЯндекс Тег Менеджер →
- На сайте уже есть Google Tag ManagerGoogle Tag Manager →
- Приложение сделано в Cursor, Claude Code, Lovable, Bolt.new, v0 или ReplitИИ-ассистенты →
- Сайт на Тильде, 1С-Битрикс, WordPress или WebflowТильда, Битрикс, WordPress →
Где взять код
Все инструкции начинаются здесь. Зарегистрируйтесь бесплатно, добавьте сайт и откройте Админка → Обзор. В карточке «Виджет пока не подаёт сигналов.» — ваша строка; нажмите на неё, чтобы скопировать.
Строка выглядит так, только вместо заглушки в ней ваш ключ. Ключ публичный: он всё равно попадает в HTML страницы.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Туры, попапы и онбординг в эпоху ИИ → (PDF, 2 страницы)
Если что-то не работает
Разработчик вообще не нужен?
Не нужен, если у вас есть доступ к настройкам сайта, Метрике, контейнеру GTM или проекту в ИИ-редакторе. Если продукт написан с нуля и доступа ни у кого в команде нет, нажмите Пригласить разработчика в разделе «Обзор»: откроется письмо с готовой строкой и инструкцией. Разработчику это работа на пять минут.
Какой способ лучше?
Тот, которым вы уже пользуетесь. Все инструкции добавляют одну и ту же строку, и дальше Clew работает одинаково. При прямой вставке (конструктор, ИИ-ассистент) виджет загружается чуть раньше, чем через менеджер тегов, — это заметно только на туре, который стартует в момент открытия страницы.
Куда ставить: на лендинг или в продукт?
Туда, где пользователи, которым нужны подсказки, — обычно в личный кабинет или веб-приложение. Туры работают только на страницах, где стоит строка.
Придётся переустанавливать при изменении туров?
Нет. Строка не меняется: туры, подсказки и чеклисты создаются и публикуются в редакторе Clew, сайт трогать больше не нужно.
В админке всё ещё «Виджет пока не подаёт сигналов»
Откройте страницу сайта в обычном окне браузера и через минуту обновите админку. Если не помогло: проверьте, что изменения опубликованы, а не только сохранены; что вместо заглушки стоит ваш ключ; в инструментах разработчика браузера на вкладке Network найдите widget/…js — ответ должен быть 200. Ответ 404 означает ошибку в ключе.
На сайте настроен Content Security Policy
Нужны две директивы и больше ничего: script-src https://tryclew.ru и connect-src https://tryclew.ru. Виджет не использует eval, blob: и воркеры, а свои стили подключает через CSSOM, а не разметкой, — поэтому style-src 'unsafe-inline' не нужен в Chrome, Edge, Firefox 101+ и Safari 16.4+. Более старые браузеры получают запасной элемент <style>: если они вам важны, а в style-src нет 'unsafe-inline', там подсказки покажутся без оформления. Готовая строка: Content-Security-Policy: script-src 'self' https://tryclew.ru; connect-src 'self' https://tryclew.ru;
Можно ли зафиксировать версию виджета и указать <code>integrity=</code>?
Да. Строка из инструкций — /widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js — «скользящая»: она всегда отдаёт текущий виджет, поэтому хэш Subresource Integrity к ней не приложить (байты меняются). Рядом каждая версия отдаётся ещё и по неизменяемому адресу с хэшем содержимого. Запросите https://tryclew.ru/api/v1/widget-version?site=ВАШ_КЛЮЧ — в ответе будут version, path и integrity; подставьте их в тег: <script src="https://tryclew.ru/widget/v/<версия>/ВАШ_КЛЮЧ.js" integrity="sha384-…" crossorigin="anonymous" async></script>. Закреплённый адрес не меняется, поэтому браузер откажется выполнить файл, если отличается хотя бы один байт. Версию вы обновляете тогда, когда сами решите, — тот же запрос можно делать из скрипта деплоя. Больше ничего не меняется: туры по-прежнему публикуются в редакторе Clew без правок сайта.
Не съест ли виджет блокировщик рекламы?
Нет. Нашего домена нет ни в одном из больших списков — EasyList, EasyPrivacy, AdGuard, uBlock Origin, — поэтому туры, подсказки и чеклисты видят и те посетители, у кого блокировщик включён. Тоньше со статистикой: EasyPrivacy блокирует любые сторонние запросы типа ping, поэтому виджет отправляет события обычным запросом — его эти списки пропускают. Чтобы выйти из-под любых пользовательских списков совсем, отдавайте виджет со своего домена: направьте https://ваш-сайт/clew/* на https://tryclew.ru/* в CDN или nginx и замените строку на <script src="/clew/widget/ВАШ_КЛЮЧ.js" async></script>. Виджет сам будет обращаться к API по тому же префиксу — всё станет first-party.
Работает ли в SPA (React, Vue, Next.js)?
Да. Подключите строку один раз — в корневом HTML или корневом шаблоне. Смену страниц без перезагрузки виджет отслеживает сам (History API и изменения hash), поэтому не добавляйте его на каждый маршрут. Повторная загрузка игнорируется, но это лишняя работа для браузера.
А что с баннером согласия на cookie?
Clew хранит собственную cookie и записи в localStorage, чтобы помнить, какие туры посетитель уже прошёл, и считать прохождения. В рекламные системы данные не передаются. Можно ли запускать виджет до согласия, решает ваша политика обработки данных; если баннер блокирует его до согласия, туры просто начнутся после него.
Стоит плагин кеширования или оптимизации
После установки очистите кеш, иначе посетители будут получать старые страницы без строки. Если плагин откладывает, объединяет или минифицирует JavaScript (WP Rocket, LiteSpeed Cache, композитный режим Битрикса), исключите tryclew.ru/widget из этих оптимизаций.
Сайт станет медленнее?
Нет. У строки есть атрибут async: браузер загружает виджет параллельно и не блокирует страницу. Зависимостей у виджета нет.
Может ли приложение само сообщить Clew, что шаг онбординга пройден?
Да, это одна строка. У пункта чеклиста может быть правило, которое отмечает его без клика посетителя: страница, на которую он зашёл, клик по элементу с указанным CSS-селектором или событие из вашего кода — Clew.complete('invited'), где invited — ключ, который вы вписали рядом с пунктом в редакторе. Вызывайте в момент, когда дело действительно сделано, например после ответа вашего API. Вызывать безопасно в любой момент: если чеклиста с таким ключом на странице нет, вернётся false. Старое имя TutorKit по-прежнему работает.