Как заполнять форму заказа

Содержание
  1. Примеры лучших страниц оформления заказа интернет-магазинов
  2. Как правильно выполнить страницу оформления заказа
  3. Что повышает конверсию страницы заказа
  4. Оформление страницы благодарности за заказ
  5. Примеры лучших страниц оформления заказа
  6. Запомнить
  7. Как оформить форму заказа в интернет-магазине — Serpstat Blog
  8. Какой должна быть форма оформления заказа
  9. Что учесть при создании процесса оформления заказа
  10. Как улучшить форму онлайн-заказа
  11. Мобильная форма оформления заказа
  12. Оформление заказа в интернет-магазине, способы и выбор в пользу лучшей конверсии
  13. Страница оформления заказа
  14. И напоследок ещё немного общих полезных советов:
  15. 11 отличных форм оформления заказа на сайтах интернет-магазинов
  16. Что делает оформление заказа приятным?
  17. Domino’s
  18. Lowe’s
  19. Threadless
  20. Amazon
  21. Barbour
  22. Schuh
  23. Crate & Barrel
  24. Nordstrom
  25. Superbalist.com
  26. AO.com
  27. Joseph Joseph
  28. Хорошие примеры, но есть куда расти…
  29. Boots
  30. Заключение

Примеры лучших страниц оформления заказа интернет-магазинов

Как заполнять форму заказа

Планируя открывать интернет-магазин или желая немного изменить уже существующую электронную торговую площадку, уделяйте внимание всем важным деталям.

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

Запасайтесь терпением и внимательно изучите тему, чтобы оптимизировать корзину.

Как правильно выполнить страницу оформления заказа

Давайте рассмотрим, что обязательно должно быть на странице заказа товара, чтобы пользователю было удобно оформлять покупку:

  • фото товара. Когда есть изображение, человеку проще проверять свои покупки, потому как покупатели в первую очередь обращают внимание именно на фотографию. Проследите за тем, чтобы фото было крупным и четко показывало выбранную позицию;
  • кликабельное наименование товара. Иногда, добавив позицию в корзину, пользователь хочет еще раз пересмотреть ее характеристики и в очередной раз убедиться в правильности своего выбора. Намного удобнее кликнуть на название продукции в корзине, чем возвращаться на предыдущую страницу или заново искать товар в каталоге;
  • отображение количества позиций, доступных на складе. Например, если человек хочет купить 20 блокнотов, а в наличии только 15, он должен узнать об этом сразу, а не через время, когда с ним свяжется менеджер и сообщит неприятную новость;
  • отображение заказываемого количества единиц товара, цены за одну штуку и общей стоимости. Это важные сведения, которые должны быть на странице заказа обязательно;
  • перечень способов оплаты. Лучше, если клиент вашего интернет-магазина сразу увидит доступные платежные сервисы, а не поймет, что не находит подходящего варианта, когда уже начнет заполнять форму заказа;
  • пометка о наличии товара. Она должна быть и в каталоге, и на странице оформления заказа, чтобы потом не было неприятных сюрпризов;
  • инструменты управления. Разместите кнопки, позволяющие быстро и легко убрать позицию из корзины или добавить в список желаний. Часто случаются ситуации, когда пользователь выбрал продукцию, но по какой-то причине передумал ее приобретать. У него должна быть возможность быстро отказаться от покупки;
  • кнопка восстановления товара в корзине. Она пригодится, когда позиция была удалена случайно. Дайте покупателю возможность еще раз подумать, действительно ли он хочет удалять конкретный продукт;
  • кнопка возврата к каталогу для продолжения покупок. Она должна быть достаточно крупной, чтобы ее не пришлось долго искать. Располагайте этот элемент управления на видном месте;
  • отображение бонусных начислений и скидок. Это позволит клиенту сполна оценить собственные возможности, еще раз убедиться в выгоде сотрудничества с конкретным интернет-магазином.

Мы перечислили элементы, которые нужно обязательно предусмотреть в корзине интернет-магазина. Но кроме них есть еще несколько важных моментов, требующих внимания:

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

Размещайте все элементы правильно и рационально, избегая эффекта загромождения страницы. Не нужно выкладывать тут информацию, которая на данный момент не актуальна. Она только излишне заполнит пространство, затруднит поиски интересующей опции.

