Використання редактора робочого процесу в Shopify Flow

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

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

Для функціонування всі кроки мають бути з’єднані принаймні з 1 іншим кроком у робочому процесі. Ви можете додавати кроки поза робочим процесом у будь-якому місці редактора, але вони не будуть залучені до робочого процесу, доки їх не буде з’єднано стрілкою з іншим кроком. Кожен крок може мати лише 1 попередній, тому об’єднання кількох гілок робочого процесу назад у єдиний шлях не підтримується.

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

Відкриття робочого процесу в редакторі робочого процесу

У Shopify Flow можна відкрити редактор робочого процесу, створивши новий робочий процес або натиснувши будь-який наявний робочий процес, а потім — Редагувати.

Кроки:

  1. У панелі адміністрування Shopify перейдіть у розділ Застосунки > Flow.

  2. У розділі Робочі процеси виконайте одну з таких дій:

    • Щоб відкрити редактор робочого процесу для нового порожнього робочого процесу, натисніть Створити робочий процес.
    • Щоб відкрити редактор робочого процесу для наявного робочого процесу, натисніть цей робочий процес, а потім — Редагувати.

Додавання кроку до робочого процесу

У редакторі ви можете додати крок до робочого процесу будь-яким із наведених нижче способів.

  • Наведіть курсор на будь-який наявний крок і натисніть значок + , щоб вибрати крок умови або дії для додавання як наступного зв’язку в робочому процесі.
    • Кроки умови мають 2 значки +: один для шляху Істина, коли умову виконано, і один для шляху Хибність, коли умову не виконано.
    • Крок дії Цикл перебору (ітерація) також має 2 значки +: один для шляху Повторити для кожної одиниці, який дає змогу визначити кроки, що відбуваються для кожної одиниці в списку, і один для шляху Після останньої одиниці, який дає змогу визначити кроки, що відбуваються після повернення останньої одиниці в списку.
  • Клацніть вільне місце в будь-якій частині редактора робочих процесів. Якщо в робочому процесі ще немає тригера, на панелі конфігурації відображатимуться параметри кроку тригера. Якщо в робочому процесі вже є тригер, на панелі конфігурації відображатимуться параметри кроку дії.

Копіювання та вставлення кроків у робочому процесі

Створення робочих процесів часто означає відтворення кроків, які ви вже налаштували деінде. Замість того, щоб створювати крок із нуля, у редакторі робочого процесу можна скопіювати наявний крок дії або умови та вставити його в той самий або інший робочий процес. Flow зберігає значення полів конфігурації скопійованого кроку, а для кроків умови — їхню логіку, тому вставлений крок готовий до використання з мінімальними редагуваннями.

Одночасно можна скопіювати та вставити лише один крок дії або умови. Кроки тригера не можна копіювати. Не можна копіювати кроки, які використовують спеціальну сторінку конфігурації, наприклад Надіслати маркетинговий електронний лист.

Кроки:

  1. Відкрийте робочий процес у редакторі робочого процесу.
  2. Натисніть крок дії або умови, який потрібно скопіювати.
  3. Скопіюйте крок, натиснувши ctrl + C на ПК або command + C на Mac.
  4. Необов’язково: якщо ви вставляєте крок в інший робочий процес, відкрийте цей робочий процес у редакторі. Цільовий робочий процес уже має містити крок тригера.
  5. Вставте крок, натиснувши ctrl + V на ПК або command + V на Mac. Вставлений крок додається біля курсора. Якщо курсор не наведено на редактор, крок додається в центрі редактора.
  6. З’єднайте крок із рештою робочого процесу перед його активацією.

З’єднання кроків у робочому процесі

Для функціонування всі кроки мають бути з’єднані принаймні з 1 іншим кроком у робочому процесі. Редактор показує зв’язки між кроками за допомогою стрілок напрямку. За замовчуванням робочі процеси в редакторі спрямовані вертикально, зверху вниз.

Коли ви додаєте крок до робочого процесу з іншого кроку за допомогою значка +, новий крок автоматично з’єднується з попереднім кроком. Ви також можете створити з’єднання між кроками вручну, натиснувши й утримуючи + на першому кроці та перетягнувши кінець стрілки до другого кроку. Кожен крок може мати лише 1 з’єднання з попереднім кроком, тому об’єднання кількох гілок робочого процесу назад у єдиний шлях не підтримується.

Щоб видалити зв’язок між кроками, наведіть курсор на стрілку, яку потрібно видалити, і натисніть значок Видалити.

Зображення редактора робочого процесу Shopify Flow із незавершеним робочим процесом. Виділено два зв’язки зі шляху «Істина» кроку умови, кожен із яких вказує на різні кроки дії нижче. Параметр видалення крайнього правого зв’язку відображається у вигляді значка кошика.

