Оформлению страницы «Доставка» чаще всего уделяется не слишком много внимания. Обычно, это небольшой текст о сроках и условиях доставки. На самом деле от информации, представленной на этой странице, во многом зависит решение покупателя при оформлении заказа.
В первую очередь, посетитель должен увидеть, в какие регионы осуществляется доставка. Информацию об основном регионе представить более подробно, а для дополнительных создать отдельную страницу с обзором всех возможных способов (транспортные компании, пункты выдачи, Почта России и т.д.). Если интернет-магазин работает по всей России, то на сайт можно добавить автоопределение региона и выводить информацию в зависимости от этого, а так же калькулятор для расчета стоимости.
Для большинства покупателей сроки - очень важный показатель. Необходимо обязательно указать на странице, в какие сроки товар отгружается со склада, сколько времени занимает доставка. Если она возможна на следующий день, то это довольно положительный фактор. Не стоит вводить покупателей в заблуждение, указывая меньшие сроки, чем есть на самом деле - это только негативно скажется на репутации интернет-магазина и увеличит количество отказов от заказов.
Можно ли проверить или примерить товар перед покупкой, разрешается ли вскрывать заказ до оплаты, сможет ли курьер проконсультировать по функциям товара? Вся эта информация часто интересует покупателей и ее необходимо как можно подробнее представить на странице.
Так же можно добавить информацию об ответственности за отказ от заказа при доставке. Часто покупатели делают заказы, рассчитывая посмотреть на товар и, если он не подойдет, отказаться. В этом случае покупатель оплачивает стоимость доставки.
Он необходим для того, чтобы покупатели знали, куда обратиться в случае наступления гарантийного случая и на какой адрес осуществлять возврат. Если указать его нет возможности (интернет-магазин работает без склада), то можно указать юридический или почтовый адрес компании.
Здесь можно указать, как покупатель сможет отслеживать заказ, каким образом он получит трек-номер и где сможет его проверить.
Несмотря на, казалось бы, большое количество информации, представить ее необходимо как можно лаконичнее и структурированно, чтобы покупателю не пришлось длительное время изучать страницу доставки.
Коллеги, в этой статье мы хотим рассказать вам, как происходит оформление заказа, его оплата и доставка.
Начнем с того, что оформить заказ Вы можете в нашем удобном интернет-магазине, который находится в Главном меню сайта во вкладке -
И так, Вы зашли в раздел Магазин и выбираете интересующую Вас категорию товара: "Пленка", "Оборудование", "Дополнительное оборудование", "Расходные материалы" или "Хром". Весь представленный ассортимент в наличии! Нажимая на картинку любого товара, Вы видите подробные характеристики и его большую фотографию. Понравившийся товар необходимо оформить, для этого просто нажмите на кнопку «Купить» и Вы увидите, как он добавится в Вашу «Корзину». Таких товаров в «Корзину» можно добавлять неограниченное количество.
Когда Вы выбрали то, что хотели, нажимаете кнопку «Оформить» в «Корзине» и автоматически переходите на страницу заполнения данных и выбора способа оплаты. Здесь Вы заполняете свои данные для доставки: ФИО, Адрес доставки, Контактный телефон, Электронную почту – эти данные нужны для оформления и дальнейшей отправки Вашего заказа. Также Вы увидите поле «Комментарии к заказу» - в этом поле Вы можете оставить свои пожелания и комментарии к заказу, либо попросить, чтобы с Вами связался менеджер и ответил на оставшиеся вопросы.
Итак, Вы заполнили свои данные, дело осталось за малым – выбрать удобный для Вас способ оплаты заказа. Сделать это можно на этой же странице – на выбор предлагается 11 способов оплаты. Расскажем о некоторых из них чуть подробней:
Если ни один из этих способов оплаты Вам не подошел или у Вас остались какие-то вопросы, Вы можете задать их нашему онлайн-консультанту либо связаться с нами по телефону горячей линии 8-800-200-51-21 – для России (Звонок бесплатный), для других стран +7-927-010-37-58, Вайбер или Ватс Ап +7-927-711-33-66.
После того, как Вы заполнили все поля и выбрали способ оплаты, нажимайте внизу страницы кнопку «Оформить заказ». Далее Вы увидите, что Вашему заказу был присвоен номер и уведомление о том, что на Вашу электронную почту были отправлены реквизиты на оплату и подтверждение получения нами Вашего заказа.
И так, Вы оформили заказ. Оплатили его. Что же происходит с Вашим заказом дальше?
После поступления денежных средств заказ сразу же передается на склад в подготовку! В это же время наш отдел логистики прорабатывает оптимальный вариант доставки заказа (минимальные сроки – цена / качества), согласовывает по необходимости способ отправки и в этот же день Ваш заказ попадает в доставку к нашему курьеру. Все заказы отправляются в течение 24 часов с момента оплаты! Мы следим за этим, отправляем даже по субботам. И сразу после отправки заказа мы пришлем Вам смс-уведомление на указанный номер с полной информацией об отправлении, в котором будет указано название перевозчика (какой транспортной компанией отправлен Ваш заказ или почтой) и номер отправления для отслеживания.
Стоимость стандартной доставки материалов составляет порядка 400-600 руб, срок доставки 3-4 дня, в удаленные регионы чуть больше, но мы следим за сроками и выбираем оптимальный вариант перевозчика.
Гибкость и мобильность нашей компании позволяет отправлять заказы всеми доступными способами! Осуществляем отправки любыми транспортными компаниями, Почтой России, курьерской экспресс-доставкой, междугородними автобусами, поездами дальнего следования.
По прибытию заказа в Ваш город представители транспортной компании свяжутся с Вами по телефону, который Вы указывали в заказе, и проинформируют, где Вы сможете его получить. Ознакомиться с Пунктами выдачи заказов можно на примере транспортной компании "ПЭК".
Выбрать товар и начать оформление заказ можно прямо сейчас - Перейти в магазин
Тема правильного оформления страницы доставки актуальна всегда. Алгоритмы поисковых систем обновляются каждый месяц, и ключевые страницы сайтов (а среди них и «Доставка») обрастают все новыми фишками и функционалом. Можно реализовать сотню лайфхаков в борьбе за место в ТОП 10 выдачи, однако если на сайте будет непрозрачная, неинтересная или неполная информация о доставке, все равно на нем вряд ли сделают покупку. Сегодня важно уже не наличие страницы доставки на сайте, а то, завоюет ли она доверие посетителей. Чек-листом по оформлению страницы доставки Ксения Ситникова , менеджер отдела поискового продвижения i-Media, поделилась с SEOnews.ru .
Представьте, что вы разработали информативный и красочный макет главной страницы, сделали перелинковку, правильно структурировали и залили ассортимент, оформили интерактивный каталог с проработанными карточками товаров…
И на этапе покупки выясняется, что о доставке покупатель узнает только при звонке в колл-центр по мобильному номеру. Или, например, типовая страница ‒ это полотно текста на шесть тысяч символов.
Уйдете вы с такого сайта или останетесь?
Коллеги-маркетологи из Baymard Institute провели глобальное исследование ста крупнейших интернет-магазинов, в которое также вошел контент-анализ описаний дополнительных услуг. Выяснилось, что оформление страницы доставки сильно влияет на конверсию и поведенческие факторы.
С учетом собственного опыта и мнения зарубежных коллег я подготовила список самого необходимого для страницы доставки, чтобы пользователь беспрепятственно дошел до этапа оплаты.
Следите за новостями диджитал-индустрии в наших аккаунтах в
Наблюдали ли вы когда-нибудь в «Вебвизоре» запись, как клиент добавляет товар в корзину, начинает заполнять данные заказа и… покидает сайт? Эта сцена по драматичности может сравниться с финальными кадрами «Титаника». Сегодня поговорим о том, что заставляет пользователя покинуть сайт без покупки и как это исправить.
Согласно исследованию Baymard Institute «Cart Abandonment Rate Statistics» более 68% процентов заказов, которые попадают в корзину, не завершаются покупкой и оплатой.
1.1. После нажатия на кнопку «Купить» или «В корзину» показывайте пользователю, что товар добавлен
После клика по кнопке «В корзину» до появления обратной связи с сообщением о добавлении товара, кнопка должна быть неактивной, чтобы избежать повторного добавления в корзину. Предложите во всплывающем окне оформить покупку или продолжить шоппинг.
1.2. При наведении и нажатии на кнопку «В корзину» она должна подсвечиваться или изменять цвет
Если кнопка не изменяет свой вид, пользователь по ошибке может добавить несколько одинаковых товаров в корзину.
При наведении на кнопку «Купить» в «Розетке» кнопка становится ярче:
Изменение внешнего вида кнопки в «Алло» после нажатия:
1.3. Укажите, какой порядок возврата и обмена товара
Особенно актуально для магазинов одежды и обуви, где вероятность прогадать с размером велика. Пользователь хочет быть уверен, что у него будет возможность получить нужный размер в конечном итоге.
Информация о доставке на страницах «Алло»:
На сайте «Фотомаг» детальная информация открывается по клику на ссылке «Подробнее»:
2.1. В корзине давайте подробную информацию о заказанных товарах
Чтобы пользователь смог проверить правильность своего заказа и отказаться от товаров, которые он поместил в корзину только ради сравнения, давайте исчерпывающую информацию о заказе:
2.2. Кнопка для перехода к следующему шагу оформления должна визуально выделяться
Кнопка «Продолжить оформление заказа» на сайте «Лебутик» продублирована и выделена цветом среди других элементов:
Кнопку «Оформить заказ» на сайте «Дешевше» тоже трудно не заметить:
2.3. Корзина должна «запоминать» заказ
Возможно, по техническим или другим причинам пользователь не может совершить покупку за одну сессию. Когда он приходит на сайт повторно, то вновь искать и добавлять товары будет неудобно. Большая вероятность, что потенциальный покупатель махнет рукой на повторные манипуляции, поэтому сайт должен запоминать содержимое корзины.
2.4. Добавьте кнопку удаления товара из корзины
Например, возможность удаления товара из корзины на сайте магазина «Мобиллак» представлена в виде небольшой ссылки:
2.5. Промокоды и скидки
Разместите поля для ввода скидочных купонов и промокодов на странице корзины.
Они не должны быть активны и видны по умолчанию. Это отвлекает пользователя, который уже готов купить, от процесса оформления и мотивирует покинуть сайт в поисках информации по получению скидки.
Поле для промокода в «Алло» по умолчанию скрыто:
И открывается только по нажатию:
А вот на сайте «Фокстрот» поле для промокода по умолчанию видно. Кроме того, на странице корзины предлагается проверить баланс бонусного счета, перейдя на другой сайт:
Пусть название поля для ввода будет интуитивно понятным. Размытое «Ваучер» лучше заменить на «У вас есть промокод?».
3.1. Дайте пользователю возможность купить без регистрации
Пользователи не любят регистрироваться при первой покупке. Во-первых, они не уверены, что станут постоянными клиентами. Во-вторых, никто не хочет получать назойливый спам на почту. А, в-третьих, регистрация ассоциируется с заполнением десятков полей, восстановлением пароля и прохождением капчи.
Функция «Купить в один клик» в «Фотомаг». Пользователь оставляет только номер телефона, остальную информацию уточняет менеджер. Кнопка для осуществления «быстрого заказа» визуально выделена среди других элементов, а кнопка для оформления заказа самостоятельно незаметна и даже кажется неактивной:
«Лебутик» предлагает альтернативу регистрации - вход при помощи аккаунта социальной сети:
Удалите из процесса оформления подтверждение контактной информации (переход по ссылке из письма или ввод кода из смс). Если подтверждения нужно ждать слишком долго, пользователь просто уйдет, не завершив покупку.
Если предоставляете возможность заказа без регистрации - сделайте эту функцию заметной на странице.
При заказе без регистрации функционал не должен быть урезан. Если без регистрации невозможен какой-то способ оплаты, предупредите об этом заранее. Опишите выгоды от регистрации и различия функционала для пользователей с разными статусами.
3.2. Фоновая регистрация
Зачастую данных для оформления заказа достаточно для регистрации. Сообщайте об автоматической регистрации пользователю письмом. Конечно, такой способ имеет свои недостатки, например, сгенерированный автоматически пароль, зато пользователь экономит время, а магазин получает нового подписчика.
Вот как это реализовано в «Розетке»:
Или предложите пользователю зарегистрироваться уже после покупки на основе введенной им информации.
3.3. После регистрации должна проходить автоматическая авторизация и продолжение оформления заказа
3.4. Предложите использовать в качестве логина адрес электронной почты или телефон
Если представить, на скольких ресурсах зарегистрирован обычный пользователь, и сколько пар логинов и паролей ему необходимо помнить, то нежелание регистрироваться еще раз становится понятным. Номер телефона и адрес почты - данные, которые клиент всегда помнит.
Предоставляйте возможность восстановления пароля на странице авторизации.
«Розетка» узнает пользователя по электронной почте и помогает вспомнить пароль «не отходя от кассы»:
3.5. Сохраняйте в поле логина заполненную информацию
При повторном посещении клиент, как правило, перебирает в голове несколько «стандартных» логинов или вообще не помнит, что уже регистрировался на сайте. Подсказывайте клиенту, оставляя в поле логина данные.
3.6. Не подписывайте зарегистрировавшихся на рассылку автоматически
Большинство клиентов интернет-магазинов уже устали получать горы ненужных им писем по почте. Опишите явные выгоды от подписки и спросите, хочет ли пользователь получать от вас письма.
3.7. Минимизируйте количество полей ввода
Если город и район пользователя можно определить автоматически, пусть система заполнит их самостоятельно. При этом у пользователя должна быть возможность проверить и редактировать все поля.
На сайте «Лебутик» выпадающий список помогает выбрать код оператора мобильной связи из списка.
3.8. Проверка корректности вводимых данных должна осуществляться во время заполнения формы, а не после отправки
После отправки формы с некорректными данными, заполненная информация должна сохраняться заполненной.
Проверка на странице сайта «Дешевше» происходит после отправки формы, в которой после обновления не сохраняются введенные данные:
3.9. Сообщения об ошибке должны быть однозначными и пояснять, как можно решить сложившуюся проблему
Сообщение об ошибке ввода на сайте «Алло» предельно подробно описывает, как исправить конфуз:
«Лебутик» подсказывает пользователю, как ввести корректный адрес почты:
4.1. Показывайте склады самовывоза на карте и списком
«Розетка» предоставляет возможность выбрать точки выдачи по адресу в списке или найти ближайшее отделение на карте:
4.2. Предлагайте пользователю выбрать адрес из списка или ввести вручную
Ввод или выбор адреса на сайте «Фотомаг»:
4.3. Указывайте стоимость доставки во время выбора способа доставки
Для покупателя может стать сюрпризом увеличение общей суммы заказа при получении, что приведет к отказу. Сообщайте, что доставка оплачивается покупателем и рассчитывайте приблизительную стоимость.
Удобное отображение стоимости в зависимости от способа доставки на сайте «Дешевше»:
Стоимость доставки видна при ее выборе из списка на сайте «Алло»:
На сайте «Фотомаг» мы не видим конечной суммы, но узнаем, когда сможем уточнить итоговую стоимость:
5.1. Указывайте способы оплаты в порядке убывания популярности
«Алло» предлагает выбрать способ оплаты:
Выводите рядом с названием иконки платежных систем.
5.2. Разбейте способы оплаты на группы по смыслу:
Выбор способа оплаты в «Розетке»:
5.3. Укажите комиссию каждого способа оплаты
При выборе способа оплаты итоговая сумма на странице сайте «Дешевше» меняется:
«Мобиллак» мотивирует клиентов рассчитываться картой:
5.4. Если ваш продукт покупают регулярно, сохраните платежные данные, чтобы пользователю оставалось положить товар в корзину и нажать «Оплатить»
5.5. Не спрашивайте тип платежной системы у пользователя, если от выбора не зависит размер комиссии
Первые цифры номера карты однозначно определяют платежную систему: Виза, Мастеркард и т.д. Если при оплате любой картой цена не меняется, определяйте автоматически систему той карты, которую вводит пользователь.
5.6. При вводе номера карты поле ввода должно визуально повторять цифры номера на самой карте
Шестизначные номера разбиваются на 4 блока по 4 цифры. После заполнения каждого блока переход к следующему должен осуществляться автоматически
Обратите внимание, что существуют карты с количеством цифр, отличным от шестнадцати. Карты «Маэстро» могут иметь 13 или 16 или 19 цифр. Если ваш процессинг принимает к оплате карты с разным количеством цифр в номере, позаботьтесь о том, чтобы поле ввода подстраивалось под вводимые данные. По первым шести цифрам можно определить название платежной системы, и, если в этой системе другое количество цифр в номерах карт, поле должно измениться.
5.7. Собирайте платежные данные на сайте магазина
Если после нажатия на кнопку «Оплатить», пользователь попадает на страницу платежного ресурса, то это сбивает с толку. Даже опытные интернет-пользователи чувствуют себя некомфортно, оставляя платежную информацию вне пределов магазина.
Если нет возможности заполнить данные в форме на сайте, позаботьтесь, чтобы на странице оплаты сохранялся стиль сайта.
Оставьте на платежной странице возможность перейти назад на сайт магазина без оплаты. Здесь же указывайте информацию о заказе (сумма заказа и содержимое корзины).
5.8. Предоставляйте информацию о безопасности платежа на странице оплаты
5.9. Если платеж не удалось обработать, должно появляться сообщение об ошибке
Если после того, как платеж не прошел, пользователя просто перекидывает на страницу оплаты или корзину, то понять, успешно была произведена оплата или нет - трудно.
Сообщение о том, что оплату произвести не удалось, на странице «Алло»:
Предложите альтернативные варианты оплатить покупку.
5.10. Общайтесь с клиентом на понятном языке
Замените технические и редко используемые термины более привычными.
5.11. Код подтверждения должен располагаться в начале СМС, чтобы его можно было прочитать, не открывая сообщение
На странице подтверждения заказа выводите полную информацию:
Дайте возможность пользователю редактировать информацию на странице подтверждения.
Подтверждение заказа при оформлении на сайте «Мобиллак»:
Располагайте на странице «Спасибо за покупку» информацию о заказе.
Сообщение на финальной странице покупки в магазине «Дешевше» весьма лаконично:
«Фотомаг» указывает еще и номер заказа:
«Алло» дает подробную информацию:
Продублируйте полную информацию о заказе на электронный ящик клиента.
Поместите на страницу подтверждения заказа возможность распечатать данные.
Если продукт электронный, расскажите, как его можно скачать.
Существует множество вариантов реализации одной и той же функции, и выбор зависит от вашей ниши, целевой аудитории и платформы сайта.
Главной посыл исследования и нашей статьи - почти всегда можно сделать покупку на сайте удобнее.
Кстати, специалисты Авеб написали книгу о юзабилити интернет-магазинов. Просто инструкция по применению - только конкретные рекомендации и примеры. Вы ее уже читали? Если нет, то обязательно скачайте и прочитайте.
Какие усовершенствования корзины значительно увеличивали конверсию на вашем сайте? Чему советуете уделить внимание?
13 мая 2014 в 09:00В странах СНГ не менее 75-80% заказов приходятся на cash-and-delivery (оплата заказа при доставке). Это отличие российского и западного потребителя легло в основу редизайна оформления заказа Сотмаркета еще в 2012 году. Тогда впервые в России интернет-магазин перестал требовать авторизации или регистрации клиента перед совершением покупки.
Это наблюдение легло в основу концепции фоновой регистрации и авторизации пользователей. Теперь, если клиент не был у нас зарегистрирован, мы автоматически делали это и отправляли оповещение о регистрации вместе с данными о заказе, в ином случае просто напомнали покупателю пароль для доступа к личному кабинету.
Мэтчинг аккаунтов происходит по номерам мобильных телефонов и эл. адресов, что позволяет не терять клиентскую историю. Подход себя оправдал: процент заказов зарегистрированных через сайт вырос с 28% до 52%.
Западные интернет-магазины разработали и традиционно выбирают для себя кейс предварительной авторизации/регистрации пользователей на ресурсе с целью экономии времении потребителя. Суть в том, что покупки в зарубежных компаниях предоплачиваются пластиковыми картами, и, чтобы облегчить данный процесс для клиентов, магазины при первой же покупке связывают платежные реквизиты с вновь созданным аккаунтом. Таким образом при последующих покупках чекауат для пользователя существенно упрощается.
Данные, собранные таким образом, нельзя (читай: бессмысленно) использовать для рассылки рекламных сообщений не связанных с конкретным заказам.
Звездочки у полей ввода - архаизм. Старайтесь избегать применения данного приема в своих формах; в большинстве случаев звездочки возможно заменить на более «умные» подсказки, с информацией о том, почему данное поле является критично важным.
Для редизайна сайта Сотмаркета еще в 2013 году мы началаи разработку собственного GUI, которое нашло свое применение и в корзине, и в оформлении заказа. Реализация некоторых собственных компонентов позволила нам существенно упростить сложные формы и снизить количество ошибок допускаемых при заполнении отдельных полей.