Как улучшить юзабилити страницы оформления заказа в интернет-магазине, добавив зависимость вывода полей. Указаны условия для бесплатной доставки. Страница «Спасибо за покупку»

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

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

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

«1С Интерес» является розничной сетью и не занимается оптовыми продажами. Поэтому мы оставляем за собой право не подтверждать заказы, содержащие более 3 экземпляров 1 наименования. Для приобретения большего количества товаров просим отправлять заявку в свободной форме на адрес

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

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

    Внимание! Предварительные заказы оформляются в обход корзины. При клике на кнопку «Предзаказ», вы сразу перейдете к процессу оформления заказа.

    Если вы хотите удалить некоторые товары, достаточно кликнуть на кнопку с крестиком, расположенную справа от каждого товара в корзине. Сумма заказа автоматически пересчитается.

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

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

    Если у вас мало времени или вы не хотите сами возится с оформлением, вы можете выбрать форму «Быстрый заказ». Во всплывшем окне введите ваше имя (как к вам обращаться), контактный телефон, адрес электронной почты и краткий комментарий при необходимости.

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

    После регистрации (или авторизации) вы попадете на страницу, где вам будет предложено выбрать способ доставки: курьерская доставка, самовывоз из ближайшего магазина или пункта выдачи, а также доставка почтовыми службами - «Почтой России» или EMS.

    В зависимости от суммы заказа и региона вам могут быть доступны разные способы доставки.

    Обратите внимание: доставка до любого из магазинов сети «1С Интерес» или партнерского пункта выдачи осуществляется бесплатно.

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

    При оформлении заказа для физического лица обязательны для заполнения поля: фамилия, имя, отчество, E-mail, телефон и адрес доставки*. Исключение составляют заказы с получением в одном из магазинов нашей розничной сети «1С Интерес» или пунктов выдачи, где адрес в заказе заполняется автоматически при выборе способа доставки.

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

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


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

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

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

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

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

    Если же все указанные данные и состав заказа правильные, нажмите кнопку «Подтвердить заказ» и он будет отправлен на обработку.

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

    На сайте текущая информация о заказах отображается в разделе в вашем Личном кабинете (необходима авторизация).

Цель урока

Разработать часть шаблона служебных форм отвечающую за страницу оформления заказа.

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

Основная цель

Основная цель страницы оформления заказа - быть заполненной посетителем. Вопросы, с которыми сталкиваются пользователи при заполнении форм:

Вопросы

  • С чего начать?
  • Заполнить форму легко? И сколько на это понадобится времени?
  • Какой способ оплаты/доставки подходит мне?
  • Сколько шагов надо пройти до полного заполнения формы?
  • Почему я должен заполнять эти поля? Зачем им эти данные?
  • Можно ли вам доверять? Моя почта/номер телефон не попадут в руки спамеров?
  • Что мне делать после отправки формы?

Задачи

Давайте посмотрим, с какие задачи решает страница оформления заказа.

Задача Решение
Предоставить простой аккуратный макет

Для этого потребуется добавить свободного пространства, а также убрать все лишнее

Привлечь внимание к полям формы

Для этого мы добавим блоку с полями отличающийся фон и границы вокруг формы

Убрать ненужные поля

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

Преодолеть сомнения посетителей

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

Применять активный залог

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

Указать количество шагов и времени на оформление заказа

Делается это в верхней части страницы, до того, как пользователь перейдет к оформлению

Теперь решим эти задачи.

Шаблон

Предоставить простой аккуратный макет

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

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

  • Оставить в верхней части сайта только логотип и название сайта. Без ссылок
  • Изменить содержимое сайдбара. Нам уже не нужно показывать список категорий. Поместим в сайдбаре небольшую справку для тех, кто оформляет заказ и сообщение о том, что можно позвонить, если что-либо не получается
  • Упростить нижнюю часть сайта - оставить в ней только copyright системы и сайта

При желании, от сайдбара можно совсем отказаться.

Найдите в шаблоне страницы служебных форм глобальный блок, отвечающий за верхнюю часть сайта (обычно это $GLOBAL_AHEADER$) и поместите его в такую конструкцию:

Название сайта
$GLOBAL_AHEADER$

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

