Срочность и скидки
Одиннадцать блоков, которые рисуют срочность и скидку, но не меняют сумму списания.
Все они — оформление. Сумму решает Stripe по выбранной цене, и её покупатель видит в платёжном окне. Ни таймер, ни промокод, ни стёртая скретч-карта на неё не влияют. Поэтому пишите в них то, что можете выполнить руками: не «скидка применится сама», а «цена со скидкой уже стоит в тарифе».
Обратный отсчёт
Тикающий таймер. Берите, когда у предложения есть настоящий срок. Настраивается: «Чем заканчивается отсчёт» — «Длительность» или «Конкретная дата», разделитель, цвет, размер и шрифт цифр, вид подписей под ними. Не делает: на нуле показывает 00:00:00 и замирает — цена и доступ не меняются.
Длительность — от 1 до 10 080 минут с момента, когда посетитель открыл экран; пустое поле — 15 минут. «Конкретная дата» — общий для всех срок.
Отсчёт по длительности обновление страницы не сбрасывает, а новая вкладка или новый заход после закрытия браузера начинает его заново — и у того же человека тоже.
Значок «в наличии»
Плашка с вашим текстом: «Осталось 7 мест». Берите, когда ограниченность нужно назвать словами. Настраивается: текст и вид значка — овальный, лента, прямоугольный, без рамки, закрашенный. Не делает: остаток не считает. Число вы пишете руками, и оно не уменьшается ни от просмотров, ни от покупок.
Баннер срочности
Цветная полоса с текстом и кнопкой. Берите, когда к призыву нужен переход на ваш адрес. Настраивается: текст, подпись и адрес кнопки, её место (рядом, сверху, снизу), цвет текста кнопки. Не делает: кнопка уводит по адресу, а по экранам воронки не двигает — для этого есть «Кнопка „Далее“».
Врезка
Текст на подложке одного из трёх цветов. Берите, когда одна мысль должна выделиться из потока. Настраивается: текст и тип — «Инфо (синий)», «Предупреждение (жёлтый)», «Успех (зелёный)». Не делает: ничего, кроме оформления: цвет не показывает состояние воронки.
Скретч-карта скидки
Покрытие, которое посетитель стирает пальцем, и надпись о скидке под ним. Берите один раз, на последнем экране перед ценами. Настраивается: надпись на слое, фон покрытия (фольга, крафт, тёмный или свой), текст скидки и подпись под ним, доля стирания, подпись кнопки-обхода. Не делает: под слоем всегда одна и та же ваша надпись — выигрыша нет, скидка не назначается.
Тизер с замочками
Карточки под размытием, каждая с замочком. Берите перед экраном с ценами, как витрину платного отчёта. Настраивается: карточки (подпись, приманка, эмодзи или своя иконка), сила размытия, сетка или список, подпись-условие, иконка замочка. Не делает: размытие — оформление, а не защита: текст под ним лежит в коде страницы. Кладите туда обещание, а не платный результат.
График-прогноз
Кривая от точки «сейчас» к цели с подписями осей. Берите, чтобы показать обещанную динамику на экране результата. Настраивается: заголовок, подписи и значения точек, подписи осей, подпись под графиком, форма кривой — разгон, ровный рост, быстрый старт. Не делает: по ответам ничего не считает. Все числа пишете вы, форму кривой выбираете тоже вы.
Промо-тикет с кодом
Билет с промокодом, старой и новой ценой и таймером. Берите только как оформление цены, которую вы уже снизили в тарифе. Настраивается: заголовок, код, подпись под кодом, старая и новая цена, показ срока, срок в минутах или точная дата. Не делает: код не проверяется и скидки не даёт — механизма промокодов в продукте нет. Цены на билете — надписи; спишется сумма выбранного тарифа.
Сравнение «сейчас / цель»
Карточка с полосами: приглушённая — «сейчас», яркая — «цель». Берите, чтобы показать разрыв данными, а не фотографиями «до и после». Настраивается: подписи колонок, показатели (название, значение и длина полосы для каждой стороны), «Цвет полосы цели», подпись под карточкой. Не делает: из ответов ничего не берёт, длину полос вы задаёте отдельным числом.
Чтобы показать ответ посетителя, задайте у вопроса «Имя переменной», например weight, и впишите в текст значения {{weight}}.
Шкала ИМТ с ползунком
Цветная шкала с зонами и точкой на вашем значении. Берите на экране результата в нише здоровья и веса. Настраивается: значение, подпись над ним, начало и конец шкалы, зоны с подписями и границами, дисклеймер под шкалой. Не делает: ИМТ не считает — рост и вес сохраняются числом без единицы измерения. Значение вписываете вы сами или подставляете переменной, как в «Сравнении «сейчас / цель»».
Время (статичная надпись)
Неподвижная надпись вида 10:00 на экране с ценами. Берите, когда нужен вид таймера рядом с ценой. Настраивается: число секунд (от 10 до 3600), цвет, размер и шрифт цифр, вид подписей. Не делает: не идёт, хотя поле настройки названо «Таймер (секунды)». Тикающий отсчёт — это «Обратный отсчёт».
Дальше
- Навигация и экраны — чем увести посетителя на следующий шаг.
- Цены и оплата — блоки, которые действительно берут деньги.
- Собрать воронку — как устроен конструктор и откуда берутся экраны и блоки.