Онбординг нового покупателя в магазине на Битрикс

Новый посетитель заходит в магазин впервые. Он ещё ничего не знает про ваш ассортимент, не понимает, чем вы лучше соседней вкладки, и не готов сразу заводить аккаунт ради одной покупки. У вас есть буквально несколько секунд, чтобы снять его тревогу: показать, что здесь всё понятно, безопасно и выгодно именно сейчас. Если этого не сделать, человек уходит — и чаще всего навсегда. Именно эту задачу решает онбординг покупателя: продуманный сценарий первого касания с подсказками, приветственным предложением и понятной навигацией для тех, кто здесь впервые.

Ниже — практический разбор, как выстроить онбординг нового покупателя в магазине на 1С-Битрикс: как отличить новичка от постоянного клиента, где показывать подсказки, как настроить приветственную скидку и не убить маржу, как упростить навигацию и мягко подвести к регистрации. Всё это собирается из штатных инструментов платформы. Материал — выжимка из наших проектов по повышению конверсии интернет-магазинов (CRO), без общих слов и «мотивационной» воды.

Что такое онбординг покупателя и зачем он магазину

Слово «онбординг» пришло из мира приложений и SaaS, где новичка проводят по интерфейсу за руку. В интернет-магазине смысл тот же, но акцент другой: здесь не нужно учить человека «пользоваться продуктом», нужно как можно быстрее снять неопределённость и довести до первого целевого действия — просмотра карточки, добавления в корзину, оформления заказа. Онбординг покупателя — это спроектированный путь первого визита, а не набор случайных всплывашек.

Важно понимать, что онбординг работает именно с новой, «холодной» аудиторией. Постоянный клиент уже знает, где у вас каталог, как оформить заказ и что доставка приходит вовремя. Ему обучающие подсказки и приветственный баннер только мешают. А вот новичок каждую из этих вещей видит впервые, и любое трение — непонятная навигация, требование зарегистрироваться, отсутствие повода купить прямо сейчас — превращается в причину закрыть вкладку.

Зачем это магазину в деньгах? Привлечение нового посетителя стоит дорого: реклама, SEO, работа с площадками. Если из ста пришедших новичков до корзины доходят пятеро, а могли бы восемь, вы теряете не абстрактный «UX», а вполне конкретную выручку с уже оплаченного трафика. Онбординг — это способ отбить стоимость привлечения за счёт того, что больше новых людей совершают первое действие и возвращаются снова.

Есть и отложенный эффект. Первый удачный опыт формирует доверие, а доверие — повторные заказы. Покупатель, которому в первый визит было понятно и приятно, с большей вероятностью вернётся, оставит контакт и в перспективе станет постоянным. Поэтому онбординг стоит рассматривать не как разовую «фишку на главной», а как вложение в жизненный цикл клиента.

Первое касание: что видит новый посетитель

Первое касание — это первый экран, на который попадает новичок. Чаще всего это не главная страница: из рекламы и поиска человек приземляется на карточку товара, страницу категории или SEO-посадочную. Поэтому онбординг нельзя проектировать «от главной» — он должен корректно работать на любой входной точке.

Что критично снять в первые секунды первого визита:

• «Куда я попал». Понятная шапка, логотип, категория товаров, короткое пояснение, чем вы занимаетесь. Новичок должен за секунду понять, что это за магазин.
• «Можно ли вам доверять». Сигналы доверия рядом с ценой и кнопкой: способы оплаты, условия доставки и возврата, отзывы, гарантии. Для новичка это важнее, чем для постоянного клиента.
• «Что мне делать дальше». Один очевидный следующий шаг — добавить в корзину, посмотреть каталог, выбрать характеристику. Не пять равнозначных кнопок, а один явный акцент.
• «Почему купить именно сейчас». Повод не откладывать: приветственная скидка, бесплатная доставка от суммы, ограниченное предложение для новых.

Ключевая ошибка первого касания — вываливать всё сразу: и подписку на рассылку, и колесо фортуны, и чат, и куки-баннер, и приветственную скидку одновременно. Новичок получает пять модальных окон вместо товара и уходит. Правильный онбординг дозирует внимание: сначала даёт осмотреться, а предложение показывает в нужный момент — например, при попытке уйти или после просмотра пары карточек.

Чем новичок отличается от постоянного покупателя

