Получение заявок из форм Elementor Добавление массива строк в таблицу Google

Интеграция

Получение заявок из форм Elementor → Добавление массива строк в таблицу Google

В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:

  1. Настройка приёма заявок из форм Elementor Pro: HTTP-источник с URL вебхука, действие Webhook в виджете Form и разбор полей из запроса.
  2. Настройка записи массива строк в Google Таблицы: подключение, лист, списки в столбцах, дубликаты и поведение при разной длине списков.

Отдельные инструкции: источник «Получение заявок из форм Elementor» · действие «Добавление массива строк в таблицу Google»

Не хотите настраивать сами? Сделаем бесплатно

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

Получить бесплатную настройку Или следуйте инструкции ниже

Создание подключений

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

Подключение Google Таблиц

Создание подключения

  1. В меню откройте «Подключения» и нажмите «+».
    Подключение Google Таблиц: В меню откройте «Подключения» и нажмите «+»
  2. Выберите тип «Таблицы Google» и нажмите «Выбрать».
    Подключение Google Таблиц: Выберите тип «Таблицы Google» и нажмите «Выбрать»
  3. Укажите название подключения и нажмите «Подключить».
    Подключение Google Таблиц: Укажите название подключения и нажмите «Подключить»

Авторизация Google

  1. Выберите аккаунт Google, который нужно подключить.
    Подключение Google Таблиц: Выберите аккаунт Google, который нужно подключить
  2. Нажмите «Продолжить».
    Подключение Google Таблиц: Нажмите «Продолжить»
  3. Разрешите приложению доступ к изменению таблиц Google и нажмите «Продолжить».
    Подключение Google Таблиц: Разрешите приложению доступ к изменению таблиц Google и нажмите «Продолжить»

Создайте обработку

В левом меню откройте «Обработки» и нажмите «+».

integrations: В левом меню откройте «Обработки» и нажмите «+»

Источник «Elementor»

Заявки из форм Elementor Pro начнут поступать на URL HTTP-источника. Сохраните источник, скопируйте URL и укажите его в действии Webhook формы.

Выбор типа источника

  1. Отметьте «HTTP» и нажмите «Выбрать».
    Получение заявок из форм Elementor: Отметьте «HTTP» и нажмите «Выбрать»

URL приёма

  1. Не меняя параметры, нажмите «Сохранить».
    Получение заявок из форм Elementor: Не меняя параметры, нажмите «Сохранить»
  2. Откройте вкладку «Источник данных» и скопируйте «URL».
    Получение заявок из форм Elementor: Откройте вкладку «Источник данных» и скопируйте «URL»

Webhook в Elementor

  1. В WordPress откройте страницу с формой и нажмите «Редактировать в Elementor».
  2. Выделите виджет «Form».
  3. На вкладке «Content» в «Actions After Submit» добавьте «Webhook».
  4. Откройте блок «Webhook» и в поле «Webhook URL» вставьте скопированный «URL».
  5. Нажмите «Update» / «Обновить» и откройте опубликованную страницу.
  6. Отправьте тестовую заявку с формы.

Поля из запроса

  1. Отправьте тестовую заявку с сайта.
  2. Откройте вкладку «Источник данных» и нажмите значок редактирования у «Настройки».
    Получение заявок из форм Elementor: Откройте вкладку «Источник данных» и нажмите значок редактирования у «Настройки»
  3. Нажмите «Получить из последнего запроса».
    Получение заявок из форм Elementor: Нажмите «Получить из последнего запроса»
  4. Нажмите «Сохранить».

Если заявка не приходит

  • Проверьте, что на сайте установлен Elementor Pro и у формы есть действие «Webhook».
  • Убедитесь, что страница опубликована и тест отправлен с живой страницы, а не только из редактора.
  • Не удаляйте параметры из «URL» источника.
  • Изменения через другой плагин или API WordPress действие Webhook не вызывают.

Действие «Добавить массив в таблицу Google»

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

Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
actions: Перейдите в обработке во вкладку Действия и нажмите на кнопку Добавить действие

Добавление массива строк в таблицу Google: Исправлен отступ вложенных маркированных списков (4 пробела) в разделе «Дубликаты и длина списков»

Подключение

  1. В поле «Подключение» выберите подключение Google Таблиц.

Таблица и лист

  1. В поле «Таблица» выберите нужную таблицу.
  2. В поле «Лист» выберите лист, в который нужно записать строки.
    Добавление массива строк в таблицу Google: В поле «Лист» выберите лист, в который нужно записать строки

Дубликаты и длина списков

  1. В поле «Обработка дубликатов» выберите режим:
    • «Не проверять на дубликаты» - всегда создавать новые строки;
    • «Не создавать при дубликате» - пропускать совпадения;
    • «Обновить дубликат, иначе создать» - обновить найденную строку или добавить новую;
    • «Только обновить дубликат» - менять только уже существующие строки.
  2. При необходимости включите «Выбирать дубль из последней строки», если совпадений несколько.
  3. В поле «При списках разной длины» выберите, что делать, если списки столбцов разной длины:
    • «Выдавать ошибку» - останавливает обработку, если списки разной длины;
    • «По самому короткому» - запись по самому короткому массиву, "лишние" данные удаляются;
    • «По самому длинному» - запись всех списков без изменений.
      Добавление массива строк в таблицу Google: «По самому длинному» - запись всех списков без изменений

Столбцы

  1. Заполните поля столбцов списками значений или переменными-списками из сценария. Подписи столбцов берутся из первой строки листа.
  2. На каждой позиции списков формируется одна строка таблицы: первый элемент каждого списка - первая строка, второй - вторая и так далее.
  3. Нажмите «Сохранить».

Запустите обработку

  1. В обработку начнут поступать данные из настроенного источника.
  2. По очереди выполнятся все добавленные действия.
  3. Входящие данные, статус и история отобразятся в «Истории операций».

integrations: Входящие данные, статус и история отобразятся в «Истории операций»

Застряли на подключении или полях?

Соберём обработку «Получение заявок из форм Elementor → Добавление массива строк в таблицу Google», проверим тест и запустим.