Какой мы сделали свою корзину и почему

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

Изначально было решено сделать оформление заказа в один этап, чтобы сократить число кликов и переходов для пользователя. Сказано – сделано.

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

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

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

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

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

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

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

Мобильные удобства

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

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

А в поле email сразу есть знак @. В новом дизайне прикрутим еще и переключение на английскую раскладку.

Быстрая авторизация

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

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

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

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

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

Стимулирование предоплаты заказов

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

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

Итак, как повысить долю предоплаченных заказов?

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

Принятие оферты

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

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

Про SMS-нотификацию

В свете появившихся проблем с SMS-информированием клиентов, мы добавили в формулировку согласия с условиями оферты также согласие на "информирование" – это и для клиента, и для потенциальных проверяющих органов.

Также добавили короткий текст про информирование и ссылку на оферту в e-mail-извещение о сделанном заказе.

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

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