Shopify Настройка оформления заказа: какие у вас есть варианты

Опубликовано: 2022-08-31

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

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

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

Насколько настраиваема касса Shopify?

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

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

Что делать, если вы хотите изменить структуру оформления заказа?

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

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

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

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

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

1. Суперпростая визуальная настройка вашей кассы Shopify

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

Редактирование оформления заказа в настройках темы

Здесь вы можете сделать множество простых настроек оформления заказа:

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

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

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

Пользовательские шрифты в кассе
Пользовательские шрифты в кассе. Источник: Воодушевление

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

Вы также можете изменить некоторые поля в админке Shopify в разделе « Оформление заказа и учетные записи »:

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

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

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

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

2. Shopify настройки оформления заказа с помощью приложений или других инструментов.

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

  • Замените хлебные крошки по умолчанию индикатором выполнения. Автоматически созданная навигационная цепочка для оформления заказа слишком мала, чтобы привлечь внимание. Если вы хотите, чтобы ваши клиенты четко понимали, сколько шагов требуется для выполнения заказа, вы можете добавить индикатор выполнения.
5-шаговая полоса прогресса оформления заказа
5-шаговая полоса прогресса оформления заказа. Источник: Спортзал

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

  • Добавьте бесплатный подарок к покупке. Если вы используете такое приложение, как Gift Box, которое позволяет раздавать бесплатные продукты, оно автоматически отобразит подарок в сводке заказа, когда будут выполнены указанные вами условия (например, порог расходов).
Бесплатный подарок при покупке на кассе

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

  • Добавьте таймер оплаты. Срочность — отличная мотивация для клиентов совершить покупку. Покажите им, что ваши товары пользуются большим спросом, с помощью таймера обратного отсчета.
Таймер оформления заказа
Таймер кассы. Источник: Бурга

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

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

Заказать обновления и маркетинговые текстовые подписки в кассе
Заказывайте обновления и маркетинговые текстовые подписки в кассе. Источник: Потом я встретил тебя

  • Добавьте значки доверия. Такие приложения, как Trust Me, помогут вам легко добавить значки с поддерживаемыми способами оплаты или другими индикаторами доверия.

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

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

Контактные данные на странице оформления заказа
Контактные данные на странице оформления заказа. Источник: Сделано в

  • Разрешить клиентам оставлять комментарии. Такие приложения, как «Комментарии к кассе», помогут вам разместить дополнительное поле в кассе, где вы можете запросить отзыв или позволить клиентам оставлять запросы на персонализацию.

  • Сделайте сводку заказа липкой. Чтобы клиенты не упускали из виду свой заказ при заполнении полей доставки и оплаты, вы можете использовать прикрепленную сводку заказа (она будет перемещаться вместе с прокруткой клиента).
Закрепленная сводка заказа
Закрепленная сводка заказа. Источник: Цуно

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

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