Важно понимать, что качественно и профессионально оформленная страничка заказа — это еще одно доказательство для покупателя в пользу выбора интернет-магазина. Если же ему придется столкнуться с какими-либо сложностями в процессе покупки, начнет формироваться негативное мнение о продавце и качестве сервиса. Следовательно, скорее всего, в следующий раз человек обратится в другую компанию.

Что повышает конверсию страницы заказа

Конверсия — это показатель, который определяет соотношение общего количества пользователей, посетивших конкретный сайт, к числу людей, совершивших на нем покупку. В целом, соблюдение всех перечисленных рекомендаций уже помогает увеличить объемы продаж, а также количество клиентов, которые повторно пользуются вашим интернет-магазином.

Но есть еще несколько моментов, на которые вам следует обратить внимание:

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

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

Оформление страницы благодарности за заказ

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

  • текст, выражающий благодарность за заказ;
  • уведомление о приеме заказа. Например: «Ваша заявка будет обработана автоматически. Если возникнут вопросы, наши менеджеры свяжутся с вами»;
  • краткое описание дальнейших действий. Например: «Вы совершили покупку на сумму 35 долларов, номер заказа № 3256822, по нему вы можете отследить этап выполнения заявки»;
  • контактные данные. Их можно представить так: «Если у вас есть вопросы по заказу или дальнейшему сотрудничеству с нашей компанией, звоните нам по телефону … или отправляйте письмо на электронную почту …»;
  • и еще раз предложите подписаться на рассылку в социальных сетях, добавив соответствующие кнопки. Если пользователю понравился уровень обслуживания, он обязательно сделает подписку и будет следить за вашей площадкой.

Теперь ваш интернет-магазин станет удобнее для пользователей, а количество покупателей вырастет.

Примеры лучших страниц оформления заказа

Чтобы понимать, как должна выглядеть качественная корзина интернет-магазина, рассмотрите примеры страниц оформления заказа, которые считаются лучшими, согласно тематическим рейтингам. Это предложения от таких организаций:

  • Эталон;
  • Викимарт;
  • Озон;
  • Юлмарт;
  • Техносила;
  • Связной;
  • Эльдорадо.

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

Конечно, вы можете разработать корзину собственного ресурса и самостоятельно. Например, удобно создавать страницу оформления заказа на Opencart. Это специальный модуль, разработанный для быстрого решения задачи. Он позволяет выполнять следующие действия:

  • управление дизайном: выбор фона, цвета, типа шрифта;
  • активация и отключение шагов оформления заказа;
  • отключение ненужных полей;
  • подключение кода отслеживания Google Tracking;
  • дополнительные опции для пользователей.

Также довольно удобной окажется страница оформления заказа на Woocommerce — бесплатном плагине для создания функциональных интернет-магазинов. И если обратиться к статистике, удается отметить, что на этой платформе создано и успешно работает около 48% интернет-магазинов по всему миру.

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

Запомнить

Корзина или страница оформления заказа оказывает заметное влияние на мнение, которое складывается у пользователя о конкретном интернет-магазине.

Поэтому, занимаясь ее разработкой, необходимо следить, чтобы страничка получилась удобной и максимально информативной.

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

Источник: https://netpeak.net/ru/blog/primery-luchshikh-stranits-oformleniya-zakaza-internet-magazinov-story/

Как оформить форму заказа в интернет-магазине — Serpstat Blog

Как заполнять форму заказа

ЧЕК-ЛИСТ: АНАЛИЗ БИЗНЕСА — ВНУТРЕННИЕ ПРОЦЕССЫ

Неудобные формы заказа влияют на конверсию. Если пользователь не хочет их заполнять, он закрывает вкладку и переходит на сайт конкурента. Чтобы избежать потерь, надо правильно создать форму. Если она уже создана — протестировать и усовершенствовать.

Какой должна быть форма оформления заказа

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

Хорошо работают яркие небольшие свернутые кнопки в виде ссылки, когда дополнительные окна появляются при клике на них. Размещают их обычно в правом верхнем углу или на странице контактов.

Ненавязчивость. Должна собирать только нужные данные и сохранять их.

