Использование редактора рабочих процессов в Shopify Flow

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

Внимание

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

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

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

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

Совет

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

Открытие рабочего процесса в редакторе

В Shopify Flow вы можете перейти в редактор рабочих процессов, создав новый рабочий процесс или нажав на любой существующий рабочий процесс, а затем — «Редактировать».

Инструкции:

1. В панели администратора Shopify перейдите в раздел «Приложения» > Flow.

2. В разделе «Рабочие процессы» выполните одно из следующих действий:

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

Добавление шага в рабочий процесс

В редакторе рабочих процессов можно добавить шаг на холст одним из следующих способов:

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

Соединение шагов в рабочем процессе

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

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

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

Расположение шагов на холсте рабочего процесса

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

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

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

Внимание

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

Удаление шага из рабочего процесса

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

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

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

Использование панели инструментов отображения в редакторе рабочих процессов

В нижней части редактора рабочих процессов можно нажать на любой из следующих значков на панели инструментов отображения:

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

Использование панели настройки шага в редакторе рабочих процессов

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

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

Добавление или редактирование описания шага

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

Проверка шага на отсутствие данных для настройки

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

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

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

Использование диалогового окна «Добавить переменную»

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

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

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

Вы можете переходить к конкретным переменным, нажимая на различные параметры переменных. Некоторые переменные имеют вложенные параметры, и значок > указывает на наличие подпараметров в этом пути API переменной. Когда вы достигаете конца пути API переменной, у неё нет значка >, а вместо него отображается значок типа контента, например String, Boolean, DateTime или Int, чтобы показать, какой тип информации возвращает переменная.

Совет

Чтобы узнать больше о конкретном элементе переменной, наведите на неё курсор и нажмите значок , чтобы открыть соответствующую статью в Shopify Dev Docs.