Перейти к содержимому
OmniChannels.ai
Меню

Бесплатный инструмент

Шаблоны WhatsApp Flows JSON и предпросмотр

Двенадцать готовых к копированию шаблонов WhatsApp Flow на английском, арабском, французском, испанском, немецком и португальском языках: от сбора заявок и записи на приём до NPS-опросов, чек-листов KYC и регистрации на предложения к Рамадану. Просматривайте каждый экран в рамке телефона, копируйте или скачивайте Flow JSON и проверяйте свой JSON по правилам, описанным в документации Meta.

Бесплатно · без регистрации · работает в вашем браузере

Показать шаблоны для

Сбор лидов

Язык шаблона

Flow JSON (версия 7.3)

{
  "version": "7.3",
  "screens": [
    {
      "id": "CONTACT",
      "title": "Your details",
      "layout": {
        "type": "SingleColumnLayout",
        "children": [
          {
            "type": "TextHeading",
            "text": "Tell us about you"
          },
          {
            "type": "TextBody",
            "text": "It takes less than a minute. We only use these details to reply to your request."
          },
          {
            "type": "TextInput",
            "name": "full_name",
            "label": "Full name",
            "input-type": "text",
            "required": true
          },
          {
            "type": "TextInput",
            "name": "company",
            "label": "Company",
            "input-type": "text",
            "required": false
          },
          {
            "type": "TextInput",
            "name": "email",
            "label": "Email",
            "input-type": "email",
            "required": true
          },
          {
            "type": "TextInput",
            "name": "phone",
            "label": "Mobile number",
            "input-type": "phone",
            "required": true,
            "helper-text": "Include the country code, for example +971"
          },
          {
            "type": "Footer",
            "label": "Continue",
            "on-click-action": {
              "name": "navigate",
              "next": {
                "type": "screen",
                "name": "NEEDS"
              },
              "payload": {}
            }
          }
        ]
      }
    },
    {
      "id": "NEEDS",
      "title": "Your request",
      "terminal": true,
      "success": true,
      "layout": {
        "type": "SingleColumnLayout",
        "children": [
          {
            "type": "RadioButtonsGroup",
            "name": "interest",
            "label": "What are you interested in?",
            "required": true,
            "data-source": [
              {
                "id": "demo",
                "title": "A product demo"
              },
              {
                "id": "pricing",
                "title": "Pricing"
              },
              {
                "id": "partnership",
                "title": "Partnership"
              },
              {
                "id": "other",
                "title": "Something else"
              }
            ]
          },
          {
            "type": "Dropdown",
            "name": "timeline",
            "label": "When do you start?",
            "required": true,
            "data-source": [
              {
                "id": "now",
                "title": "Right away"
              },
              {
                "id": "one_three",
                "title": "In 1 to 3 months"
              },
              {
                "id": "later",
                "title": "Later this year"
              },
              {
                "id": "exploring",
                "title": "Just exploring"
              }
            ]
          },
          {
            "type": "RadioButtonsGroup",
            "name": "call_time",
            "label": "Best time to call",
            "required": false,
            "data-source": [
              {
                "id": "morning",
                "title": "Morning"
              },
              {
                "id": "afternoon",
                "title": "Afternoon"
              },
              {
                "id": "evening",
                "title": "Evening"
              }
            ]
          },
          {
            "type": "TextArea",
            "name": "message",
            "label": "Message",
            "required": false,
            "helper-text": "Anything we should know before we call"
          },
          {
            "type": "OptIn",
            "name": "marketing_opt_in",
            "label": "Send me product news and offers on WhatsApp. I can reply STOP at any time.",
            "required": false
          },
          {
            "type": "Footer",
            "label": "Send request",
            "on-click-action": {
              "name": "complete",
              "payload": {
                "full_name": "${screen.CONTACT.form.full_name}",
                "company": "${screen.CONTACT.form.company}",
                "email": "${screen.CONTACT.form.email}",
                "phone": "${screen.CONTACT.form.phone}",
                "interest": "${form.interest}",
                "timeline": "${form.timeline}",
                "call_time": "${form.call_time}",
                "message": "${form.message}",
                "marketing_opt_in": "${form.marketing_opt_in}"
              }
            }
          }
        ]
      }
    }
  ]
}