Сохранение данных. Все введенные данные бережно сохраняются, даже если страница обновилась или пользователь закрыл вкладку.

Встроенная проверка правильности заполнения. Система должна уведомить, если в номере не хватает цифр или не указан домен почтового сервера. Часть потенциальных покупателей будет закрывать страницу и переходить к конкурентам, если в конце длинной анкеты, нажав кнопку «Отправить», получит сообщение о нескольких ошибках.

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

На лендингах лучше всего работают веб-формы, размещенные после описания услуг.

Что учесть при создании процесса оформления заказа

Каждый вид бизнеса индивидуален, поэтому создавайте веб-форму индивидуально. Но есть общие моменты:

  • структура;
  • поле ввода;
  • строки меток;
  • кнопки действий;
  • проверка/обратная связь.

Если это «цифровой товар», пользователю достаточно указать электронную почту.

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

Сгруппировать связанные вопросы.

Есть блок «Личная информация», такая как ФИО, дата рождения; или «Информация по аккаунту» — пароль, логин и др.

Расположить вопросы по порядку. Легче и быстрее заполнять поля, расположенные сверху вниз в один столбец.

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

Обязательное и необязательное. Чтобы конверсия не пострадала, желательно обязательные поля отмечать знаком «*», а лучше — не спрашивать малозначимые данные.

Если настроена функция заполнения полей «По умолчанию», следует убедиться, что они заполняются автоматически информацией о посетителях. Ошибок там быть не должно — сами пользователи заполненные автоматически строки обычно не перепроверяют.

Желательно, чтобы были маски ввода информации. Для номеров телефона, которые прописываются посетителями, должны быть скобки под код оператора и пробелы, тире между цифрами. Так у потенциальных покупателей будет меньше ошибок.

Хорошая форма требует минимум усилий: переходить между полями, редактировать их клиенты должны с помощью одной клавиатуры.

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

Метки или подписи около полей помогают понять, как правильно заполнить поля ввода. По сути, это вопросы к пользователю. После заполнения полей они не должны исчезать. Особенно, когда эти вопросы прописывают прямо в строке ввода. Не злоупотребляйте использованием Caps Lock. Хорошо, если каждый вопрос начинается с заглавной буквы. Варианты, где каждое слово предложения написано с большой буквы или все буквы большие, — неудачные. Такие надписи раздражают и затрудняют чтение.

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

Нет кнопок с несколькими действиями. Кнопки «Сброс» лучше тоже убрать — их могут нажать случайно.

Как улучшить форму онлайн-заказа

  • Проверьте ее эффективность. Проанализируйте, сколько шагов при заполнении пользователи выполнили, на каком допустили больше всего ошибок;
  • создайте поля в правильном формате. Важно, чтобы для телефонов уже стояли скобки и тире, для даты рождения — точки или слэши;
  • сделайте встроенные подсказки в полях. При заполнении подсказки должны исчезать.

Мобильная форма оформления заказа

Чтобы не терять аудиторию, желательно оптимизировать веб-форму под мобильные устройства. Идеальный вариант — приложения. Если ресурс только запускается, постарайтесь охватить целевую аудиторию другим способом. Например, качественной адаптивностью к мобильной версии.

Что нужно учесть в мобильной форме:

Важные вопросы. Просьбы ввести альтернативный адрес, e-mail, телефон раздражают. Да и перечитывать вопросы, а затем прописывать ответы на маленьком экране неудобно.

Обычно достаточно 3–5 полей: ФИО, телефон, вариант оплаты и доставки, адрес.

Отсутствие блоков «Персональная информация» и т.д. Вопросы в блоках, где вводятся ФИО в три отдельные поля, лучше заменить одним.

Вертикальное выравнивание. При горизонтальном выравнивании сложнее работать — какой-то вопрос легко пропустить. К тому же многие пользователи любят просмотреть все вопросы, прежде чем начать заполнять поля. С вертикальным выравниванием это сделать легче.

Выпадающие списки. Экономят место на экране, облегчают процесс заполнения.

Кнопка «Подтвердить» или «Отправить». Стоит после всех вопросов по центру и выделяется цветом. В противном случае потенциальные покупатели могут ее не заметить. В то же время цвет кнопки должен быть ненавязчивым, а сама она — неподвижной.