Весь онбординг держится на одном разделении: система должна понимать, кто перед ней — новый посетитель или вернувшийся. Если этого разделения нет, приветственный баннер будет мозолить глаза постоянным клиентам, а обучающие подсказки — раздражать тех, кто и так знает сайт. Поэтому первым делом определитесь с признаками «новизны».

На практике признаки комбинируют. Самый надёжный «новичок» — это анонимный посетитель без cookie-метки, без авторизации и без заказов, пришедший из рекламы или поиска. Как только человек авторизовался, оформил заказ или просто получил метку визита, он перестаёт быть новым — и онбординг для него отключается. Такое переключение состояния должно быть заложено в логику с самого начала.

Карта онбординга: этапы первого визита

Чтобы онбординг не превратился в набор разрозненных всплывашек, его полезно спроектировать как карту — последовательность этапов, у каждого из которых своя цель и свой инструмент. Ниже — типовая карта первого визита, которую мы адаптируем под конкретный магазин.

1. Приземление. Посетитель попал на входную страницу. Задача — за секунду дать понять, куда он попал, и не встретить его пятью модальными окнами. Инструмент: чистый первый экран, один акцент, отложенные предложения.
2. Ориентация. Человек осматривается. Задача — показать структуру: где каталог, как искать, какие есть категории. Инструмент: понятное меню, заметный поиск, хлебные крошки.
3. Снятие сомнений. Посетитель смотрит товар и сомневается. Задача — закрыть возражения по доставке, оплате, возврату. Инструмент: блоки доверия у цены, короткие ответы на частые вопросы.
4. Повод к действию. Человек колеблется, покупать ли сейчас. Задача — дать причину не откладывать. Инструмент: приветственная скидка, бесплатная доставка от суммы, ограниченное предложение.
5. Первое действие. Товар добавлен в корзину. Задача — не потерять на оформлении. Инструмент: простое оформление, покупка без обязательной регистрации.
6. Захват контакта. Заказ оформлен или почти оформлен. Задача — получить повод для повторной коммуникации. Инструмент: мягкое предложение аккаунта, подписки, бонуса за регистрацию.

Обратите внимание: приветственная скидка и захват контакта появляются не на входе, а ближе к решению о покупке. Это принципиально. Предложение, показанное слишком рано, воспринимается как навязчивая реклама; показанное вовремя — как приятный бонус. Карта помогает держать эту последовательность и не сваливать всё в один агрессивный поп-ап.

Контекстные подсказки и тултипы

Подсказки — сердце онбординга. Их задача не «обучать интерфейсу», а убирать конкретные точки трения там, где новичок может застрять. Хорошая подсказка отвечает на невысказанный вопрос покупателя ровно в тот момент, когда этот вопрос возникает.

Где подсказки реально помогают в интернет-магазине:

• У поля выбора характеристики. «Не знаете размер? Откройте таблицу соответствий» — рядом с выбором размера, а не в подвале сайта.
• У кнопки добавления в корзину. Короткое пояснение, что будет дальше: «Добавьте в корзину — оформить можно без регистрации».
• У цены и доставки. «Бесплатная доставка от 3000 ₽» прямо в карточке снимает главный вопрос новичка.
• В корзине. Подсказка про промокод, про сохранение корзины, про способы оплаты — там, где рождаются сомнения.
• В форме оформления. Микроподсказки под полями: зачем нужен телефон, как выбрать пункт выдачи, что делать с ошибкой ввода.

Ключевые правила подсказок. Во-первых, они контекстные — привязаны к элементу и появляются рядом с ним, а не общим окном. Во-вторых, они ненавязчивые — их можно закрыть, и после закрытия они больше не всплывают. В-третьих, они адресные — показываются новичку и исчезают для тех, кто уже освоился. Подсказка, которую нельзя закрыть или которая появляется каждый визит, из помощника превращается в раздражитель.

Отдельно про обучающие туры «шаг за шагом» с затемнением экрана. В приложениях они уместны, в интернет-магазине — почти никогда. Покупатель пришёл за товаром, а не за экскурсией по интерфейсу. Гораздо лучше работают точечные тултипы в момент реального затруднения. Если очень хочется тура — делайте его коротким, пропускаемым и только на действительно нестандартных сценариях.

Приветственная скидка без потери маржи

Приветственная скидка — самый прямой способ дать новичку повод купить сейчас. Но у неё есть обратная сторона: она бьёт по марже и, если её раздавать бездумно, приучает аудиторию покупать только по акции. Задача — сделать скидку рычагом, а не постоянной «дырой» в экономике.

