Первый экран магазина: как сделать так, чтобы клиент остался

Первый экран магазина клиент видит сразу, как только открывает ваш бот в Telegram. За несколько секунд он решает, листать дальше или закрыть магазин. В этом гайде разберём, что поставить на первый экран, как написать заголовок и какие блоки взять в разделе «OKKKI Конструктор».
Что должно быть на первом экране магазина#
Рабочий первый экран за первые секунды отвечает клиенту на три вопроса:
Куда он попал. Это магазин косметики или кофейня? Опт или розница? Премиум или бюджет?
Что для него интересного сейчас. Новая коллекция, акция, скидка на первый заказ.
Что делать дальше. Перейти в каталог, выбрать категорию, открыть акцию.
Если хотя бы один ответ размытый, клиент уходит.
Много текста для этого не нужно. Одна сильная мысль и одно понятное действие работают лучше трёх средних.
Как написать заголовок, который удержит внимание#
Заголовок важнее всего. Это 5–10 слов, по которым клиент поймёт, стоит ли оставаться.
Что работает:#
Конкретика вместо общих слов. «Новая весенняя коллекция» вместо «Добро пожаловать». «Доставим за 60 минут» вместо «Быстрая доставка».
Выгода вместо описания. «Скидка 20% на первый заказ» вместо «У нас скидки». Клиенту интересно, что он получит.
Конкретная цифра. «5 000 цветов в каталоге» понятнее, чем «Большой выбор».
Ваш настоящий голос. Если вы флорист, пишите как флорист. Если барбер, то как барбер. Корпоративные формулировки («Лучший сервис на рынке») звучат у всех одинаково и никого не убеждают.
Что не работает:#
Общие фразы вроде «Добро пожаловать в наш магазин»
«Лучшие цены», «Проверенное качество»: такие слова ничего не говорят клиенту
Заголовки без глагола действия: «Косметика премиум-класса» (а дальше что?)
Хвалить себя вместо того, чтобы говорить о пользе для клиента
Примеры для разных ниш#
Цифры в примерах условные: подставьте свои цены, сроки и названия.
Ниша | Слабый заголовок | Сильный заголовок |
|---|---|---|
Кофейня | Добро пожаловать | Привозим кофе за 30 мин к вашему офису |
Одежда | Новая коллекция | Льняные рубашки: новинки лета |
Косметика | Качественная косметика | Корейская косметика с доставкой из Киева |
Цветы | Доставка цветов | Букеты с доставкой за 2 часа |
Барбершоп | Записывайтесь к нам | Онлайн-запись к мастеру: на сегодня есть свободные места |
Какие блоки OKKKI использовать для первого экрана#
В разделе «OKKKI Конструктор» блоки сгруппированы по типам. Для первого экрана чаще всего берут баннеры, слайдеры и блоки со скидками.
Баннеры#
Главный инструмент первого экрана — баннер: фон или фото, крупный заголовок и кнопка. В библиотеке есть баннеры разных стилей, от спокойного градиентного до контрастного с акцентом на коллекции или сезоне.
Баннер подходит, когда у вас одно главное сообщение: новая коллекция, главная акция или ключевое предложение.
Слайдеры#
Слайдер показывает несколько слайдов по очереди. Для каждого слайда отдельно настраиваются изображение, текст и действие по тапу. Слайдер подходит, когда нужно показать несколько сообщений сразу:
Новая коллекция + акция + бесплатная доставка
Несколько топовых товаров с фото
Разные сезонные предложения
Слайдер даёт больше места, но не перестарайтесь: 3–4 слайда, не больше. Дальше клиент обычно не листает.
Скидки#
Блоки для акций: баннер с процентом скидки, таймер до конца акции, кнопка перехода. Они уместны, когда у вас есть настоящая акция с ограниченным сроком.

Сколько блоков достаточно для старта#
Частая ошибка на старте: поставить на первый экран всё сразу (баннер, акцию, слайдер, преимущества, отзывы). Получается перегружено, и клиент не понимает, куда смотреть.
Рабочий минимум такой:
Базовая версия (для большинства бизнесов):
1 баннер или слайдер с главным сообщением и кнопкой
1 промоблок со скидкой (если есть реальная акция)
Для рабочего первого экрана этого хватит. Преимущества, отзывы и ответы на частые вопросы поставьте ниже на странице.
Расширенная версия (если есть чем заполнить):
Главный баннер
Слайдер с 2–3 топовыми товарами
Промоблок с акцией
Чем больше блоков наверху, тем выше вероятность, что клиент устанет ещё до каталога.
Что делать, если нет качественных фото товаров#
Это самая частая проблема на старте. Фотограф стоит дорого, а первые товары уже пора показывать клиентам.
В блоках с изображением картинку можно загрузить с устройства или взять из AI-хранилища. Создать изображение поможет раздел «AI Генератор» в меню кабинета: он делает AI-фото товаров в разных стилях и форматах, среди них есть формат «Банер».
Клиент всё равно хочет увидеть настоящий товар. Поэтому AI-изображения лучше брать для фона баннеров и обложек акций. Так можно быстро получить визуал в вашем стиле, пока нет бюджета на фотосессию.
Самый простой вариант на старте: один баннер с фото одного товара при хорошем свете. Хватит снимка на телефон с минимальной обработкой.
Какие типичные ошибки делают на старте#
1. Перегруженный баннер. На баннере: логотип, три строки заголовка, два подзаголовка, кнопка и таймер. Выглядит как рекламная газета. Оставьте одно сообщение.
2. Общий заголовок «Добро пожаловать». Это ничего не говорит клиенту. Замените на конкретное сообщение о вашем предложении.
3. Кнопка с текстом «Узнать больше». Куда узнать? Что именно? Конкретно: «В каталог», «Выбрать букет», «Записаться к мастеру».
4. Фото плохого качества или не в стиле бренда. Лучше AI-изображение в вашем стиле, чем размытое фото с телефона при плохом свете.
5. Слайдер на 8 слайдов. Никто не долистает. Максимум 3–4.
6. Цвета, которые режут глаз. Резкие цвета быстро утомляют. Проверьте витрину в самом Telegram: на телефоне и при разном освещении.
7. Не нажали «Опублікувати». Магазин в Telegram обновляется только после кнопки «Опублікувати» вверху. Кнопка «Зберегти» только сохраняет черновик.
Итог#
Первый экран магазина отвечает клиенту на три вопроса: куда он попал, что здесь интересного и что делать дальше. Для старта хватит одного баннера или слайдера с чётким заголовком и кнопкой. Если хотите видеть всю картину, посмотрите порядок сборки витрины в OKKKI, а следующим шагом организуйте каталог.
Полезные материалы#
Гайд: Из чего состоит магазин в OKKKI и с чего начать сборку (предыдущий шаг)
Гайд: Категории и каталог: как организовать товары или услуги (следующий шаг)
Гайд: Карточка товара, которая продаёт: фото, цена, описание, наличие
База знаний: Не загружается фото в каталог: размеры и форматы
База знаний: Не сохраняется карточка товара или услуги