Настроенное масштабирование. Это делается с помощью мета-тега viewport. Если форму случайно увеличат, на странице не потеряются поля или кнопки.

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

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

Чтобы максимально упростить процедуру оформления заказа, следует настроить автозаполнение адреса, в том числе с геолокацией. Тогда ошибок со стороны потенциальных покупателей станет еще меньше.

Форма оформления заказа — важнейший элемент веб-сайта. Она влияет на то, что данные о заказе будут приходить. Убедитесь, что в ней продуманы:

  • структура;
  • поля ввода;
  • метки;
  • кнопки;
  • обратная связь.

После визуальной проверки лучше попросить нескольких коллег ее заполнить. Это позволит убедиться, что все работает правильно. Наконец, чтобы охватить потенциальных посетителей, делающих заказы со смартфонов, желательно создать отдельную форму для мобильной версии. Эта статья — часть модуля «Список задач» в Serpstat

«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.

Начать работу со «Списком задач»

Источник: https://serpstat.com/ru/blog/kak-oformit-formu-zakaza-v-internet-magazine/

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

Как заполнять форму заказа

Мир перенасыщен возможностями. Люди хотят заниматься только тем, что даёт плоды и приносит удовольствие, и как можно меньше времени тратить на обыденные дела. Интернет-шопинг с недавнего времени, увы, в их числе. Обратная сторона развития интернет-торговли: много и доступно.

Три четверти корзин интернет-магазинов бросают, так и не оформив покупку. Если клиента что-то не устраивает на этапе оформления заказа, он реагирует: «Да ну его…». Продажа не состоялась.

Что делать владельцу магазина? Как повысить конверсию? Как сделать так, чтобы клиентам приятно было покупать и возвращаться?

Поговорим об этом сегодня. Ценим время, поэтому сразу погнали разбираться.

Пройдём все этапы покупки «от и до». В целом для клиента это выглядит так:

  • выбор товаров и добавление их в корзину (раскроем подробности этого этапа в позже другой статье);
  • оформление заказа: как раз на этом этапе чаще всего и прерывается процесс покупки. В этой статье мы опишем разные варианты организации оформления, чтобы вы смогли выбрать тот, который лучше всего подойдёт к специфике вашего интернет-магазина, и чтобы клиенты легко переходили к следующему этапу;
  • подтверждение и в идеале оплата заказа — поздравляем, конверсия состоялась!

Возьмём в фокус второй этап.

Страница оформления заказа

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

  • общие контактные данные: имя, фамилия, телефон — это минимум для дальнейшей коммуникации с клиентом;
  • email: необходим для дополнительного уведомления об изменении статуса заказа, регистрации клиента в базе и дальнейшей маркетинговой работе с ним;
  • другие подробности: адрес доставки, удобные способы доставки и оплаты;
  • комментарии: включите эту графу в перечень, чтобы клиент мог вас о чём-нибудь предупредить.

Выглядит понятно и логично. Но почему же клиенты чаще бросают корзины, нежели покупают? Будем разбираться. И для начала расскажем о немаловажной детали — обязательной регистрации.

В вашем интернет-магазине могут делать покупки незарегистрированные пользователи?

Важно! Пользователи интернета редко сознательно регистрируются в интернет-магазинах перед тем как сделать заказ. И обычно этот шаг их не просто задерживает, но даже отталкивает. Потому что это долго. И скучно. Лучше уйти.

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

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

Он также сохранит контакт в вашей клиентской базе, но сделает процесс регистрации незаметным.

Всё просто: когда покупатель вводит свои данные на этапе оформления заказа, он может автоматически регистрироваться в вашем магазине. Вы сразу получаете зарегистрированного клиента. А у клиента появляются:

  • личный кабинет, в котором можно корректировать и дополнять свои данные;
  • история заказов и возможность следить за их статусами;
  • ускорение процесса последующих покупок: например, автоматическое заполнение имени и адреса доставки;
  • подключение к накопительной системе скидок, если у вас она включена;
  • возможность оставлять отзывы о товарах и комментарии к отзывам других зарегистрированных покупателей;
  • дополнительные удобные действия, например, добавление товаров в «избранное» и возможность в любое время пролистать список последних просмотренных товаров;
  • сохранение товаров в корзине даже после выхода с сайта или в случае отключения интернета.

