Идеальная форма заказов для интернет-магазина. На странице корзины. Пошаговая процедура оформления заказа
Форма состоит из следующих блоков:
Чтобы посетителю Вашего сайта не пришлось в ручном режиме указывать в форме наименование товара или услуги, которую он желает заказать, данные сюда попадают автоматически при нажатии на кнопку добавления товара в форму. Кнопки инициализации заказа вы можете получить в личном кабинете. В составе заказа может одновременно находится насколько торговых позиций, которые посетитель сайта решит заказать.
Если в настройках товара указана цена - форма автоматически рассчитает стоимость всего заказа. А если в настойках у товара установлен признак "возможно заказать несколько товаров", то в форме будет отображаться и количество, а итоговая стоимость заказа при этом будет рассчитана из этого количества.
На финальном этапе заказа посетитель при оформлении вводит свои данные. Количество полей и их наименования произвольное и настраивается в личном кабинете сервиса EasyNetShop. При этом у каждого из полей можно установить признак "Обязательное" и форма заказа не будет отправлена до того момента, пока обязательное поле не заполнено.
Покупатель может завершить оформление заказа или вернуться на сайт для добавления в форму дополнительных товаров или услуг.
Пример html-кода для добавления корзины
скопируйте в любое место на странице 1 раз
Тестовый код для размещения кнопки КУПИТЬ
разместите рядом с описанием нужного товара
Купить
Готовый персональный код корзины и коды кнопок для добавления в неё товаров в можете получить в личном кабинете:
Преимущество формы заказа EasyNetShopНаша форма заказа выполнена по технологии корзины товаров, прежде чем оформить заказ необходимо его собрать. Такая технология имеет ряд преимуществ над традиционной формой, которая выпадает при нажатии на кнопку рядом с товаром и не формирует заказ:
Ещё несколько позитивных моментов в форме заказа EasyNetShop:
- Постоянно напоминает о незавершенном действии по оформлению заказа.
- Удобно при формировании заказа с мобильных устройств тем, что половина данных (о товаре и количестве) уже автоматически заполнены.
- Позволяет производить расчет не только суммы заказа, но и стоимости доставки, а также скидку.
- Сохраняет данные при повторном возвращении на сайт, если заказ не был завершен.
- Позволяет организовать процесс онлайн-оплаты для сформированного заказа.
Заполненная и отправленная форма заказа остается формальностью и даже если получен обратный ответ о том, что заявка получена. Это не дает 100%ой уверенности покупателю в том, что именно совершена покупка. Не получив ответа и не понимая стоит ли ему его ждать (какое время) - покупатель продолжит поиск товара на других сайтах. Совсем другое дело, если покупатель оформил заказ через корзину товаров и ему пришел тот же самый автоматический ответ о том, что заказ №… оформлен. Это уже не формальность.
Есть определенная ожидаемая модель поведения покупателя на сайте, выработанная типовыми интернет-магазинами и практически любой покупатель будет искать привычную для него кнопку “добавить в корзину”, а затем и саму корзину для завершения заказа. Наличие формы заказа для покупки товара - это уход от типичного поведения покупателя и может вызвать неопределенную реакцию (от сложностей, до ухода с сайта)
Для оформления заказа вам необходимо перейти в корзину и нажать кнопку «Оформить заказ», если вы еще не зарегистрированы в нашем магазине, вам предложат ввести ваш электронный адрес и придумать пароль.
Также вы можете зарегистрироваться, использовав ваш аккаунт одной из социальных сетей.
После регистрации вы сможете перейти непосредственно к процедуре оформления заказа. Ниже вы найдете ответы на все вопросы, связанные с оформлением заказа.
«1С Интерес» является розничной сетью и не занимается оптовыми продажами. Поэтому мы оставляем за собой право не подтверждать заказы, содержащие более 3 экземпляров 1 наименования. Для приобретения большего количества товаров просим отправлять заявку в свободной форме на адрес
Для того чтобы что-то купить, выбранный товар сначала нужно положить в корзину. Сделать это можно как в каталоге товаров, наведя курсор мыши на карточку продукта и кликнув появившуюся на ней кнопку «В корзину», так и на самой странице товара.
Нажатие кнопки «В корзину» ни к чему не обязывает. Вы всегда можете удалить товар из корзины или просто не делать заказ. После того как вы нажмете кнопку «В корзину», товар будет добавлен, и вы сможете продолжить выбор или перейти к оформлению заказа.
Внимание! Предварительные заказы оформляются в обход корзины. При клике на кнопку «Предзаказ», вы сразу перейдете к процессу оформления заказа.
Если вы хотите удалить некоторые товары, достаточно кликнуть на кнопку с крестиком, расположенную справа от каждого товара в корзине. Сумма заказа автоматически пересчитается.
Также вы можете добавить товар в Избранное, если вы хотите вернуться на его страницу позже. Все избранные вами товары отображаются на вашей персональной странице в соответствующей вкладке.
Если вы хотите изменить количество, вы можете либо кликнуть на стрелочки в графе «Количество», для увеличения или уменьшения товаров на одну штуку, либо прописать необходимое количество вручную. Сумма заказа автоматически пересчитается.
Если у вас мало времени или вы не хотите сами возится с оформлением, вы можете выбрать форму «Быстрый заказ». Во всплывшем окне введите ваше имя (как к вам обращаться), контактный телефон, адрес электронной почты и краткий комментарий при необходимости.
Менеджер интернет-магазина свяжется с вами в течении ближайшего времени для уточнения адреса доставки, способа оплаты и иной информации по заказу.
После регистрации (или авторизации) вы попадете на страницу, где вам будет предложено выбрать способ доставки: курьерская доставка, самовывоз из ближайшего магазина или пункта выдачи, а также доставка почтовыми службами - «Почтой России» или EMS.
В зависимости от суммы заказа и региона вам могут быть доступны разные способы доставки.
Обратите внимание: доставка до любого из магазинов сети «1С Интерес» или партнерского пункта выдачи осуществляется бесплатно.
В зависимости от того, являетесь ли вы физическим лицом или юридическим, выбранного способа доставки, совершаете ли вы покупку обычного или загружаемого в электронном виде товара, вам будут предложены разные способы оплаты.
При оформлении заказа для физического лица обязательны для заполнения поля: фамилия, имя, отчество, E-mail, телефон и адрес доставки*. Исключение составляют заказы с получением в одном из магазинов нашей розничной сети «1С Интерес» или пунктов выдачи, где адрес в заказе заполняется автоматически при выборе способа доставки.
Для юридических лиц, помимо вышеперечисленных, обязательны для заполнения поля: название и тип организации, ИНН, КПП и юридический адрес.
По предварительным заказам, до наступления даты релиза, могут потребоваться дополнительные подтверждения актуальности заказа. С этой целью мы отправляем e-mail письмо с просьбой подтвердить актуальность предзаказа. В случае отсутствия ответа, мы оставляем за собой право отменить такой заказ.
* Внимание! При оформлении заказа Вы обязуетесь указывать корректные контактные данные. В случае если по предоставленным данным не удаётся оперативно связаться для подтверждения заказа или уточнения важной информации, мы оставляем за собой право отменить заказ с такими контактными данными.
При выборе любого способа доставки кроме курьерской, вам доступна услуга SMS-уведомление. Сообщение будет вам отправлено о готовности вашего заказа в магазине или пункте выдачи, либо о передаче его в службу доставки, в зависимости от того, какую доставку вы выбрали. Услуга предоставляется бесплатно.
Если вы хотите получать такие SMS-уведомления, при оформлении заказа укажите номер своего мобильного телефона в специальном поле «SMS-уведомление».
Введение абонентского номера означает, что вы даете согласие ООО «Чистый Софт Центр» на осуществление рассылки (текстовых смс-сообщений) на указанный номер о ходе исполнения заказа, для чего в том числе могут привлекаться третьи лица, а также подтверждаете, что осуществляете его использование на законных основаниях.
Вы всегда можете внести изменения в заказ, вернуться на один или несколько шагов назад,кликнув на соответствующую вкладку - корзина товаров, доставка или способы оплаты.
Если же все указанные данные и состав заказа правильные, нажмите кнопку «Подтвердить заказ» и он будет отправлен на обработку.
После того как вы сделаете заказ, вы можете следить за процессом его сборки и отправки как на сайте, так и по письмам, которые будут поступать по адресу вашей электронной почты.
На сайте текущая информация о заказах отображается в разделе в вашем Личном кабинете (необходима авторизация).
” вызвала интерес со стороны читателей, поэтому решил продолжить подобную серию статей. И сегодня мы углубимся в способы упрощения процедуры оформления заказа в вашем интернет магазине. Применив решения из этой статьи, вы с легкостью сможете оптимизировать свою страницу или страницы оформления заказа.
Само собой, каждый интернет магазин по своему уникален и не существует оптимального для всех случаев варианта. Поэтому я постараюсь привести общие, проверенные мной, рекомендации, а вы уже сами решите что для вас подходит, а что нет.
Перед тем как мы начнем, давайте ответим на вопрос зачем вообще оптимизировать процесс оформления заказа в интернет магазине:
Каким бы хорошим не был ваш сайт, через процедуру оформления заказа проходят все будущие покупатели. И именно поэтому так важно, чтобы этот процесс был прост, быстр и не вызывал негативных эмоций у посетителя. Если вы будете придерживаться определенных правил, то результат не заставит себя ждать.
Типы оформления заказаСуществует три базовых типа оформления заказа, каждый из которых имеет свои плюсы и минусы.
1. В несколько шаговНаиболее распространенный вариант, который по умолчанию встроен в большинство . Функционально прост и тривиален: на странице корзины есть кнопка “Оформить заказ”, при нажатии на которую покупатель начинает оформление заказа за несколько шагов. Для каждого типа запрашиваемой у покупателя информации есть свой шаг.
Каждый шаг собирает определенную информацию с покупателя;
Покупателя просят предоставить информацию порционно и он не пугается от большого количества полей на одной странице;
Лучше всего подходит для тех интернет магазинов, которые запрашивают много информации с покупателя;
Все-таки несколько шагов и нежелание заполнять десятки полей.
Второй по популярности вариант, крайне редко встречается в CMS по умолчанию, хотя легко добавляется с помощью модулей. При нажатии кнопки “Оформить заказ” в корзине, покупателю предлагается заполнить все данные на одной странице вместо нескольких.
Все данные собираются на одной странице;
Оптимальное решение для большинства интернет магазинов;
Если на одной странице запрашивается слишком много данных, это может отпугнуть покупателя. Поэтому необходимо оптимизировать количество полей (будет рассмотрено ниже).
Вариант, который встречается реже всего. Отдельной страницы для процесса оформления заказа не предусмотрено, все происходит непосредственно на странице корзины.
Все данные собираются на одной странице с ;
Лучше всего работает с минимальным набором полей на странице (см. скриншот выше)
Аналогично если на одной странице запрашивается слишком много данных, это может отпугнуть покупателя. Аналогично необходимо оптимизировать и снизить количество полей для заполнения.
Рассматривая интернет магазин в классическом его понимании, имеет смысл брать в расчет лишь три основных варианта. Предлагаю перейти к выбору наиболее оптимального.
Какой же из трех вариантов выбрать?Сразу скажу, что никаких четких правил и предписаний в плане выбора способа оформления заказа я не видел. Поэтому отталкиваюсь лишь от собственного опыта. С моей точки зрения, наиболее оптимальный вариант: отдельная страница оформления заказа в один шаг . Подобный вариант легко оптимизируется и может быть запросто масштабирован практически под любой проект.
Оптимизация оформления заказа интернет магазинаВ этой главе я подскажу вам наиболее простые и элегантные решения (остальные, более функциональные решения, я внедряю только по своей ). Только не забудьте их внедрить, а не просто прочитать и отложить “на завтра” .
Нам много не надо! Снижаем нагрузку на покупателяПредлагаю начать оптимизацию не с перестановки элементов или добавки функционала, а, наоборот, с сокращения количества запрашиваемых данных. Не следует просить покупателя вводить вообще все данные: имя, фамилию, отчество, телефон, email, страну, регион, город, улицу, дом, корпус, квартиру, индекс и многое другое. Это его отпугнет, поэтому предлагаю упростить задачу.
Давайте подумаем какую информацию на сайте необходимо собирать, а какую вовсе необязательно?
|
Тип данных |
Необходимость запроса на сайте |
| Фамилия и Имя | Необходимо . |
| Отчество | Необязательно , можно уточнить по телефону. Требуется для отправки почтового отправления. |
| Необходимо для отправки данных заказа и добавления в подписчики. | |
| Телефон | Необходимо для контакта с покупателем. |
| Индекс | Необязательно , оператор может уточнить самостоятельно по адресу. |
| Город | Желательно . Для понимания часового пояса покупателя. |
| Адрес | Необходимо . В одно поле. Если есть , автоматически подставляйте адрес самовывоза в это поле при его выборе. |
| Страна | Необязательно. Требуется только при работе на несколько стран. |
| Комментарий к заказу | Необходимо . |
Таким образом необходимо запрашивать следующие данные:
Пример: “Андрей Родионов ”
Пример: ”
Пример: “+7-123-456-78-90 ”
Пример: “Санкт-Петербург, Невский пр, дом 1, кв 1 ”. Предлагать заполнять в одно поле , не следует делать отдельное поле для улицы, отдельное для дома и отдельное для квартиры.
Всего получилось пять полей для заполнения. Запросив эти данные, вы с легкостью сможете:
- Связаться с покупателем;
- Внести его в базу подписчиков;
- Отправить заказ.
Согласитесь, что все стало гораздо проще, хотя информация запрашивается ровно та же. Так как вы в любом случае подтверждаете заказ по телефону, то всю необходимую для вас информацию вы сможете выяснить уже устно.
Теперь, оптимизировав сбор данных покупателя, давайте рассмотрим несколько вариантов оформления заказа на базе рекомендации выше.
Вариант №1. Просто и со вкусом.Данный вариант подходит тем, кто хочет малой кровью оптимизировать оформление заказа и по этой странице. Самое главное, примите рекомендацию по поводу сокращения полей для сбора информации с покупателя и выведите варианты доставки и оплаты.
В результате вы должны получить примерно следующую картину:
Согласитесь, что данная форма заказа проста и незатейлива, но при этом эффективно готова выполнять свою задачу? При необходимости, добавьте рядом со их стоимость.
Теперь предлагаю рассмотреть второй вариант, в который можно вместить куда больше функционала и удобства для покупателя.
Вариант №2. Стильно и функционально.Если в первом варианте у нас вся информация собиралась в одном месте, то во втором варианте мы с вами попробуем разделить сбор данных и сделать его более наглядным.
Шаг 1. И начнем со сбора данных покупателя. Учтем опыт первого варианта и много просить не будем
Шаг 2. Выбор способа доставки .
Если у вас как минимум 2 способа доставки, очень хорошо работает разделение вариантов по вкладкам чтобы покупатель сразу сконцентрировался на нужном ему варианте.
Вот таким образом можно предложить выбрать курьерскую доставку:
Внимательный читатель заметит, что адрес запрашивается дважды, но это специально сделано для наглядности. В конечном варианте этого нет.
А вот так самовывоз:
Доставка Почтой России:
Согласитесь, что вся эта информация, выведенная без вкладок, не читалась бы так легко. А так все выглядит чистенько и аккуратно.
Шаг 3. Выбор способа оплаты.
Здесь тоже постараемся сделать все максимально просто и наглядно.
Теперь посмотрим как все будет выглядеть в сборе.
Уютно выглядит, правда?
Важное уточнение : подобная форма заказа сформировалась не просто так из головы, а на основе собственных исследований юзабилити форм и работы со многими интернет магазинами. И именно подобная форма сейчас внедряется в разрабатываемый мною детский интернет магазин. Как только он будет готов, я с радостью поделюсь с вами ссылкой.
Конечная реализация, конечно же, за вами, но вы с легкостью можете взять за основу предложенный мною вариант. А чтобы понять насколько хорошо работает ваше оформление заказа, следует прибегнуть к аналитике.
Аналитика формы отправки заказаВ этом нам помогут два незаменимых инструмента:
В этой системе мы будем использовать “Визуализацию последовательностей”. Подобное отслеживание будет наиболее эффективно для интернет магазинов с оформлением заказа в несколько шагов. Выглядеть это будет примерно следующим образом (кликните по изображению для увеличения):
На изображении выше показаны несколько шагов оформления заказа от корзины до страницы “Спасибо за покупку”. Как думаете, почему на предпоследнем шаге такое большое количество отказов?
Что вам даст эта статистика:
Как настроить подобный инструмент рассказано .
Яндекс.МетрикаМногие слышали про Вебвизор, но не все слышали про Аналитику Форм. Для того чтобы велось отслеживание этой статистики, у вас должен быть включен ВебВизор и внедрен соответствующий код Яндекс.Метрики на сайт. Взгляните на пример отчета по одному шагу оформления заказа (клик для увеличения):
Что вам даст эта статистика:
На основе этих данных вы с легкостью поймете в какую сторону стоит думать в плане дальнейшей оптимизации страницы оформления заказа.
ЗаключениеСегодняшняя статья раскрыла для вас один из самых простых путей увеличения конверсии вашей страницы оформления заказа. Рассмотрим ваши дальнейшие варианты действий:
И да, первым двум желающим я готов бесплатно провести аудит их оформления заказа. Для этого достаточно дать ссылку на свой интернет магазин в комментарии и ожидать тестового заказа
26.09.2013 Мини аудитыЛюбой аудит должен быть основан в первую очередь на данных систем аналитики и статистики поведения покупателей. Ввиду того, что этих данных у меня нет, сильно сужается область работы.
Wool day.Начну с того, что крайне смущает скорость работы сайта. Проверял с нескольких компьютеров, везде поведение одинаково медленное.
Учетная запись.
Как вы считаете, не слишком ли много на один небольшой участок вариантов оформления заказа?
Не уверен, что предлагаю оптимальное решение для вашей ситуации, но мое ощущение, что на скриншоте ниже все выглядит несколько чище:
Допустим, я хочу совершить заказ без регистрации и нажимаю на соответствующую кнопку. Вносим коррективы:
Следующий шаг.
Способы доставки .
Способы оплаты .
Пользовательское соглашение .