Принципы разумной приветственной скидки:

• Скидка в обмен на действие. Не «просто так за приход», а за подписку, регистрацию или первый заказ. Так предложение окупается контактом или конверсией.
• Ограничение по сроку. Промокод действует ограниченное время — это создаёт повод не откладывать и не превращает скидку в бессрочную.
• Только для новых. Скидка должна доставаться именно новичкам. Постоянный клиент не должен оформлять «первый заказ» повторно с чужого устройства.
• Защита маржинальных товаров. Исключайте из скидки позиции с низкой наценкой, распродажные товары и уже действующие акции, чтобы не уйти в минус.
• Порог применения. Скидка от минимальной суммы заказа помогает поднять средний чек, а не просто удешевить одну дешёвую покупку.

В 1С-Битрикс приветственная скидка собирается из штатных правил работы с корзиной и механизма купонов. Правило описывает условие (новый покупатель, сумма от порога, определённые разделы каталога) и действие (процент или фиксированная сумма скидки). Купон привязывает скидку к конкретному промокоду с ограничением по числу применений и сроку. Такая связка закрывает почти все сценарии без единой строки заказного кода.

Отдельный вопрос — как именно вручить промокод. Хорошо работает обмен «скидка за контакт»: посетитель оставляет e-mail и получает промокод, который приходит письмом и заодно запускает welcome-цепочку. Так вы не только даёте повод купить, но и захватываете контакт для повторной коммуникации. О том, как аккуратно показывать такие предложения и не раздражать посетителя, мы подробно писали в материале про поп-апы и виджеты на Битрикс.

Понятная навигация и структура для новых

Даже самая щедрая скидка не поможет, если новичок не может найти товар. Навигация — фундамент онбординга: она либо ведёт человека к покупке, либо теряет его на полпути. Для новой аудитории требования к навигации жёстче, чем для постоянной: у новичка нет привычки к вашей структуре, и любую неочевидность он трактует не в вашу пользу.

Что делает навигацию понятной для нового покупателя:

• Меню отражает язык покупателя. Категории названы так, как их ищет человек, а не так, как они называются в вашей учётной системе. «Ноутбуки», а не «Портативные ПК, класс A».
• Заметный поиск. Для новичка, который пришёл за конкретной вещью, поиск часто быстрее меню. Он должен быть на виду и хорошо работать с опечатками и синонимами.
• Хлебные крошки. Показывают, где человек находится, и позволяют вернуться на шаг назад без риска потеряться.
• Понятный фильтр. В большом каталоге фильтр — часть навигации. Он должен быстро сужать выбор и показывать, сколько товаров остаётся.
• Явные точки входа с главной. Популярные категории, хиты, новинки — чтобы новичок, не знающий чего хочет, всё равно нашёл, с чего начать.

Отдельно стоит сказать про глубину пути. Чем меньше кликов от входа до товара и от товара до оплаты, тем выше шанс, что новичок дойдёт до конца. Каждый лишний экран, каждое непонятное ветвление — это точка, где часть новой аудитории отваливается. Проектируя навигацию, считайте не «сколько всего разделов у нас есть», а «за сколько шагов новичок доберётся до покупки».

Навигация тесно связана с производительностью. Если категории и фильтр грузятся секундами, никакой онбординг не спасёт — человек уйдёт раньше, чем увидит подсказку. Поэтому первый экран входных страниц имеет смысл отдавать через композитный кэш, а тяжёлую динамику догружать. Про то, как ускорять витрину и делать её адресной, мы разбираем в статье про персонализацию витрины на Битрикс.

Персонализация витрины для впервые пришедших

У персонализации репутация инструмента для «своих»: показать вернувшемуся клиенту его любимые категории, товары из брошенной корзины, рекомендации на основе истории. Но у новичка истории нет — и именно поэтому персонализация для него устроена иначе и не менее важна.

Что можно персонализировать для нового посетителя, не имея данных о нём:

• По источнику перехода. Человек пришёл из рекламы конкретной категории — покажите на входе именно её, а не общую главную.
• По поисковому запросу. Если известна ключевая фраза, подсветите релевантный раздел и товары под интент.
• По географии. Регион подсказывает условия доставки, наличие на ближайшем складе, валюту и способы оплаты.
• По устройству. На мобильном новичку критичны крупные кнопки, короткие формы и быстрый первый экран.
• По поведению в текущей сессии. Даже без истории заказов посмотренные за визит карточки уже дают материал для рекомендаций «с этим смотрят».