Тоже самое проделаем и с нижней частью сайта ($GLOBAL_BFOOTER$) и сайдбаром ($GLOBAL_CLEFTER$):

$POWERED_BY$ Название сайта, год
$GLOBAL_AHEADER$
...Помощь по оформлению заказа...
$GLOBAL_CLEFTER$

Если испытываете трудности с глобальными блоками, вспомните .

Привлечь внимание к полям формы

Всего на странице оформления заказа пользователю предлагается заполнить четыре формы:

  1. Форма с содержимым заказа (таблица) $BODY$
  2. Форма выбора способа доставки $DELIVERY_SELECTOR$
  3. Форма выбора способа оплаты $PAYMENT_SELECTOR$
  4. Форма ввода личных данных $ORDER_FIELDS$

Для того, чтобы выделить поля форм необходимо настроить.methods-list и #order-table:

Methods-list, #order-table { margin: 20px; background-color: #e5e5e5; border: 1px solid #cccccc; }

Убрать ненужные поля

Здесь речь идет о форме ввода личных данных $ORDER_FIELDS$ . Наверняка, вы уже прошли урок 31 о полях заказа . Нам потребуется взглянуть на каждое добавленное поле под микроскопом и спросить себя: "Действительно ли информация из него так важна для нас, что мы готовы терять часть клиентов ради нее?".

Зачастую хватает "Имени", "Номера телефона" и "Адреса доставки".

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

После того, как вы решили удалить лишние или добавить новые поля вернитесь к уроку 31.

Преодолеть сомнения посетителей

Как будем преодолевать:

  • После формы с содержимым заказа $BODY$ разместим краткую информацию о гарантии и условиях возврата
  • Рядом с формой выбора способов оплаты $PAYMENT_SELECTOR$ разместим иконки аттестатов, сертификатов (при их наличии) или иконки способов оплаты;
  • Перед кнопкой "Оформить заказ" $ORDER_BUTTON$ сообщим, что заказ можно отменить/изменить в любой момент. Так у пользователя не будет долгих раздумий на тему "А правильно ли я все оформил"
  • Под кнопкой "Оформить заказ" $ORDER_BUTTON$ разместим блок "Что будет дальше?". В нем мы сообщим о том, что перед доставкой заказа, обязательно перезвоним, уточним в указанное время.

К сожалению, в рамках данного урока мы не можем рассматривать способ добавления иконок к формам оплаты или доставки. Поэтому просто добавьте соответствующий блок после $PAYMENT_SELECTOR$ .

Применять активный залог

Давайте рассмотрим конкретный пример. По умолчанию, выбора способа оплаты описан этим участком шаблона:

Способ оплаты

$PAYMENT_SELECTOR$

Если использовать активный залог, то этот же фрагмент будет выглядеть так:

Выберите способ оплаты

$PAYMENT_SELECTOR$

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

Указать количество шагов и времени на оформление заказа

Перед $BODY$ добавьте сообщение о том, сколько шагов в процессе оформления заказа и сколько времени это займет, например:

Оформление заказа в 4 шага занимает не более 3ех минут

Откуда на uCoz несколько шагов оформления заказа? Здесь речь идет о шагах в пределах одной страница. Я предлагаю такой вариант:

  1. Шаг 1. Проверьте содержимое заказа
  2. Шаг 2. Выберите способ доставки
  3. Шаг 3. Выберите способ доставки
  4. Шаг 4. Укажите информацию о себе

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

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

Упражнения

  1. Создайте упрощенный макет страницы оформления заказа
  2. Удалите ненужные поля и выделите оставшиеся
  3. Разместите блоки с текстом, который поможет преодолеть сомнения покупателей
  4. Укажите количество шагов и необходимое на оформление заказа время

Постоянно происходят какие-то изменения. Сильная конкуренция не дает стоять на месте тенденциям развития интернет-маркетинга.

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

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

Так вот, это очень большое заблуждение. Чем сложнее и непонятнее как сделать заказ тем больше шансов, что порядка 2/3 посетителей не станут вообще «заморачиваться» с приобретением товара в Вашем интернет магазине.

Основные правила форма оформления заказа

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

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

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

