Обзор блоков для настройки оформления заказа с помощью Checkout Blocks

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

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

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

Доступные блоки в Checkout Blocks

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

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

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

Этот блок доступен продавцам на плане Basic Shopify или выше, и его можно разместить только на страницах благодарности и статуса заказа. Для размещения на страницах оформления заказов требуется Shopify Plus.
Редактирование позиции
  • Оформление заказа
  • Страница благодарности
  • Страница статуса заказа
Позволяет клиентам редактировать позиции в сводке по заказу при оформлении, например добавлять селектор варианта или количества. Также служит контейнером для контента позиции.
Контент позиции
  • Оформление заказа
  • Страница благодарности
  • Страница статуса заказа
Отображает сообщения для конкретных позиций, например Окончательная распродажа.
Значки доставки и оплаты
  • Оформление заказа
Отображает значки поддерживаемых способов доставки и оплаты.
Статический контент
  • Оформление заказа
  • Страница благодарности
  • Страница статуса заказа
В отличие от блоков динамического контента, этот контент отображается для всех клиентов и поддерживает текст и баннеры.

Этот блок доступен продавцам на плане Basic Shopify или выше, и его можно разместить только на страницах благодарности и статуса заказа. Для размещения на страницах оформления заказов требуется Shopify Plus.

Подробнее о создании блоков.

Аналитика блоков

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

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

Чтобы сбросить аналитику для блока, нажмите Вертикальное меню > Сбросить аналитику. Это действие нельзя отменить.

Правила отображения для блоков

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

Синтаксис правил отображения зависит от типа создаваемого блока, но в целом, если применимо, правила строятся в следующем порядке из таких элементов:

  1. Категория правила, например Тип продукта или Сумма корзины.
  2. Логический оператор, например Равно, Не равно, Больше чем, Содержит или Заканчивается на.
  3. Параметр, определяющий конкретное нужное вам значение, например Платья или 50,00.

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

  • Показывать, только когда: выполняются все правила
  • Сумма корзины > Больше или равно > доллар США > 100,00
  • Клиент вошёл в систему > Нет

Согласно этому набору правил отображения, ваш баннер будет показан, только если клиент потратил 100 долларов США или больше и ещё не вошёл в аккаунт клиента. Баннер не будет показан клиентам, которые уже вошли в систему, а также тем, кто не потратил пороговую сумму в 100 $.

Идентификаторы блоков

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

Идентификатор блока позволяет добавлять разные блоки одного типа в разные разделы оформления заказа. Блок оформления заказа в редакторе можно рассматривать как заполнитель, который может загружать несколько возможных блоков в зависимости от правил отображения, настроенных в нём. На каждую страницу оформления заказа можно добавить до 10 разных «заполнителей» блоков.

Пример 1. Использование разных идентификаторов для размещения однотипных блоков в разных местах.

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

Обязательному флажку можно присвоить идентификатор блока 1, а необязательному примечанию к подарку — идентификатор 2. Затем в редакторе оформления заказа и аккаунтов вы можете настроить блок пользовательского поля в основной области контента на использование идентификатора блока 1 для отображения обязательного флажка, а блок пользовательского поля на боковой панели — на использование идентификатора блока 2 для отображения необязательного примечания к подарку.

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

Вы предлагаете 3 автоматические скидки на доставку:

  • скидка 10% на заказы на сумму свыше 25 долларов США
  • скидка 25% на заказы на сумму свыше 50 долларов США
  • бесплатная доставка для заказов на сумму свыше 100 долларов США

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

Вы можете настроить 3 блока с динамическим контентом, у которых будет один и тот же ИД блока, например 6:

Таблица с тремя примерами блоков динамического контента, их правилами отображения и содержимым.
Название блокаПравило отображенияСодержимое баннера
Уровень доставки 1Сумма в корзине > Меньше чем > 25,00 $«Вы получите скидку 10% на доставку, если сумма заказа составит 25 $ или больше».
Уровень доставки 2Сумма в корзине > Меньше чем > 50,00 $«Вы получите скидку 25% на доставку, если сумма заказа составит 50 $ или больше».
Уровень доставки 3Сумма в корзине > Меньше чем > 100,00 $«Вы получите бесплатную доставку, если сумма заказа составит 100 $ или больше».

Убедитесь, что у блока Уровень доставки 1 самый высокий приоритет сортировки, а у блока Уровень доставки 3 — самый низкий приоритет сортировки. В этом случае, когда клиент тратит менее 25 долларов США, отображается блок «Уровень доставки 1» с наиболее подходящим сообщением, даже если формально условия отображения выполнены для всех трёх блоков. Когда клиент тратит более 25, но менее 50 долларов США, блок «Уровень доставки 2» отображается с более высоким приоритетом, даже если формально условия для блока «Уровень доставки 3» также выполнены.

Наконец, в редакторе оформления заказа и аккаунтов вы можете добавить один блок динамического контента с ИД 6 в раздел Тариф на доставку. В этом случае наиболее подходящий из трёх созданных вами блоков динамического контента будет отображаться в этом «контейнере» во время оформления заказа. Если клиент потратит 100 долларов США или больше, динамический контент в этой области оформления заказа отображаться не будет, так как ни одно из правил отображения для блоков с ИД 6 не будет выполнено.