Смысл персонализации для новичка — сократить путь до релевантного товара. Чем точнее первый экран попадает в его интент, тем меньше усилий ему нужно и тем выше шанс на первое действие. При этом важно не переусердствовать: агрессивная персонализация, которая перетасовывает весь сайт, может дезориентировать нового человека. Для новичка достаточно аккуратных акцентов, а не полной перестройки витрины.

Мягкая регистрация: вести, а не заставлять

Самая частая ошибка онбординга — требовать регистрацию на входе. Новичок ещё ничего не купил, не проникся доверием, а от него уже хотят логин, пароль и подтверждение почты. Это обрывает путь на самом старте: значительная часть новой аудитории уходит именно на форме обязательной регистрации.

Правильный подход — прогрессивная регистрация: не заставлять заводить аккаунт заранее, а собирать данные постепенно, по мере того как растёт заинтересованность. Логика такая:

1. Разрешите покупку без аккаунта. Оформление заказа в один шаг, только с необходимыми полями. Аккаунт — не условие покупки, а её приятное следствие.
2. Создайте профиль незаметно. На основе данных заказа можно завести учётную запись автоматически и предложить задать пароль уже после оплаты.
3. Дайте повод вернуться в аккаунт. История заказов, сохранённые адреса, статус доставки, бонусы — это ценность, ради которой человек сам захочет войти.
4. Собирайте данные по чуть-чуть. Телефон — на оформлении, интересы — в welcome-письме, дополнительные поля — когда в них появляется смысл, а не всё сразу.

Такой сценарий снимает главный барьер новичка и при этом не лишает вас контакта: почта и телефон всё равно собираются в процессе заказа, а полноценный аккаунт формируется постепенно. Детально механику мягкого вовлечения мы разбираем в отдельном материале про прогрессивную регистрацию в Битрикс — там про то, как настроить оформление без обязательного аккаунта и достроить профиль после первой покупки.

Онбординг «в лоб» против аккуратного — наглядно

Чтобы разница была ощутимой, сравним два подхода к первому визиту новичка: агрессивный «в лоб» и аккуратный сценарный.

Разница не в количестве инструментов, а в их дозировке и адресности. Агрессивный онбординг вываливает всё и на всех сразу — и добивается обратного эффекта. Аккуратный показывает нужное нужному человеку в нужный момент. Первый пугает новичка, второй ведёт его за руку, оставаясь незаметным для тех, кому помощь не нужна.

Реализация в 1С-Битрикс

Хорошая новость: почти весь онбординг в 1С-Битрикс собирается из штатных инструментов, без тяжёлого заказного кода. Разберём по элементам, что и чем реализуется.

Признак «новый посетитель». Определяется комбинацией серверной проверки авторизации ($USER->IsAuthorized()), наличия завершённых заказов и клиентской метки в localStorage или cookie. На основе этого признака компоненты решают, показывать ли онбординг. Логику удобно вынести в один сервис, чтобы «новизна» считалась одинаково по всему сайту.

Приветственная скидка. Реализуется через правила работы с корзиной (модуль «Интернет-магазин») и купоны. Правило задаёт условие (сумма от порога, определённые разделы, признак нового покупателя) и действие (процент или фиксированная скидка). Купон привязывает предложение к промокоду с ограничением по сроку и числу применений. Исключения по маржинальным товарам настраиваются условиями правила.

Подсказки и приветственный баннер. Всплывающие окна и точечные тултипы делаются на лёгком JS поверх штатной вёрстки. Важно, чтобы они были совместимы с композитным кэшем: разметка приходит из кэша, а решение «показывать или нет» принимается на клиенте по метке новичка. Так первый экран остаётся быстрым.

Персонализация витрины. Опирается на штатные механизмы персонализации и рекомендаций каталога, а также на сегменты аудитории. Для новичка витрина строится по сигналам сессии (источник, запрос, гео), а не по истории заказов, которой ещё нет.

Мягкая регистрация. Настраивается в компоненте оформления заказа: покупка разрешается гостю, а профиль создаётся из данных заказа. Предложение задать пароль и войти показывается уже после оплаты, на странице «спасибо за заказ».

Сегменты и коммуникация. Контакты новичков и их поведение удобно вести в CRM Битрикс24, чтобы запускать welcome-цепочки и отделять новую аудиторию от постоянной в отчётах. Это же даёт устойчивое определение «нового / вернувшегося» покупателя на стороне сервера.