Остаётся только поблагодарить клиента за покупку и рассказать ему о зарегистрированном для него аккаунте, о новых доступных возможностях и выслать логин и пароль для входа.

Поздравляем с успешной конверсией и зарегистрированным покупателем! Напомним, что каждый новый контакт даёт вам топливо для разгона бизнеса. Читайте об этом подробнее в нашей статье «Сбор контактов».

Поэтому, хоть процесс регистрации в этом случае и упраздняется формально, но фактически отлично живёт и работает. И помогает вам эффективно работать.

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

Вариант-аксакал, который и в наши дни отлично работает: на странице отображается информация лишь того шага, на котором находится клиент.

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

Плюсы такого варианта оформления заказа:

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

Но есть и минусы:

  • много шагов, как следствие — много ступенек, о которые клиент может споткнуться и бросить оформление заказа;
  • не всегда последовательность шагов совпадает с логикой клиента, что может снизить его желание довести дело до конца;
  • скорректировать или уточнить что-то на другом шаге — значит переходить со страницы на страницу, туда и обратно, снова и снова;
  • нет наглядной картины заказа перед глазами — только информация, относящаяся к одному шагу.

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

Вот как может выглядеть пошаговое оформление заказа. Мы видим заголовки всех шагов на одной странице: контактная информация, доставка, оплата. Но открыто всегда только одно окно, в котором возможно вводить данные или что-то выбирать.

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

Переходим к следующему варианту оформления.

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

Плюсы:

  • компактность: все поля для заполнения и корзина с товарами находятся на одной странице;
  • удобно в любой момент проверить и изменить информацию и в корзине, и в любом другом поле;
  • страница обновляется динамически: доступные способы доставки и оплаты изменяются в зависимости от введённых данных и выбранных товаров;
  • можно ввести купон на скидку и сразу увидеть связанную с ним информацию.

Вот как это может выглядеть:

В этом случае у вас появляется несколько дополнительных настроек, на которые стоит обратить внимание:

  • какие параметры товаров можно изменять в корзине;
  • нужна ли зависимость доступных способов доставки и оплаты от стоимости заказа, веса и размера товаров, адреса и других параметров.

В Shop-Script начиная с 8-й версии есть оба варианта оформления заказа на выбор. Вы можете попеременно активировать каждый из них, чтобы попробовать их в действии. И в результате выбрать тот, который лучше всего подходит для вашего интернет-магазина.

Для некоторых клиентов сам процесс оформления является препятствием для того, чтобы что-то заказать. Такие ребята любят позвонить, надиктовать заказ по телефону и ждать его выполнения.

Чтобы не потерять таких клиентов, вам стоит позаботиться о:

  • наглядной и понятной идентификации товара на витрине: клиент должен суметь легко объяснить оператору, какой именно товар ему нужен; для этого стоит на видном месте разместить, например, артикул товара;
  • заметном размещении номера телефона и других подобных координат для быстрой связи, если вы ими пользуетесь: например, чат в «Ватсапе» или «Телеграме»;
  • удобном поиске товаров для своих сотрудников: должны работать поиск по артикулу и автоподбор товаров по частично введённому названию. Главное — уметь оперативно реагировать на пожелания клиента.

Если ваш клиент живёт в ритме мегаполиса, то прекрасным дополнением для любого из этих «длинных» вариантов станет максимальное упрощение процедуры оформления заказа. Девиз: «Быстро и просто!»

Какие есть варианты:

  1. Купить быстро и просто — как пожать руку другу. При таком варианте открывается упрощённая форма создания заказа, где достаточно ввести имя, телефон или email-адрес, выбрать способ доставки и нажать на кнопку «Оформить заказ».

  2. Оптимизируем оформление ещё больше — для тех клиентов, которые всё делают на бегу. С них — номер телефона, с вас — оператор, который примет заказ и справится с его сборкой.

    Этот способ хорош, чтобы быстро зацепить клиента, но есть и минусы. Уровень конверсии зависит от человеческого фактора, иными словами — работы вашего сотрудника. Всё играет роль: приветливость и компетентность, удобная витрина для оператора и клиента; оператор должен уметь оперативно получить информацию от клиента, работать «гладко».