Если при заполнении формы Вы просите от клиента какие-то его личные данные, всегда объясняйте, для чего они необходимы: имя и фамилия – для оформления документов на товар, номер телефона – для связи по вопросам доставки, электронный адрес – для подтверждения заказа.

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

Перед Вами образец неправильного оформления, где в процессе покупки требуется внезапная регистрация. Но это Ozon.ru- самый крупный гипермаркет России и здесь он диктует свои правила.

Еще одна распространенная ошибка, которая часто встречается на сайтах и с которыми Вы наверняка сталкивались. Итак, Вы заполнили множество различных полей с указанием многих данных о Вас, это заняло некоторое время, нажимаете кнопку «далее» и тут система выдает Вам ошибку, что, например, в каком-то поле Вы не до конца или неправильно что-то написали. И тут Вы видите, что для исправления это ошибки, Вам надо заполнять все формы сначала! Как минимум, это раздражает. Максимум – клиент уходит с Вашего сайта. Не допускайте такого печального недоразумения.

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

И, наконец, самый идеальный вариант – это когда Вы конкретно указываете все сроки доставки, ее конкретную стоимость. Другими словами, фраза «доставка осуществляется в течение 5-15 дней» звучит неопределенно, не вызывая никаких положительных эмоций. Надпись же «товар будет доставлен 1 сентября» порадует покупателя гораздо больше. К примеру, мне очень нравиться в интернет магазинах такой прием, когда поле доставки автоматически определяет по IP адресу мой город и сразу расчитывается стоимость доставки товара и время.

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

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

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

  1. Зачем вообще все это?
  2. Типы оформления заказа;
  3. Оптимизация оформления заказа;
  4. Запрашиваем данные с покупателя;
  5. 2 рабочих варианта реализации;
  6. Аналитика;
  7. Заключение и небольшой подарок!

Зачем вообще все это?

Перед тем как мы начнем, давайте ответим на вопрос зачем вообще оптимизировать процесс оформления заказа в интернет магазине:

  1. Сделать процесс простым для посетителя;
  2. Начав оформление заказа, не дать посетителю прервать его;
  3. И, самое главное, по этому процессу.

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

Типы оформления заказа

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

1. В несколько шагов

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

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

2. В один шаг

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

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

3. На странице корзины

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

Все данные собираются на одной странице с ;
Лучше всего работает с минимальным набором полей на странице (см. скриншот выше)
Аналогично если на одной странице запрашивается слишком много данных, это может отпугнуть покупателя. Аналогично необходимо оптимизировать и снизить количество полей для заполнения.

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

Какой же из трех вариантов выбрать?

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

Оптимизация оформления заказа интернет магазина

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

Нам много не надо! Снижаем нагрузку на покупателя

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

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

Тип данных

Необходимость запроса на сайте

Фамилия и Имя Необходимо .
Отчество Необязательно , можно уточнить по телефону. Требуется для отправки почтового отправления.
E-mail Необходимо для отправки данных заказа и добавления в подписчики.
Телефон Необходимо для контакта с покупателем.
Индекс Необязательно , оператор может уточнить самостоятельно по адресу.
Город Желательно . Для понимания часового пояса покупателя.
Адрес Необходимо . В одно поле. Если есть , автоматически подставляйте адрес самовывоза в это поле при его выборе.
Страна Необязательно. Требуется только при работе на несколько стран.
Комментарий к заказу Необходимо .

Таким образом необходимо запрашивать следующие данные:

  1. Фамилию и Имя.
    Пример: “Андрей Родионов
  2. E-mail.
    Пример: ”
  3. Телефон:
    Пример: “+7-123-456-78-90
  4. Адрес для или почтовой доставки:
    Пример: “Санкт-Петербург, Невский пр, дом 1, кв 1 ”. Предлагать заполнять в одно поле , не следует делать отдельное поле для улицы, отдельное для дома и отдельное для квартиры.
  5. Комментарий к заказу.

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

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

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

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

Вариант №1. Просто и со вкусом.

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

В результате вы должны получить примерно следующую картину:

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

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

Вариант №2. Стильно и функционально.

Если в первом варианте у нас вся информация собиралась в одном месте, то во втором варианте мы с вами попробуем разделить сбор данных и сделать его более наглядным.

Шаг 1. И начнем со сбора данных покупателя. Учтем опыт первого варианта и много просить не будем

Шаг 2. Выбор способа доставки .

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

Вот таким образом можно предложить выбрать курьерскую доставку:

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

А вот так самовывоз:

Доставка Почтой России:

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

Шаг 3. Выбор способа оплаты.

Здесь тоже постараемся сделать все максимально просто и наглядно.

Теперь посмотрим как все будет выглядеть в сборе.

Уютно выглядит, правда?

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

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

Аналитика формы отправки заказа

В этом нам помогут два незаменимых инструмента:

  1. Google Analytics. Визуализация последовательностей .
  2. Яндекс.Метрика. Вебвизор + Аналитика Форм .

Google Analytics

В этой системе мы будем использовать “Визуализацию последовательностей”. Подобное отслеживание будет наиболее эффективно для интернет магазинов с оформлением заказа в несколько шагов. Выглядеть это будет примерно следующим образом (кликните по изображению для увеличения):

На изображении выше показаны несколько шагов оформления заказа от корзины до страницы “Спасибо за покупку”. Как думаете, почему на предпоследнем шаге такое большое количество отказов?

Что вам даст эта статистика:

  1. Понимание с какого шага уходит покупатель;
  2. Понимание куда уходит покупатель из оформления заказа.

Как настроить подобный инструмент рассказано .

Яндекс.Метрика

Многие слышали про Вебвизор, но не все слышали про Аналитику Форм. Для того чтобы велось отслеживание этой статистики, у вас должен быть включен ВебВизор и внедрен соответствующий код Яндекс.Метрики на сайт. Взгляните на пример отчета по одному шагу оформления заказа (клик для увеличения):

Что вам даст эта статистика:

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

Заключение

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

  1. Бездельникам . Ничего не делать и наслаждаться текущими показателями конверсии;
  2. Начинающим . Провести аналитику больных мест оформления заказа и подготовить список изменений;
  3. Опытным . Провести аналитику, подготовить ТЗ на изменения, дать задачу программисту;
  4. Профессионалам . Провести аналитику, подготовить ТЗ на изменения, дать задачу программисту, отследить выполнение и провести аналитику по обновленной странице.

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

26.09.2013 Мини аудиты

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

Wool day.

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

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

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

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

  1. “Почтовый ящик” переименовать в E-Mail
  2. “Имя Отчество” и “Фамилия” объединить в одно и назвать “Имя”
  3. Если очень хочется спросить дату рождения, то оставьте только день и месяц. Не все любят сообщать год рождения.
  4. Зачем вам 2 рассылки? Какая мотивация подписаться на 2 рассылки?

Следующий шаг.

  1. Хорошо бы этот шаг объединить с предыдущим чтобы при виде пустых полей у покупателя не возникало негативных мыслей
  2. Индекс желательно убрать или как минимум сделать НЕобязательным для заполнения
  3. Согласно странице “Доставка”, вы доставляете по всей России. Так зачем еще раз предлагать страну?
  4. Что вам даст заполнение региона? Его же можно узнать самостоятельно.
  5. Кнопка “Сохранить” приводит к тому, что наконец-таки стало возможно выбрать тип оплаты. Можно отказаться от подобного нетривиального способа?
  6. Если я уже изъявил желание оформить без регистрации, зачем вы снова предлагаете “Войти в аккаунт”?

Способы доставки .

  1. Не сразу понятно, что самовывоз бесплатный. Напишите “Бесплатно” или “0 руб.”

Способы оплаты .

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

Пользовательское соглашение .

  1. Вот это настоящий “убийца конверсии” в подавляющем большинстве случаев. Вердикт: убрать.

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

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

1. Простота — залог эффективности.

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

2. Используйте наглядные примеры.

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

3. Всего показывайте ход оформления заказа вашему клиенту.

Клиент должен всегда видеть сколько этапов он прошел и сколько ещё предстоит пройти. имеет особое значение с точки зрения психологии. Классическая схема оформления заказа проходит в 3-4 этапа. Первый этап — пользователь составляет список заказа. Второй этап — покупатель вносит свои контактные данные. Третий этап — проверка информации. Четвертый этап — сделка.

4. Развейте все сомнения клиентов.

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

5. Нет! регистрациям.

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

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



Понравилась статья? Поделиться с друзьями: