Мобильная версия интернет-магазина запчастей: покупатель стоит у машины с телефоном

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

Для магазина запчастей мобильная версия это не «сайт тоже открывается на телефоне». Это путь от VIN до оплаченного заказа, который проходится одной рукой.

Что проверить на своём сайте

Пройдите путь от VIN до оплаты сами, с телефона, одной рукой. Где застряли вы, там застревают ваши покупатели.

VIN с телефона

Набирать семнадцать знаков на телефоне неудобно, и опечатки здесь чаще, чем с клавиатуры. Буква O вместо нуля, I вместо единицы, пропущенный знак. В VIN букв I, O и Q не бывает вовсе, и хороший подбор это учитывает: метод проверки VIN в нашем API сам исправляет такие опечатки, например Q на ноль и I на единицу, и сообщает, что поправил. Покупатель не получает ответ «машина не найдена» из-за одной буквы.

Помогает и подсказка рядом с полем: где искать VIN в документах и на машине. Покупатель у открытого капота не всегда помнит, что номер есть в свидетельстве о регистрации, которое лежит у него в бардачке.

Каталог со схемами на маленьком экране

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

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

Скорость: где её теряют

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

• Ставьте каталог на страницу подбора, а не в шапку каждой страницы. Тогда покупатель, который ищет по артикулу, не ждёт загрузки того, что ему не нужно.
• Загружайте каталог, когда покупатель до него долистал или нажал «подобрать по VIN». Это можно сделать на стороне сайта.
• Резервируйте под каталог место заранее. Пока скрипт грузится, высота блока меняется, и без резерва страница дёргается, а покупатель промахивается мимо кнопок.

Оформление и оплата

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

• Оформление без регистрации. Личный кабинет можно предложить после покупки.
• Минимум полей: имя, телефон, способ получения.
• Быстрые способы оплаты. В платформе GOODVIN SITE больше 40 платёжных сервисов подключаются из коробки.
• Кнопка мессенджера для тех, кто хочет спросить, а не оформлять. Сообщение с VIN и фото детали иногда быстрее любой формы.

Как понять, что мобильная версия работает

В аналитике разделите посетителей по устройствам и сравните конверсию. Если на телефоне она заметно ниже, чем на компьютере, а трафика с телефона больше, вы знаете, где лежат деньги. Отдельно посмотрите, на каком шаге мобильные покупатели уходят: на вводе VIN, на схеме, в корзине или на оплате.