Упорядкування кроків у редакторі робочих процесів

Ви можете перетягувати кроки в редакторі, щоб вручну впорядкувати макет свого робочого процесу. Це полегшує відстеження робочого процесу під час його створення. За замовчуванням кроки з’єднуються один з одним у форматі зверху вниз, але ви можете перетягувати їх у будь-яке місце редактора робочих процесів, не розриваючи зв’язки-стрілки між ними.

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

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

Видалення кроку з робочого процесу

У редакторі робочого процесу можна видалити крок із робочого процесу. Для цього наведіть курсор на потрібний крок і натисніть значок Видалити поруч із ним. Видалення кроку неможливо скасувати.

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

Якщо ви видалите крок, з яким з’єднані інші кроки, ці кроки залишаться в редакторі робочих процесів, але їх буде від’єднано від усіх попередніх кроків. Щоб і далі використовувати від'єднані кроки в робочому процесі, їх потрібно знову з’єднати вручну.

Використання панелі інструментів відображення в редакторі робочого процесу

Зображення значків панелі інструментів відображення в редакторі робочого процесу Shopify Flow.

У нижній частині редактора робочого процесу можна натиснути будь-який із таких значків на панелі інструментів відображення:

  • Використовуйте Зменшити або Збільшити, щоб зменшити або збільшити масштаб робочого процесу.
  • Використовуйте Default view, щоб розмістити робочий процес по центру видимої області редактора в масштабі, за якого відображається весь робочий процес.
  • Натисніть Довідка, щоб відкрити документацію Shopify Flow з довідкового центру в новій вкладці браузера.
  • Натисніть Упорядкувати робочий процес, щоб упорядкувати макет свого робочого процесу.

Використання панелі конфігурації кроків у редакторі робочого процесу

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

Варіанти, які відображаються на панелі конфігурації, безпосередньо залежать від типу кроку, який ви вибрали.

Зображення редактора робочого процесу Shopify Flow із робочим процесом, що виконується. На зображенні вибрано та виділено панель конфігурації для кроку умови.

Додавання або редагування опису кроку

На панелі конфігурації можна редагувати опис будь-якого кроку умови або дії. Натисніть Додати опис або Редагувати опис і введіть опис кроку власними словами. Це допоможе вам і вашому персоналу зрозуміти, що робить робочий процес, на основі вашого власного опису. Можна видалити весь текст у полі опису, щоб скинути опис кроку.

Перевірка кроку на наявність пропущеного контенту конфігурації

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

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

Зображення кроку дії «Додати теги замовлення» в Shopify Flow. На кроці відображається синій банер «Перевірити», а в описі кроку вказано:

Якщо не усунути причину появи банера Перевірити перед спробою активувати робочий процес, крок відображатиметься з помилкою, а робочий процес не активується. Щоб активувати робочий процес, слід усунути в ньому всі помилки конфігурації.

Використання діалогового вікна «Додати змінну»

На панелі конфігурації кроків у деяких полях є опція Додати змінну, яка дозволяє додати змінну до контенту конфігурації. Набори даних, які відображаються в діалоговому вікні Додати змінну, залежать від даних, повернутих будь-яким попереднім кроком у робочому процесі. Наприклад, за замовчуванням діалогове вікно Додати змінну відображається з такими опціями:

  • Рядок пошуку для пошуку змінних за назвою або описом.
  • Набори даних змінних за замовчуванням, повернуті тригером робочого процесу, які зазвичай включають такі опції:
    • Змінні shop, які є глобальними для вашого магазину.
    • Щонайменше 1 інший тип, на основі тригера робочого процесу.

Зображення діалогового вікна «Додати змінну» в Shopify Flow. Як приклад відображається тригер «Створено замовлення» (Order created), а в діалоговому вікні доступні два набори даних: «order» (замовлення) та «shop» (магазин).

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

Зображення діалогового вікна «Додати змінну» в Shopify Flow із додатковими варіантами наборів даних. Відображаються 3 доступні джерела даних: «Виконати код» (Run code), яке повертає дані runCode; «Отримати дані клієнта» (Get customer data), яке повертає дані getCustomerData; «Створено замовлення» (Order created), яке повертає дані order та shop.

Ви можете перейти до певних змінних, натискаючи різні варіанти змінних. Деякі змінні мають вкладені варіанти та знак >, який вказує на наявність підваріантів у шляху API цієї змінної. Коли ви досягаєте кінця шляху API змінної, біля неї більше немає знака >, натомість відображається бейдж типу контенту змінної, наприклад String, Boolean, DateTime або Int, який вказує, який тип інформації повертає ця змінна.