Что такое флоу и зачем он нужен
Эта статья — начало документации по флоу. Читается за пять минут, ничего нажимать не потребуется. Дальше по серии: «Файлы сайта» и «Библиотека запросов» — из чего флоу собирает страницы, затем практика — «Первый флоу за 10 минут» и справочник узлов.
Флоу — это блок-схема, по которой работает ваш сайт
Любая часть сайта на платформе — страница, форма, письмо, вход посетителя — собирается как флоу: схема из карточек и связей между ними. Пришли посетитель — платформа запускает нужную схему, схема решает, что ему показать или куда записать его данные.
Вам не нужно писать код. Вы соединяете карточки: «взять данные», «проверить условие», «показать страницу». Платформа исполняет эту схему на каждом заходе.
Что можно собрать на флоу
- Страницу с данными из CMS — каталог услуг, список мастеров, блог. Узел GraphQL берёт записи, узел «Рендер страницы» рисует их вашим шаблоном.
- Форму с письмом — посетитель оставляет заявку, платформа кладёт её в «Отправки», отправляет письмо вам на почту и показывает страницу «Спасибо».
- Уведомление в Telegram — тот же отзыв о заявке, но в ваш чат.
- Регистрацию и вход участников — закрытые разделы сайта, личные кабинеты. Есть готовые заготовки (пресеты), которые ставятся в один клик.
- JSON-ответ для внешнего сервиса — например, чтобы мобильное приложение или партнёрский робот забирали данные с вашего сайта.
- Перенаправления и запоминание посетителя — редиректы и cookie.
Из чего состоит флоу
Каждая карточка на схеме — узел. Их три вида:
| Узел | Что делает |
|---|---|
| Начало | Точка входа. В каждом флоу ровно одна, появляется сама. Здесь же включается режим «Только для участников» — закрытая часть сайта. |
| Действие | Конкретный шаг: взять данные, показать страницу, отправить письмо… |
| Условие | Развилка: идём по пути «да» или «нет» в зависимости от проверки. |
Карточки соединяют связями. Связь от условия помечена «да» или «нет». Флоу исполняется от «Начала» по связям; узел без исходящей связи просто завершает схему — ветку «нет» можно не рисовать, если в ней нет нужды.
Действий восемь (у каждого своё окно настроек):
| Действие | Одной фразой |
|---|---|
| GraphQL | Взять данные из CMS (запросы к вашим типам контента). |
| Рендер страницы | Нарисовать HTML-страницу вашим шаблоном. |
| JSON-ответ | Ответить не страницей, а JSON-данными. |
| Отправить email | Отправить письмо с вашего почтового сервера. |
| HTTP POST | Передать данные другому сервису (CRM, таблица, робот). |
| Уведомление в Telegram | Бросить сообщение в ваш чат. |
| Установка cookie | Запомнить посетителя (например, залогинить). |
| Редирект | Перенаправить на другой адрес. |
Каждому действию посвящён раздел в статье «Узлы-действия: что умеет каждый».
Где живут флоу
Откройте в админке раздел «Сайт» — вкладка «Флоу». Слева в меню это пункт «Сайт», рядом с «Типами контента». Раздел появляется в меню, когда к проекту подключен плагин «Сайт» (подписка на него оформляется в личном кабинете). В списке видны все флоу проекта: название, адрес на сайте, статус.
У каждого флоу есть свой адрес на сайте — маршрут (например,
/katalog-uslug или /contacts). Маршрут привязывается к флоу
автоматически при создании, а поменять его можно в любой момент в шапке
редактора, в окне «Пути». Подробнее — в статье «Маршруты».
Жизненный цикл: черновик → превью → публикация
Пока вы редактируете флоу, изменения живут в черновике — посетители живого сайта их не видят. Помотреть результат можно на превью (отдельный адрес, который всегда показывает свежую версию). Когда всё устраивает — нажимаете «Опубликовать флоу», и изменения мгновенно попадают на сайт.
Про это подробно написано в статье «Черновик, превью и публикация».
Что дальше
Флоу собирает страницу из двух ингредиентов — шаблона, который рисует HTML, и запроса, который берёт данные из CMS. Сначала осмотрим их — это займёт пару минут, зато дальше всё встанет на места.
Следующая статья: Файлы сайта: шаблоны и статика →