Скорость первого экрана. Композитный кэш отдаёт статическую часть входных страниц мгновенно, а динамику (корзину, персональные блоки, подсказки) догружает. Без быстрого первого экрана любой онбординг обесценивается: человек уходит раньше, чем видит подсказку.

Как это выглядит в админке 1С-Битрикс

Основная часть онбординга настраивается в разделе «Магазин» — там, где живут правила работы с корзиной и купоны. Схематично создание приветственной скидки для новичка выглядит так:

Подсказки и приветственный баннер в админке живут иначе — как элементы шаблона или подключаемый скрипт. Их видимостью управляет клиентская метка новичка, поэтому в настройках правила скидки вы задаёте экономику предложения, а в шаблоне — момент и условия показа. Разделение зон ответственности здесь важно: скидка — это бизнес-правило, подсказка — элемент интерфейса.

Метрики онбординга: что измерять

Онбординг без измерения — это вера, а не управление. Чтобы понимать, работает ли сценарий, разбивайте аудиторию на «новых» и «вернувшихся» и смотрите на метрики именно по новичкам. Вот ориентиры.

Правильная гигиена измерений — сравнивать сопоставимые периоды и по возможности проверять изменения через A/B-тест, а не «было в прошлом месяце, стало в этом». Трафик и сезонность легко исказят картину. И обязательно следите не только за конверсией, но и за экономикой: если приветственная скидка подняла заказы, но обвалила маржу, это не победа, а перекладывание денег из одного кармана в другой.

Частые ошибки

• Показывают онбординг всем подряд — постоянные клиенты каждый раз видят приветственный баннер и раздражаются.
• Встречают новичка пятью поп-апами сразу: подписка, скидка, чат, куки, колесо фортуны — и человек уходит, не увидев товар.
• Требуют регистрацию до покупки — теряют значительную часть новой аудитории на самом старте.
• Раздают приветственную скидку без условий и срока — маржа падает, а аудитория приучается покупать только по акции.
• Делают подсказки без «памяти» — одна и та же всплывашка возникает при каждом заходе.
• Запускают обучающий тур с затемнением там, где хватило бы точечного тултипа, — покупатель пришёл за товаром, а не за экскурсией.
• Не разделяют метрики новичков и постоянных — эффект онбординга размывается в общей массе, и непонятно, что менять.
• Забывают про скорость первого экрана — подсказки не спасают, если страница грузится секундами и человек уходит раньше.

Чек-лист внедрения

Сведём всё в практический список, по которому удобно принимать готовность онбординга перед запуском.

1. Определён признак новичка. Есть устойчивая логика «новый / вернувшийся» на основе авторизации, истории заказов и клиентской метки.
2. Первый экран очищен. Никаких пяти поп-апов сразу; на входе один акцент и понятная ориентация.
3. Подсказки контекстные и с памятью. Тултипы привязаны к элементам, закрываются и не всплывают повторно.
4. Скидка обусловлена. Приветственный купон выдаётся за действие, ограничен сроком и порогом, исключает маржинальные товары.
5. Навигация проверена новичком. Меню на языке покупателя, заметный поиск, короткий путь до товара и до оплаты.
6. Витрина адресна. Первый экран учитывает источник, запрос и гео нового посетителя.
7. Регистрация мягкая. Покупка возможна как гость, аккаунт достраивается после первого заказа.
8. Онбординг скрыт для постоянных. Баннеры и обучающие подсказки не показываются тем, кто уже покупал.
9. Метрики размечены. Конверсия новичков, add-to-cart, отказы и возврат за вторым заказом считаются отдельно от постоянной аудитории.
10. Первый экран быстрый. Входные страницы отдаются через композитный кэш, динамика догружается.

Вывод

Онбординг нового покупателя — это не всплывающее окно с промокодом, а спроектированный сценарий первого визита: понятная навигация, контекстные подсказки, приветственное предложение в нужный момент и мягкая регистрация. Работает он ровно тогда, когда адресный — показывается только новичкам и исчезает для постоянных клиентов. В 1С-Битрикс всё это собирается из штатных инструментов: правил корзины и купонов, персонализации, всплывающих окон и композитного кэша. Сделайте первое касание понятным и быстрым — и больше новых людей с оплаченного вами трафика дойдут до корзины и вернутся снова.