И вот заказ подтверждён. Теперь дайте покупателю возможность сохранить свои данные для следующего раза. Ненавязчиво предложите: «Хотите ли вы сохранить свои данные?». Обычно поставить галочку не сложно. А плюсы от этого простого действия получит не только клиент, но и ваш отдел маркетинга.

Да, чуть не забыли о смартфонах.

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

Наши советы:

  • cократите количество обязательных для заполнения полей;
  • кнопки и ссылки должны быть крупными и заметными;
  • адаптируйте размер изображений товаров, чтобы загружались быстрее;
  • упрощайте навигацию, придерживайтесь вертикального ориентирования элементов;
  • во время оформления заказа клиенту не должно ничего мешать: уберите отвлекающие объявления и всплывающие окна;
  • дайте возможность оперативной оплаты с карты: по фотографии карты или через Apple Pay, Google Pay и т. д.;
  • после оплаты дайте возможность сохранить введённые данные и пройти регистрацию, например, с использованием различных мотивирующих предложений.

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

Ваши инструменты:

  • сбор данных о поведении клиентов: сервис «Яндекс.Метрика» покажет аналитику вашего сайта: сколько клиентов заполняли форму заказа и сколько из них довели дело до конца;
  • в вебвизоре «Яндекс.Метрики» можно посмотреть записи сеансов посетителей сайта, чтобы проанализировать их поведение и возникающие сложности при оформлении заказа;
  • сервис AskUsers поможет провести тестирование изменений на сайте на реальных пользователях.

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

И напоследок ещё немного общих полезных советов:

  • настройте автоматическую проверку ошибок при заполнении, чтобы клиент мог самостоятельно исправиться и правильно ввести все данные;
  • настройте «умные» подсказки, чтобы клиент точно знал, что, где и как ему заполнять;
  • добавьте полезные информационные сообщения, например: «Ваш заказ оформлен. Проверьте его статус в личном кабинете.»;
  • предложите возможность оформить заказ разными способами: без регистрации и с регистрацией, быстро «в 1 клик» и по телефону.

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

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

Сделайте процесс оформления заказа максимально понятным и удобным, чтобы он не стал непреодолимым препятствием на пути к покупке.

Источник: https://www.webasyst.ru/articles/sposoby-oformleniya-zakaza-v-internet-magazine-vybor-v-polzu-luchshey-konversii/

11 отличных форм оформления заказа на сайтах интернет-магазинов

Как заполнять форму заказа

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

Если есть сомнения в подходах — смотрите наш материал по интернет-маркетингу.

Что делает оформление заказа приятным?

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

Полезные фичи:

    • Поиск адреса или предиктивный ввод текста.
    • Копирование адреса доставки в адрес платёжных данных.
    • Просьба создать аккаунт появляется в конце, когда пользователь готов сделать покупки.
    • Оформление заказа без регистрации.
  • Понятные сообщения об ошибках, чтобы пользователь быстро смог исправить их.

Источники проблем:

    • Принуждённая регистрация перед оформлением заказа.
    • Непонятные сообщения об ошибках.
  • Проблемы с подтверждением формы. Например, строгие правила формата времени.

Domino’s

Сайт Domino’s сделал упор на мобильность. Он распознаёт типы устройств и адаптируется под них.

Форма оформления заказа — приятная и легкая в использовании: нет регистрации, простые поля заполнения, сохранённые платёжные данные для повторных покупателей.

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

Также у них есть приложение, в котором можно сделать заказ одним щелчком. Просто открываете приложение, ждёте 10 секунд, и ваша пицца направляется к вам.

Lowe’s

Регистрация может стать преградой на пути совершения покупок. Этот дополнительный шаг перед оформлением заказа может оказаться непосильным для многих пользователей.

С другой стороны, регистрация позволяет упрощать процесс покупок в дальнейшем. Это удобно и для пользователей

Предложите зарегистрироваться в конце процесса оформления заказа. На сайте Lowe’s можно зарегистрироваться, перед тем как нажать на кнопку ‘сделать заказ’. Здесь не должно возникнуть трудностей.

Threadless

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

Вся форма оформления заказа находится на одной странице. И это очень удобно.

Amazon

