Идеальная форма заказов для интернет-магазина. Оптимизация страницы оформления заказа. Корзина и оформление заказа
Для оформления заказа вам необходимо перейти в корзину и нажать кнопку «Оформить заказ», если вы еще не зарегистрированы в нашем магазине, вам предложат ввести ваш электронный адрес и придумать пароль.
Также вы можете зарегистрироваться, использовав ваш аккаунт одной из социальных сетей.
После регистрации вы сможете перейти непосредственно к процедуре оформления заказа. Ниже вы найдете ответы на все вопросы, связанные с оформлением заказа.
«1С Интерес» является розничной сетью и не занимается оптовыми продажами. Поэтому мы оставляем за собой право не подтверждать заказы, содержащие более 3 экземпляров 1 наименования. Для приобретения большего количества товаров просим отправлять заявку в свободной форме на адрес
Для того чтобы что-то купить, выбранный товар сначала нужно положить в корзину. Сделать это можно как в каталоге товаров, наведя курсор мыши на карточку продукта и кликнув появившуюся на ней кнопку «В корзину», так и на самой странице товара.
Нажатие кнопки «В корзину» ни к чему не обязывает. Вы всегда можете удалить товар из корзины или просто не делать заказ. После того как вы нажмете кнопку «В корзину», товар будет добавлен, и вы сможете продолжить выбор или перейти к оформлению заказа.
Внимание! Предварительные заказы оформляются в обход корзины. При клике на кнопку «Предзаказ», вы сразу перейдете к процессу оформления заказа.
Если вы хотите удалить некоторые товары, достаточно кликнуть на кнопку с крестиком, расположенную справа от каждого товара в корзине. Сумма заказа автоматически пересчитается.
Также вы можете добавить товар в Избранное, если вы хотите вернуться на его страницу позже. Все избранные вами товары отображаются на вашей персональной странице в соответствующей вкладке.
Если вы хотите изменить количество, вы можете либо кликнуть на стрелочки в графе «Количество», для увеличения или уменьшения товаров на одну штуку, либо прописать необходимое количество вручную. Сумма заказа автоматически пересчитается.
Если у вас мало времени или вы не хотите сами возится с оформлением, вы можете выбрать форму «Быстрый заказ». Во всплывшем окне введите ваше имя (как к вам обращаться), контактный телефон, адрес электронной почты и краткий комментарий при необходимости.
Менеджер интернет-магазина свяжется с вами в течении ближайшего времени для уточнения адреса доставки, способа оплаты и иной информации по заказу.
После регистрации (или авторизации) вы попадете на страницу, где вам будет предложено выбрать способ доставки: курьерская доставка, самовывоз из ближайшего магазина или пункта выдачи, а также доставка почтовыми службами - «Почтой России» или EMS.
В зависимости от суммы заказа и региона вам могут быть доступны разные способы доставки.
Обратите внимание: доставка до любого из магазинов сети «1С Интерес» или партнерского пункта выдачи осуществляется бесплатно.
В зависимости от того, являетесь ли вы физическим лицом или юридическим, выбранного способа доставки, совершаете ли вы покупку обычного или загружаемого в электронном виде товара, вам будут предложены разные способы оплаты.
При оформлении заказа для физического лица обязательны для заполнения поля: фамилия, имя, отчество, E-mail, телефон и адрес доставки*. Исключение составляют заказы с получением в одном из магазинов нашей розничной сети «1С Интерес» или пунктов выдачи, где адрес в заказе заполняется автоматически при выборе способа доставки.
Для юридических лиц, помимо вышеперечисленных, обязательны для заполнения поля: название и тип организации, ИНН, КПП и юридический адрес.
По предварительным заказам, до наступления даты релиза, могут потребоваться дополнительные подтверждения актуальности заказа. С этой целью мы отправляем e-mail письмо с просьбой подтвердить актуальность предзаказа. В случае отсутствия ответа, мы оставляем за собой право отменить такой заказ.
* Внимание! При оформлении заказа Вы обязуетесь указывать корректные контактные данные. В случае если по предоставленным данным не удаётся оперативно связаться для подтверждения заказа или уточнения важной информации, мы оставляем за собой право отменить заказ с такими контактными данными.
При выборе любого способа доставки кроме курьерской, вам доступна услуга SMS-уведомление. Сообщение будет вам отправлено о готовности вашего заказа в магазине или пункте выдачи, либо о передаче его в службу доставки, в зависимости от того, какую доставку вы выбрали. Услуга предоставляется бесплатно.
Если вы хотите получать такие SMS-уведомления, при оформлении заказа укажите номер своего мобильного телефона в специальном поле «SMS-уведомление».
Введение абонентского номера означает, что вы даете согласие ООО «Чистый Софт Центр» на осуществление рассылки (текстовых смс-сообщений) на указанный номер о ходе исполнения заказа, для чего в том числе могут привлекаться третьи лица, а также подтверждаете, что осуществляете его использование на законных основаниях.
Вы всегда можете внести изменения в заказ, вернуться на один или несколько шагов назад,кликнув на соответствующую вкладку - корзина товаров, доставка или способы оплаты.
Если же все указанные данные и состав заказа правильные, нажмите кнопку «Подтвердить заказ» и он будет отправлен на обработку.
После того как вы сделаете заказ, вы можете следить за процессом его сборки и отправки как на сайте, так и по письмам, которые будут поступать по адресу вашей электронной почты.
На сайте текущая информация о заказах отображается в разделе в вашем Личном кабинете (необходима авторизация).
09 Апр
Здравствуйте, дорогие читатели! Сегодня, как я и обещал ранее, будем продолжать тему открытия своего интернет-магазина.
В прошлых статьях мы уже поговорили о том, рассмотрели , платежные системы и много чего еще, но сейчас пора переходить к еще одной обязательной части — к оформлению и структуре вашего интернет-магазина.
Я расскажу, что обязательно должно быть на сайте вашего интернет-магазина, какова должна быть его минимальная структура и оформление, в общем все постараемся разобрать подробно. Сразу скажу, что все нижеперечисленное обязательно к выполнению, но также обязательно потребуются ваши дополнения и ваша фантазия.
Оформление интернет-магазина
Дизайн интернет-магазина это далеко не последнее, на что нужно заострять внимание. Чем вы уникальнее, тем лучше. Когда бюджеты ограничены, приходится смотреть в сторону готового шаблона, потому что это дешевле и тоже по своему уникально, т.к. различных шаблонов тысячи.
Дизайн и оформление вашего интернет-магазина должен обязательно подчеркивать тематику, быть в одном стиле с товарами, которые вы продаете. Если вы продаете детские игрушки, то явно сайт не должен быть в черных цветах, а наоборот должен быть более яркий и светлый. Универсальный вариант конечно же минимализм в белом цвете с какими то отдельными цветными элементами и блоками, но можно сделать или подыскать готовый дизайн именно в вашей тематике.
На сайте интернет-магазина не должно быть ничего лишнего, ничего, что будет отвлекать потенциального покупателя от выбора товаров. Если будут отвлекающие блоки с информацией, то шансы на продажу уменьшаются. Должно быть только все самое необходимое!
Структура интернет-магазина (страницы)
На сайте любого интернет-магазина обязательно должны быть следующие страницы:
- Главная;
- Контактная информация;
- Страница(ы) с каталогами товаров (по категориям или все вместе);
- Страница самого товара;
- Корзина;
- Условия доставки, оплаты, гарантии;
- Страница оформления заказа.
Это обязательные страницы, но как я и говорил выше, еще требуется фантазия с вашей стороны и дополнения другими страницами. У меня к примеру еще есть: страница отзывов, страница с часто задаваемыми вопросами, акции (категория, но как отдельная страница). Почему я не прописал страницу регистрации и личный кабинет для клиентов? Потому что, как выяснилось, для некоторых магазинов, таких как мой cmoda.ru и для других магазинов, работающих в отдельном городе, это не столь нужно. Еще раз повторюсь, что это обязательный список страниц, но вы его можете и должны дополнять.
По расположению отдельных элементов и различных блоков на страницах я расписывать не буду, потому что все познается в тестировании и сравнении, а я не тестировал на сотнях интернет-магазинах расположение отдельных частей. Это как правило личное дело каждого!
Шапка интернет-магазина
В шапке в самом верху обязательно должен быть логотип слева, корзина справа, по середине поиск и краткая информация о дотавке, оплате и контактная информация в кратком виде. Ниже должно быть меню для удобной навигации по сайту. Вот как сделано это у меня:
Контактная информация
Контакты должны быть указаны в шапке интернет-магазина, в самом верху и на отдельной странице. В шапке достаточно номера телефона и почты, либо просто номер телефона. А уже на странице контактов обязательно юридический или физический адрес, номера всех телефонов, почта и другие средства связи. Также можно добавить карту проезда, если у вас есть физическая точка продаж либо пункт выдачи. Контакты нужны обязательно, потому что они вызывают больше доверия. К нам в интернет-магазин звонят часто и номер телефона очень важная составляющая контактов, которые должны быть на виду!
Страница с товарами (каталоги)
Таких страниц на сайте может быть несколько, если у вас несколько групп товаров. На них должны располагаться миниатюры фотографий товаров, цена, название, кнопка «Купить» или «В корзину» и дополнительно может быть рейтинг по звездочкам (считается от отзывов положительных или отрицательных). Товаров на странице должно быть не 1-2, потому что в этом случае страница будет смотреться пусто.
Страница самого товара
На странице самого товара должны быть подробные большие фотографии товара, Название, цена, описание, основные характеристики, условия доставки, есть в наличии или нет, кнопка «Купить», количество отзывы, список похожих товаров, и дополнительные блоки, которые усиливают доверие к магазину. У меня это упоминание о бесплатной доставке, о том, что можно заказать несколько товаров и выбрать дома при получении и условия оплаты. Хотя что я объясняю) Вот скрин структуры моего магазина:
Условия доставки, оплаты и гарантии
Важнейшие элементы и страницы на сайте вашего интернет-магазина!!! Эти страницы нужно обязательно описывать подробно, подробнее некуда! Про различные способы доставки вы должны расписать по пунктам и проставить цены каждого вида доставки. После прочтения информации о доставке, ваш клиент должен четко все понять!
Гарантии обязательно нужны! Это позволяет клиенту меньше думать перед приобретением товара в вашем интернет-магазине, потому что он видит, что вы отвечаете за его качество.
Корзина и оформление заказа
В корзине ничего замысловатого нет. Она просто должна правильно подсчитывать сумму и все. А вот при оформлении заказа у вас должна быть упрощенная форма без регистрации, потому что не каждому хочется регистрироваться в интернет-магазине. При вводе данных не допускайте лишних пунктов, берите только те данные, которые необходимы, не нужно заставлять заполнять тонны строк. Самые необходимые: ФИО, номер телефона, адрес доставки, mail, комментарий к заказу (не обязательно).
Социальные сети
На сайте вашего интернет-магазина желательно должны быть виджеты или кнопки, ведущие на ваши группы или аккаунты в социальных сетях. Это больше вызывает доверия и пользователи соц сетей активнее покупают там.
Важные дополнения
Быстрая покупка подходит практически всем интернет магазинам и позволяет во многом упростить процесс оформления заказа для тех, кто любит экономить своё время. Что надо сделать: разместить на странице товара кнопку «Купить в 1 клик» или «Быстрая покупка». По клику на кнопку будет всплывать окно, в котором будет предложено ввести «Имя» и «Телефон», на который вы и перезвоните. Некоторые еще размещают поле для email, чтобы сразу зарегистрировать человека или просто сохранить его email.
Еще одна простая вещь, которую используют далеко не все. А ведь это отличный способ сэкономить время вашего покупателя и помочь ему оформить заказ по телефону в удобное для клиента время. Что надо сделать: в шапке сайта, рядом с вашим телефоном, разместите кнопку или текст «Обратный звонок». По клику должно всплывать окно, в котором покупатель введет Имя и Телефон. После отправки заявки желательно связаться с клиентом в течение 10-50 минут .
Информация о доставке и оплате в карточке товара
Нет ничего проще и одновременно сложнее, чем простым и понятным языком написать условия доставки и оплаты. К этой информации обращаются уже тогда, когда практически принято решение о покупке и важно как можно быстрее сформировать у покупателя понимание стоимости и сроков доставки в его регион. И в этом поможет размещение этой информации в сжатом виде в самой карточке товара. Что надо сделать: в 3-5 абзацах напишите основные условия доставки и оплаты. Вы можете разместить это отдельным блоком или во вкладке. Не забудьте в конце текста сделать ссылку на полные условия доставки и оплаты.
Акции, оживляющие сайт
В интернете полно магазинов, по которым не понять работают они или нет. Видя новости, например, от июня 2015 года, многие думают, что магазин скорее мёртв и уходят с сайта. И ваша задача показать, что вы действительно работаете, обрабатываете заказы и готовы помочь своим покупателям. Что надо сделать: разместите у себя на сайте сквозной статический баннер, в котором у вас постоянно будет висеть какая-нибудь акция с ограничением по времени. По истечению срока, вы просто сдвигаете срок на 1-2 недели вперед и снова вывешиваете на свой сайт. Таким образом у вас будет постоянная акция и по датам на неё всегда можно понять, что магазин жив.
А также
Обязательно ставьте ту информацию на виду, которая увеличит шансы на продажу. Например: бесплатная доставка, оплата при получении, привезем несколько товаров на выбор, каждому покупателю подарок, закажи сегодня — привезем уже завтра, сертификаты и отзывы о своем магазине и так далее. Это усиливает ваш интернет-магазин и должно быть на видном месте.
Вывод
Повторюсь в очередной раз, что это только рекомендации и обязательные моменты для сайта интернет-магазина. Но вы просто обязаны придумывать что то свое в довесок и разнообразить ваш интернет-магазин.
Я тоже человек и могу что то упустить, в чем то ошибиться и так далее, по этому жду ваших замечаний, поправок и дополнений в комментариях. Будем вместе дополнять статью;)
Спасибо за внимание!
Оформлению страницы «Доставка» чаще всего уделяется не слишком много внимания. Обычно, это небольшой текст о сроках и условиях доставки. На самом деле от информации, представленной на этой странице, во многом зависит решение покупателя при оформлении заказа.
Оформляя страницу, в первую очередь необходимо добавить следующую информацию:
Регионы и способы доставки
В первую очередь, посетитель должен увидеть, в какие регионы осуществляется доставка. Информацию об основном регионе представить более подробно, а для дополнительных создать отдельную страницу с обзором всех возможных способов (транспортные компании, пункты выдачи, Почта России и т.д.). Если интернет-магазин работает по всей России, то на сайт можно добавить автоопределение региона и выводить информацию в зависимости от этого, а так же калькулятор для расчета стоимости.
Стоимость и сроки
Для большинства покупателей сроки - очень важный показатель. Необходимо обязательно указать на странице, в какие сроки товар отгружается со склада, сколько времени занимает доставка. Если она возможна на следующий день, то это довольно положительный фактор. Не стоит вводить покупателей в заблуждение, указывая меньшие сроки, чем есть на самом деле - это только негативно скажется на репутации интернет-магазина и увеличит количество отказов от заказов.
Условия доставки
Можно ли проверить или примерить товар перед покупкой, разрешается ли вскрывать заказ до оплаты, сможет ли курьер проконсультировать по функциям товара? Вся эта информация часто интересует покупателей и ее необходимо как можно подробнее представить на странице.
Так же можно добавить информацию об ответственности за отказ от заказа при доставке. Часто покупатели делают заказы, рассчитывая посмотреть на товар и, если он не подойдет, отказаться. В этом случае покупатель оплачивает стоимость доставки.
Адрес склада
Он необходим для того, чтобы покупатели знали, куда обратиться в случае наступления гарантийного случая и на какой адрес осуществлять возврат. Если указать его нет возможности (интернет-магазин работает без склада), то можно указать юридический или почтовый адрес компании.
Отслеживание заказа после отправки
Здесь можно указать, как покупатель сможет отслеживать заказ, каким образом он получит трек-номер и где сможет его проверить.
Несмотря на, казалось бы, большое количество информации, представить ее необходимо как можно лаконичнее и структурированно, чтобы покупателю не пришлось длительное время изучать страницу доставки.
Хорошие примеры отбирались в соответствии с принципами юзабилити. Также стоит отметить, что некоторые примеры являются уникальными, и не подойдут для каждого сайта. Всегда тестируйте и улучшайте элементы на странице оформления заказа.
Если есть сомнения в подходах - .
Что делает оформление заказа приятным?
Простота в использовании. Пока у пользователей нет аккаунта, им нужно вводить адрес и платёжные данные, чтобы сделать заказ. Хорошая форма должна упрощать этот процесс: как можно меньше вводить информации с клавиатуры.
Полезные фичи:
- Поиск адреса или предиктивный ввод текста.
- Копирование адреса доставки в адрес платёжных данных.
- Просьба создать аккаунт появляется в конце, когда пользователь готов сделать покупки.
- Оформление заказа без регистрации.
- Понятные сообщения об ошибках, чтобы пользователь быстро смог исправить их.
Источники проблем:
- Принуждённая регистрация перед оформлением заказа.
- Слишком много шагов.
- Ненужные поля формы.
- Непонятные сообщения об ошибках.
- Проблемы с подтверждением формы. Например, строгие правила формата времени.
Лучшие примеры форм оформления заказа
Domino’s
Сайт Domino’s сделал упор на мобильность. Он распознаёт типы устройств и адаптируется под них.
Форма оформления заказа — приятная и легкая в использовании: нет регистрации, простые поля заполнения, сохранённые платёжные данные для повторных покупателей.
Даже если пользователь забудет пароль, но использует тот же самый электронный адрес, то он всё равно сможет сделать заказ. В таких ситуациях многие сайты просто возвращают регистрационную форму с просьбой о восстановлении пароля. А это не всегда удобно.
Также у них есть приложение, в котором можно сделать заказ одним щелчком. Просто открываете приложение, ждёте 10 секунд, и ваша пицца направляется к вам.
Lowe’s
Регистрация может стать преградой на пути совершения покупок. Этот дополнительный шаг перед оформлением заказа может оказаться непосильным для многих пользователей.
С другой стороны, регистрация позволяет упрощать процесс покупок в дальнейшем. Это удобно и для пользователей
Предложите зарегистрироваться в конце процесса оформления заказа. На сайте Lowe’s можно зарегистрироваться, перед тем как нажать на кнопку ‘сделать заказ’. Здесь не должно возникнуть трудностей.
Threadless
Прекрасная форма оформления заказа. Пользователя сразу ведут на страницу с корзиной и платёжными данными. Можно сделать заказ без регистрации, между прочим.
Вся форма оформления заказа находится на одной странице. И это очень удобно.
Amazon
На сайте Amazon легко совершать повторные покупки. Конечно, сначала вам придётся заполнить информацию о себе, но зато потом, Amazon запомнит их раз и навсегда.
Это минимизирует количество кликов и шагов. Процесс от добавления товара в корзину до подтверждения заказа занимает три шага. Не каждый осилит столько. Плюс, отпадут спонтанные покупатели.
На их сайте у формы оформления заказа отличный дизайн. Одно улучшение, которое им стоит сделать, — выделить форму оформления заказа от остального контента на странице.
Здесь есть индикатор прогресса, общее количество товаров, цена и условия доставки. Также адрес можно ввести с помощью автозаполнения, что очень удобно.
Schuh
Их команда отлично понимает важность юзабилити и постоянно улучшает её.
Посмотрите на скриншот ниже, в чём прелесть данной страницы:
- Безопасность. Вверху размещено подтверждение о безопасности страницы и контактные данные компании.
- Оповещение о доставке и возврата товара. Три пункта над формой оформления заказа напоминают пользователям о хороших условиях доставки, скидках и простом процессе возвращения товара.
- Индикатор прогресса. Помогает пользователям понять, как много шагов стоит ожидать. И то, что их три уже говорит о том, что это быстрый процесс.
- Простая регистрация. Schuh не интересна регистрация на данном этапе, он предложит её позже.
- Ссылки на важную информацию. Не нужно делать эти ссылки внизу слишком заметными, но они должны быть, если понадобятся пользователю.
- Способы оплаты. Визуальное напоминание о том, с помощью чего пользователи могут оплатить заказ.
- Форма по центру. На странице есть несколько отвлекающих элементов, но фокус сконцентрирован на совершении покупки.
Crate & Barrel
У формы красивый и простой дизайн. Всё выстроено логически, каждое поле помечено. Есть индикатор прогресса, отсутствуют отвлекающие элементы на странице.
Nordstrom
Хороший пример формы оформления заказа на одной странице. У неё есть одно преимущество — пользователю кажется, что сделать заказ намного быстрее. И не важно, правда ли это.
На сайте Nordstrom есть информация о товаре и его цене, плюс незаполненные поля выделяются красным, так что пользователь не пропустит важное.
Superbalist.com
Этот сайт сделал форму регистрации в виде новеллы – как только пользователь добавляет товар в корзину, ему предлагают (в виде всплывающего окна) создать аккаунт с помощью электронной почты или аккаунта в Facebook, или зайти в уже существующий.
Потом пользователя просят создать пароль, прежде чем продолжить.
После этого, его посылают на красивую форму оформления заказа (хотя это не совсем удобно для пользователей, которые хотят положить в корзину больше одного товара).
Что примечательно, на сайте Superbalist добавлено много мелкого текста, который объясняет условия доставки и что вписывать в поля.
AO.com
AO.com проделал хорошую работу. На этой странице можно выбрать время и дату доставки, к тому же очень легко:
Страница с платёжными данными — отличная. Отображается сумма заказа, дата доставки, количество товаров и т.п. AO оставил свои контактные данные, чтобы любой пользователь мог сразу позвонить, если у него возникли какие-то вопросы.
Joseph Joseph
Еще один сайт с красивым дизайном формы оформления заказа — Joseph Joseph . Страница, которая была выбрана в качестве примера — форма регистрации/оформление заказа без регистрации.
Что они делают правильно: предоставляют покупателю выбор. Кто-то захочет зарегистрироваться, а кто-то нет, и у них будет возможность сделать заказ без дополнительных процедур.
Хорошие примеры, но есть куда расти…
Сайт Zappos — хороший пример, они уделяют внимание обслуживанию и лояльности клиентов.
Тем не менее, процесс оформления заказа несовершенен. Создание аккаунта — обязательное условие, которое не устроит всех пользователей.
Возможно, в случае компании Zappos, репутация бренда снимает этот барьер. Интересно, пробовали ли они что-то другое.
После регистрации пользователей перенаправляют на страницу корзины, что не очень удобно.
К тому же, форма оформления заказа ничем не выделена. Она теряется на фоне главного навигационного меню, строки поиска, алфавитного указателя и т.д. Слишком много отвлекающих элементов, из-за которых пользователи не захотят делать заказ.
Выделять форму оформления заказа не значит заманивать пользователей, это значит упрощать им процесс покупки.
Boots
Эта форма оформления заказа — самая худшая из представленных.
Что здесь плохо: пользователь должен два раза писать свой адрес — при заполнении платёжных данных и данных о доставке. Использование одного и того же адреса по умолчанию — хороший способ сократить время заполнения формы, которым пользуются многие сайты.
Заключение
Может быть, формы не похожи друг на друга, но в каждой из них есть полезные фичи, которые можно использовать при создании своего сайта.
Что есть общего у каждой из этих форм? Они нацелены на то, чтобы упростить задачу пользователям. Например, когда вы хотите, чтобы пользователь зарегистрировался, лучше добавить один или два шага в конце оформления заказа, чем в начале.
Есть ли у вас примеры форм оформления заказа лучше представленных? Если да, поделитесь ими с нами в комментариях под постом…