Вставьте его в редактор Flow в WhatsApp Manager или загрузите через Flows API. Замените примерный URL политики конфиденциальности на свой. Эти шаблоны работают без эндпоинта данных, поэтому data_api_version и routing_model им не нужны.

Сообщение, открывающее Flow (Cloud API)

{
  "messaging_product": "whatsapp",
  "recipient_type": "individual",
  "to": "<CUSTOMER_PHONE_NUMBER>",
  "type": "interactive",
  "interactive": {
    "type": "flow",
    "header": {
      "type": "text",
      "text": "Talk to our team"
    },
    "body": {
      "text": "Share a few details and the right person will contact you within one business day."
    },
    "action": {
      "name": "flow",
      "parameters": {
        "flow_message_version": "3",
        "flow_token": "<UNIQUE_FLOW_TOKEN>",
        "flow_id": "<FLOW_ID>",
        "flow_cta": "Get in touch",
        "flow_action": "navigate",
        "flow_action_payload": {
          "screen": "CONTACT"
        }
      }
    }
  }
}

Интерактивное сообщение можно отправить только в течение 24-часового окна обслуживания клиента. Чтобы начать диалог самостоятельно, прикрепите Flow к одобренному шаблону сообщения с кнопкой Flow.

Правила WhatsApp Flows, которым следуют эти шаблоны

  • Flow JSON 7.3 — версия, которую Meta рекомендует для публикации новых Flow.
  • Flow без эндпоинта данных требует только version и screens; модель маршрутизации генерирует Meta.
  • Каждый Flow завершается завершающим экраном с Footer, который выполняет действие complete.
  • Ограничения на один экран: 50 компонентов, 1 Footer, 2 встроенные ссылки, 3 изображения и 5 согласий opt-in.
  • Подписи должны быть короткими: 20 символов для текстовых полей и выпадающих списков, 30 для групп радиокнопок и флажков, 35 для кнопки Footer.
  • Идентификаторы экранов содержат только буквы и подчёркивания, а SUCCESS зарезервировано.

Правила сверены с документацией Meta по WhatsApp Flows 2026-10-10.

Мы создаём и размещаем Flow с вашим эндпоинтом данных

Нужны актуальные слоты, цены или данные аккаунта прямо во Flow? Наша команда проектирует экраны, создаёт и размещает зашифрованный эндпоинт данных и подключает ответы к вашей CRM. Свяжитесь с отделом продаж, чтобы получить коммерческое предложение по объёму работ.

Всё, что вы вводите здесь, не отправляется на наши серверы.

Краткий ответ

WhatsApp Flow — это набор экранов внутри чата, описанных в Flow JSON. Простейший корректный Flow содержит версию, например 7.3, и массив screens. У каждого экрана есть id из букв и подчёркиваний, макет SingleColumnLayout с компонентами и одна кнопка Footer. Между экранами переходят с помощью действий navigate, а последний экран помечается как terminal и выполняет complete, который отправляет ответы на ваш вебхук.

Как использовать шаблон WhatsApp Flow

  1. 1

    Выберите шаблон

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

  2. 2

    Просмотрите экраны

    Нажимайте кнопку в предпросмотре телефона и переходите по экранам точно в том порядке, в котором их увидит клиент.

  3. 3

    Скопируйте или скачайте JSON

    Вставьте Flow JSON в редактор Flow в WhatsApp Manager или загрузите его через Flows API, затем опубликуйте.

  4. 4

    Проверьте свои правки

    Вставьте изменённый JSON в валидатор, чтобы найти неработающие маршруты, пропущенные поля и подписи, превышающие лимиты Meta по количеству символов.

Из чего состоит файл WhatsApp Flow JSON

В Flow JSON два обязательных свойства: version и screens. У каждого экрана есть id, необязательный title, который отображается в верхней панели, и макет типа SingleColumnLayout, дочерние элементы которого — компоненты: текст, поля ввода, списки выбора, выбор даты, opt-in и одна кнопка Footer.

Навигация задаётся в действиях. Footer с navigate открывает следующий экран. На последнем экране, помеченном как terminal, Footer с complete закрывает Flow и отправляет данные вашей компании вместе с flow token. Начиная с Flow JSON 4.0 любой экран может читать поля предыдущего экрана через ${screen.SCREEN_ID.form.field}, поэтому в шаблонах payload в navigate остаётся пустым, а все ответы собираются в итоговом payload действия complete.

  • version: версия Flow JSON, во всех шаблонах это "7.3".
  • screens: упорядоченный список экранов; первый экран без входящего маршрута считается стартовым.
  • routing_model и data_api_version: нужны только Flow, которые обращаются к вашему эндпоинту данных.
  • terminal и success: отмечают последний экран и то, считается ли завершение на нём успешным.