На сайте Amazon легко совершать повторные покупки. Конечно, сначала вам придётся заполнить информацию о себе, но зато потом, Amazon запомнит их раз и навсегда.

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

Barbour

На их сайте у формы оформления заказа отличный дизайн. Одно улучшение, которое им стоит сделать, — выделить форму оформления заказа от остального контента на странице.

Здесь есть индикатор прогресса, общее количество товаров, цена и условия доставки. Также адрес можно ввести с помощью автозаполнения, что очень удобно.

Schuh

Их команда отлично понимает важность юзабилити и постоянно улучшает её.

Посмотрите на скриншот ниже, в чём прелесть данной страницы:

    • Безопасность. Вверху размещено подтверждение о безопасности страницы и контактные данные компании.
    • Оповещение о доставке и возврата товара. Три пункта над формой оформления заказа напоминают пользователям о хороших условиях доставки, скидках и простом процессе возвращения товара.  
    • Индикатор прогресса. Помогает пользователям понять, как много шагов стоит ожидать. И то, что их три уже говорит о том, что это быстрый процесс.
    • Простая регистрация. Schuh не интересна регистрация на данном этапе, он предложит её позже.
    • Ссылки на важную информацию. Не нужно делать эти ссылки внизу слишком заметными, но они должны быть, если понадобятся пользователю.
    • Способы оплаты. Визуальное напоминание о том, с помощью чего пользователи могут оплатить заказ.
  • Форма по центру. На странице есть несколько отвлекающих элементов, но фокус сконцентрирован на совершении покупки.

Crate & Barrel

У формы красивый и простой дизайн. Всё выстроено логически, каждое поле помечено. Есть индикатор прогресса, отсутствуют отвлекающие элементы на странице.

Nordstrom

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

На сайте Nordstrom есть информация о товаре и его цене, плюс незаполненные поля выделяются красным, так что пользователь не пропустит важное.

Superbalist.com

Этот сайт сделал форму регистрации в виде новеллы – как только пользователь добавляет товар в корзину, ему предлагают (в виде всплывающего окна) создать аккаунт с помощью электронной почты или аккаунта в , или зайти в уже существующий.

Потом пользователя просят создать пароль, прежде чем продолжить.

После этого, его посылают на красивую форму оформления заказа (хотя это не совсем удобно для пользователей, которые хотят положить в корзину больше одного товара).

Что примечательно, на сайте Superbalist добавлено много мелкого текста, который объясняет условия доставки и что вписывать в поля.

AO.com

AO.com проделал хорошую работу. На этой странице можно выбрать время и дату доставки, к тому же очень легко:

Страница с платёжными данными — отличная. Отображается сумма заказа, дата доставки, количество товаров и т.п. AO оставил свои контактные данные, чтобы любой пользователь мог сразу позвонить, если у него возникли какие-то вопросы.

Joseph Joseph

Еще один сайт с красивым дизайном формы оформления заказа — Joseph Joseph. Страница, которая была выбрана в качестве примера — форма регистрации/оформление заказа без регистрации.

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

Хорошие примеры, но есть куда расти…

Сайт Zappos — хороший пример, они уделяют внимание обслуживанию и лояльности клиентов.

Тем не менее, процесс оформления заказа несовершенен. Создание аккаунта — обязательное условие, которое не устроит всех пользователей.

Возможно, в случае компании Zappos, репутация бренда снимает этот барьер. Интересно, пробовали ли они что-то другое.

После регистрации пользователей перенаправляют на страницу корзины, что не очень удобно.

К тому же, форма оформления заказа ничем не выделена. Она теряется на фоне главного навигационного меню, строки поиска, алфавитного указателя и т.д. Слишком много отвлекающих элементов, из-за которых пользователи не захотят делать заказ.

Выделять форму оформления заказа не значит заманивать пользователей, это значит упрощать им процесс покупки.

Boots

Эта форма оформления заказа — самая худшая из представленных.

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

Заключение

Может быть, формы не похожи друг на друга, но в каждой из них есть полезные фичи, которые можно использовать при создании своего сайта.

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

Источник: https://adviko.by/blog/2016/06/11-otlichnyx-form-oformleniya-zakaza-na-sajtax-internet-magazinov/

Очень просто
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: