11 элементов корзины и оформления заказа, которые повысят конверсию вашего магазина

Оглавление:

Anonim

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

Проще говоря, показатели отказа от корзины и отказов не совсем низкие по всем направлениям. Baymard Institue задокументировал средний показатель отказа от покупок в интернет-магазинах почти на 70%. И из тех 30%, которые переходят с корзины покупок на страницу оформления заказа? 25% из них выпадают во время оформления заказа.

$config[code] not found

Мы позволим вам сделать математику на этом.

Итак, как вы держитесь за некоторые из этих явно заинтересованных перспектив? Вот наши лучшие 11 советов по их перемещению через воронку, что в конечном итоге приведет к сокращению числа отказов и увеличению вашего дохода:

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

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

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

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

2. Показать общую стоимость в любое время

Удар наклейка реальна - даже когда разница между промежуточной суммой и общей стоимостью предмета минимальна. Действительно, скрытые затраты являются самой высокой причиной отказа от корзины в большинстве исследований. Не делайте ваши перспективы обманутыми: ваша корзина покупок должна отражать общую стоимость (включая налоги и стоимость доставки!) С каждым добавленным новым товаром.

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

3. Позвольте пользователям редактировать свои тележки и сохранять вещи на потом

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

Это никому из вас не поможет.

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

4. Дайте вашей корзине памяти

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

$config[code] not found

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

5. Дайте вашим CTA иерархию

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

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

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

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

6. Проверьте сроки создания учетной записи

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

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

$config[code] not found

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

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

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

7. Спросите новых клиентов, хотят ли они зарегистрироваться после первой покупки

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

8. Сделайте свое поле кода купона незаметным

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

Так что если вы хотите предложить купоны, попробуйте один из них:

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

9. Показать контактную информацию и включить функцию чата

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

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

10. Приложите свой заказ, избегая внешних ссылок

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

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

$config[code] not found

11. Приоритет простоты и скорости на ваших формах

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

  • Держите форму заказа на одной странице. И если тестирование показывает, что вы не должны этого делать, предоставьте пользователям индикатор прогресса. Дело в том, что пользователи могут видеть, сколько осталось шагов, и знать, что они делают успехи.
  • Спрашивайте только ту информацию, которая вам нужна … больше ничего. (Это может означать удаление полей, таких как проверка пароля.)
  • Используйте экранную проверку и четко сообщайте об ошибках пользователя.
  • Предлагайте раскрывающиеся списки или поля автозаполнения (например, средство поиска адреса), а также флажок, который позволяет пользователям автоматически заполнять поля адресов доставки уже введенными ими адресами для выставления счетов.
  • Отображайте информационные кнопки, которые описывают, что пользователи должны поместить в поле, объясняют, почему вашему бизнесу нужна определенная информация, и предлагают советы (то есть, что делает надежный пароль).
  • Поместите текст заполнителя в поле для надписей над полями.
$config[code] not found

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

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

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

Фото через Shutterstock

1