Flow с эндпоинтом данных и без него

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

Добавляйте эндпоинт данных, если экран зависит от актуальных данных: свободных слотов для записи, меняющейся цены, остатков на складе или проверки по аккаунту клиента. Тогда экраны используют data_exchange, Flow требует data_api_version и routing_model, а ваш эндпоинт должен расшифровывать каждый запрос и отвечать в пределах тайм-аута Meta. Эту часть мы разрабатываем и размещаем для клиентов.

Лимиты символов и правила компонентов, которые нужно соблюдать

Большинство отклонённых Flow не проходят из-за мелких правил. Подписи короткие: 20 символов для текстового поля, текстовой области или выпадающего списка, 30 для группы радиокнопок или флажков, 40 для выбора даты и 35 для кнопки Footer. Названия вариантов ограничены 30 символами, описания — 300. Заголовки могут занимать 80 символов, основной текст — 4 096.

На одном экране можно использовать до 50 компонентов, один Footer, две встроенные ссылки, три изображения и пять opt-in. Id экрана может содержать только буквы и подчёркивания, а SUCCESS зарезервирован. В арабских подписях считаются символы, а не байты, поэтому арабская подпись из 20 символов допустима. Валидатор проверяет все эти правила и указывает, какой экран нужно исправить.

Арабские Flow и RTL для клиентов в странах Персидского залива (GCC)

У каждого шаблона есть версия на арабском языке с теми же экранами и названиями полей, поэтому код вашего вебхука обрабатывает оба языка без изменений. На телефоне клиента WhatsApp выводит арабские Flow справа налево; предпросмотр показывает то же направление.

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

Как отправить Flow клиентам

После публикации Flow отправьте его как интерактивное сообщение flow, указав Flow ID, сгенерированный вами flow token, короткий текст кнопки и первый экран. Для каждого шаблона библиотека даёт payload сообщения. Интерактивные сообщения работают только в течение 24-часового окна обслуживания клиента; чтобы написать клиентам первыми, прикрепите Flow к одобренному шаблону сообщения с кнопкой Flow.

Когда клиент завершает Flow, WhatsApp показывает ему сводку ответов, а вы получаете полный payload на свой вебхук. Ответьте сообщением с подтверждением, где сказано, что будет дальше и как изменить или отменить запись.

WhatsApp Flows JSON: частые вопросы

Какую версию Flow JSON использовать?

Используйте 7.3 — именно эту версию Meta рекомендовала для публикации новых Flow, когда мы проверяли её журнал изменений. Старые версии, например 5.0, заморожены: Flow на них можно отправлять, но нельзя публиковать.

Нужен ли для этих шаблонов сервер или эндпоинт данных?

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

Как использовать шаблон в WhatsApp Manager?

Создайте Flow в WhatsApp Manager, откройте редактор JSON, замените его содержимое шаблоном, проверьте предпросмотр и опубликуйте. Создать и опубликовать Flow можно и через Flows API.

Можно ли редактировать подписи и варианты ответов?

Да. Меняйте любой текст, добавляйте или удаляйте варианты и поля, затем вставьте JSON в валидатор. Он предупредит, если подпись превышает лимит символов или маршрут ведёт на несуществующий экран.

Почему мой Flow не публикуется?

Частые причины: подпись длиннее лимита, id экрана с цифрами или дефисами, экран terminal без Footer, действие complete на экране, который не является terminal, и data_exchange без data_api_version и модели маршрутизации.

Арабские шаблоны отображаются справа налево?

Да. Они написаны на арабском, и WhatsApp показывает их справа налево. Названия полей и id вариантов остаются на английском, поэтому один и тот же код вебхука работает для обоих языков.

Можно ли собирать через Flow документы, удостоверяющие личность?

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

Этот валидатор — то же самое, что валидатор Meta?

Нет. Он выполняет базовые статические проверки по ошибкам, описанным в документации Meta. Валидатор Meta в WhatsApp Manager дополнительно проверяет выражения и модели данных, поэтому публикуйте Flow только после того, как он не покажет ошибок.

Другие бесплатные инструменты