Как сделать пейвол-окно апгрейда без программиста
Момент, когда пользователь бесплатного тарифа нажимает на платную функцию, — лучший момент объяснить апгрейд. Clew показывает в этот момент окно с вашим текстом и ссылкой на страницу тарифов или оплаты, а доступ и платежи остаются за вашим приложением и платёжным сервисом.
- Время
- ● 20 минут
- Цена
- 14 дней бесплатно, без карты
- Формат
- Модальное окно
Что такое «пейвол» в Clew — и чем он не является
Это Модальное окно с правилом аудитории: например, Свойство plan равно free, показ По клику на элемент на кнопке платной функции или на странице премиум-раздела. Кнопка-ссылка ведёт на вашу страницу тарифов или оплаты.
Это мягкий пейвол — сообщение, а не замок. Clew не блокирует клик, не скрывает контент, не принимает оплату и не меняет тариф. Если функция должна быть недоступна на бесплатном тарифе, это обеспечивает ваше приложение; Clew превращает момент отказа из ошибки в объяснение ценности.
Где окна апгрейда конвертируют
На платной кнопке
По клику на элемент по «Выгрузить», «Автоматизации», «Добавить пользователя» — человек только что показал, что ему это нужно.
На премиум-странице
Закрытый раздел или расширенный отчёт: расскажите, что внутри, и дайте ссылку на тариф.
После порога использования
На третьем визите или когда свойство вроде projects, которое передаёт приложение, дошло до лимита.
Проверьте текст
Две версии текста в A/B-тесте (Pro) покажут, какой аргумент работает: цена, сэкономленное время или функция.
Как добавить окно апгрейда за 5 шагов
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Один раз поставьте строку на сайт
Вставьте код там, где вы управляете сайтом. Каждая инструкция занимает 5–10 минут, и повторять её не придётся: всё остальное делается в Clew.
Шаг 2 · схема интерфейса - Шаг 03
Напишите окно апгрейда
В Clew откройте Сценарии → + Новый сценарий и выберите Модальное окно. Один шаг: заголовок с выгодой («Выгрузка в Excel — на тарифе Pro»), одно предложение о ценности и в Текст ссылки / Адрес ссылки — кнопка и адрес вашей страницы тарифов или оплаты.
Шаг 3 · схема интерфейса - Шаг 04
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Модальное окно Где показывать (URL страницы) Раздел по префиксу /app/reportsКогда показывать По клику на элемент: [data-tour="export"]Таргетинг аудитории Свойство planравноfreeЧастота Каждый визит 
Шаг 4 · схема интерфейса - Шаг 05
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 5 · схема интерфейса
Пошагово: пейвол на вашей платформе
Выберите платформу, на которой сделан сайт или приложение. В каждой инструкции — шаги установки, разобранный пример с готовыми настройками и подводные камни этой платформы.
Это бесплатно?
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Вопросы и ответы
Clew принимает оплату или закрывает контент?
Нет. Clew показывает окно и ссылку на вашу страницу тарифов или оплаты. Деньги проходят через ваш платёжный сервис, а доступом управляет ваше приложение или платформа.
Это бесплатно?
Окно использует формат модального окна и правило аудитории — оба в тарифе Pro. У каждого нового аккаунта 14 дней пробного периода со всем, без карты.
Как Clew узнаёт, что пользователь на бесплатном тарифе?
Ему сообщает приложение: Clew.identify({ plan: "free" }) после входа. Эту строку один раз добавит ИИ-ассистент или разработчик; подойдёт и cookie, которую приложение уже ставит.
Не будет ли это раздражать платящих клиентов?
Нет, если правило верное: окно показывается только при значении бесплатного тарифа. Проверьте в двух браузерах — с бесплатным и платным аккаунтом.