Интеграция
Получение заявок с сайта на Webflow → Добавление строки в таблицу Google
В этой инструкции настроим связку Webflow → Google Sheets: получение заявок с сайта на Webflow, запись строк в таблицу Google. Ниже — шаги по порядку, с примерами.
Отдельные инструкции: источник «Получение заявок с сайта на Webflow» · действие «Добавление строки в таблицу Google»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создание подключений
Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.
Подключение Google Таблиц
Создание подключения
- В меню откройте «Подключения» и нажмите «+».
- Выберите тип «Таблицы Google» и нажмите «Выбрать».
- Укажите название подключения и нажмите «Подключить».
Авторизация Google
- Выберите аккаунт Google, который нужно подключить.
- Нажмите «Продолжить».
- Разрешите приложению доступ к изменению таблиц Google и нажмите «Продолжить».
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «webflow»
Заявки из webflow начнут поступать после выбора «webflow» в списке источников. Сохраните источник, скопируйте URL и укажите его в Site settings → Apps & Integrations → Webhooks.
Выбор типа источника
- В списке типов источника выберите «webflow» и нажмите «Выбрать».
URL приёма
- Не меняя параметры, нажмите «Сохранить».
- Откройте вкладку «Источник данных» и скопируйте «URL».
Webhook в Webflow
- В «Dashboard» наведите курсор на сайт и откройте настройки.
В «Dashboard» откройте настройки сайта
- Откройте «Apps & Integrations».
Откройте «Apps & Integrations»
- Откройте «Webhooks» и нажмите «Add webhook».
Откройте «Webhooks» и нажмите «Add webhook»
- Вставьте скопированный «URL», выберите событие отправки формы и нажмите «Add webhook».
Вставьте скопированный «URL» и нажмите «Add webhook»
Парсер JSON
- Если образца JSON нет, отправьте тестовую заявку. Откройте вкладку «Экземпляры данных», откройте нужную строку и скопируйте значение, например из «Тело (строка)».
- Добавьте действие «Парсер JSON» и нажмите «Выбрать».
- В поле «JSON» нажмите значок выбора переменной и выберите поле с JSON, например «Источник данных Тело (строка)».
- Вставьте скопированный образец в поле «Пример».
- Нажмите «Сохранить» под полем «Пример».
- Кликами отметьте нужные элементы, чтобы собрать список «Поля».
- Проверьте «Название» полей и дополнительные настройки: «Тип», «Путь».
- Нажмите «Сохранить».
Полная настройка действия: Парсер JSON.
Если заявка не приходит
- Проверьте, что в списке выбран именно этот сервис, а не общий «HTTP».
- Скопированный «URL» вставьте целиком, параметры из него не удаляйте.
- Сохраните настройки в стороннем сервисе и отправьте тест с опубликованной страницы.
- Убедитесь, что метод запроса POST и формат данных совпадает с выбранным в инструкции.
Действие «Добавить строку в таблицу Google»
В выбранный лист Google Таблиц добавляется новая строка. Выберите подключение, таблицу и лист, затем заполните столбцы данными сценария.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Выбор действия
- В списке действий выберите «Добавить строку в таблицу Google» и нажмите «Выбрать».
Подключение
- В поле «Подключение» выберите подключение Google Таблиц.
Таблица и лист
- В поле «Таблица» выберите таблицу или вставьте ссылку на неё.
- В поле «Лист» выберите лист, в который нужно добавить строку.
- При необходимости настройте «Обработка дубликатов» и «Выбирать дубль из последней строки».
Столбцы
- Заполните поля столбцов значениями или переменными из сценария. Подписи столбцов берутся из первой строки листа.
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок с сайта на Webflow → Добавление строки в таблицу Google», проверим тест и запустим.