Добавьте на мобильный сайт заметную кнопку «Выбрать город» и дайте человеку продолжить без доступа к геолокации. Рядом с каталогом покажите, для какого города действуют условия, а перед оформлением заказа предложите проверить выбор. Так клиент сможет посмотреть ассортимент, найти нужную точку или уточнить доставку, даже если браузер не определяет местоположение. Ниже разберём, где разместить переключатель, как связать его с заказом и что проверить на телефоне перед запуском.
Где разместить выбор города на мобильном сайте?
Поставьте переключатель в верхней части страницы, рядом с названием сайта или входом в каталог. Пока человек ничего не выбрал, подпись должна прямо называть действие: «Выбрать город». После выбора покажите название, например «Гомель», и оставьте возможность нажать на него повторно.
Не прячьте переключатель только в меню. Посетитель, который открыл карточку товара из поиска, тоже должен понимать, к какому городу относятся цена и условия получения. Проверьте это именно на карточке, а не только на главной странице.
Если город влияет лишь на адреса филиалов, не перекрывайте им весь сайт. Дайте прочитать описание услуги, а выбор предложите перед просмотром точек. Если от города зависит доступность товара, разместите уточнение рядом с кнопкой заказа: «Выберите город, чтобы проверить наличие».
Для первого экрана достаточно понятной подписи и короткого пояснения. Фраза «Укажите город для проверки доставки» объясняет пользу действия лучше, чем сообщение «Не удалось получить координаты».
Как устроить ручной выбор без лишних действий?
Откройте по нажатию отдельный экран или окно со строкой поиска и списком городов, которые обслуживает бизнес. Для небольшой сети достаточно короткого списка. Если направлений много, добавьте поиск по названию и понятное сообщение на случай, когда совпадений нет.
Ищите по части названия, а регистр букв не учитывайте. Заранее проверьте варианты с «е» и «ё»: запрос «Могилев» должен помогать найти «Могилёв». При пустом результате оставьте введённый текст на экране, чтобы человек мог исправить его, а не набирать заново.
- Покажите текущий выбор или подпись «Город пока не выбран».
- Дайте найти город через строку поиска или выбрать его из списка.
- После нажатия верните человека на ту же страницу и обновите условия.
- Оставьте переключатель доступным для повторной смены города.
Не запрашивайте полный адрес на этом этапе. Для выбора каталога или филиала достаточно города; улицу и дом клиент укажет там, где сайт проверяет доставку. Иначе простое уточнение превращается в анкету ещё до знакомства с предложением.
Отдельно проверьте, что происходит после закрытия окна. Если человек нажал крестик или кнопку возврата, страница должна оставаться доступной. Рядом с условиями, которые пока нельзя определить, сохраните предложение выбрать город.
Что показывать, если геолокация недоступна или город не обслуживается?
Разделите эти ситуации в интерфейсе. Когда браузер не передал местоположение, предложите ручной выбор: «Не удалось определить город. Выберите его из списка». Когда клиент выбрал город вне зоны доставки, объясните ограничение: «В этот город пока не доставляем».
Рядом с ограничением покажите только те варианты, которые бизнес действительно предлагает. Например, выбор пункта самовывоза или обращение для уточнения условий. Если альтернативы нет, скажите об этом до оформления заказа и оставьте возможность сменить город.
Текущее местоположение человека и место получения заказа могут различаться. Покупатель находится в Минске, а доставку оформляет в Брест. Поэтому даже после успешного определения геолокации оставьте ручное исправление и подпишите поле по задаче: «Город доставки» или «Город посещения».
Не определяйте город по номеру телефона и не подменяйте ручной выбор предположением системы. Если сайт предлагает найденный город, попросите подтвердить его. После отказа сразу откройте список, без повторного запроса доступа к местоположению.
Та же граница полезна при планировании продвижения: география рекламного показа и город заказа решают разные задачи. Если вы выбираете способ привлечения посетителей, пригодится матрица выбора между гео-SMS и контекстной рекламой. Но на самом сайте человеку всё равно нужен доступный переключатель города.
Как связать город с каталогом и оформлением заказа?
Сначала перечислите, что именно меняется при выборе города: наличие, способы получения, адреса точек или стоимость доставки. Включайте в этот перечень только реальные различия. Если ассортимент одинаковый, нет причины скрывать его до выбора местоположения.
Дальше подготовьте короткое задание разработчику: откуда каждый блок страницы получает город и что делает после его смены. Шапка сайта, карточка товара и оформление заказа должны показывать согласованные условия. Ситуация, когда сверху указан Гродно, а в заказе остался Минск, требует исправления до запуска.
Для корзины задайте отдельное правило. После смены города сайт проверяет доступность позиций и показывает, что изменилось. Не удаляйте товары молча: оставьте названия недоступных позиций и объяснение, чтобы покупатель мог выбрать другой способ получения или вернуться к прежнему городу.
Если город отражён в адресе страницы, проверьте открытие прямой ссылки. Человек должен попадать на понятную страницу с видимым названием города, даже если пришёл сразу из поиска. Для страниц разных городов заранее определите, чем отличаются условия и содержание; создавать одинаковые копии ради названий городов не нужно.
Когда в доработке участвуют владелец бизнеса, разработчик и подрядчик по продвижению, начните с аудита этого пути: вход на сайт, выбор города, просмотр предложения, заказ. Результат аудита оформите как список конкретных расхождений. На его основе проще подготовить техническую стратегию без полной переделки сайта.
Перед публикацией пройдите путь на телефоне. Откажитесь от геолокации, выберите город вручную, откройте товар и перейдите к оформлению. Затем смените город из корзины и проверьте, совпадают ли подписи и доступные способы получения на каждом экране.
Типичные ошибки при выборе города
- Сайт блокирует весь экран, пока человек не разрешит геолокацию. Добавьте ручной выбор рядом с предложением определить местоположение.
- По умолчанию выбран город, но посетитель этого не видит. Покажите название возле условий заказа и дайте его изменить.
- Поиск по городам требует точного написания. Проверьте часть названия, регистр и варианты с «е» и «ё».
- После смены города страница сбрасывает корзину или возвращает в начало каталога. Сохраните текущую задачу пользователя и отдельно объясните изменения в заказе.
- Ограничение по доставке появляется только в конце оформления. Проверяйте город до того, как клиент начнёт вводить адрес.
Сейчас откройте на телефоне любую карточку своего сайта и проверьте, можно ли найти выбор города без открытия меню.
