Получение заявок из форм сайта на Webasyst Shop-Script Добавление ученика в MoyKlass

Интеграция

Получение заявок из форм сайта на Webasyst Shop-Script → Добавление ученика в MoyKlass

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

  1. Настройка приёма заявок с Webasyst Shop-Script: выбор источника по имени, поля формы и установка скрипта «Форма на сайте» в код страниц.
  2. Настройка добавления ученика в MoyKlass через HTTP: получение токена по API-ключу и создание карточки с именем, телефоном и филиалом из сценария.

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

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

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

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

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

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

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

Источник «Webasyst Shop-Script»

Заявки из форм Webasyst Shop-Script начнут поступать после выбора «Webasyst Shop-Script» в списке источников. Укажите поля формы и вставьте скрипт в код сайта.

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

  1. В списке типов источника выберите «Webasyst Shop-Script» и нажмите «Выбрать».

Поля и сохранение

  1. Укажите название источника, добавьте поля формы и при необходимости параметры, затем нажмите «Сохранить».
    Получение заявок из форм сайта на Webasyst Shop-Script: Укажите название источника, добавьте поля формы и нажмите «Сохранить»

Скрипт на сайт

  1. Откройте вкладку «Источник данных», скопируйте «Скрипт» и вставьте его на сайт внутрь тега body.
    Получение заявок из форм сайта на Webasyst Shop-Script: Скопируйте «Скрипт» и вставьте его на сайт внутрь тега body

Установка в Webasyst Shop-Script

  1. В Webasyst откройте тему витрины Shop-Script или блок «Произвольный HTML».
  2. Вставьте скопированный «Скрипт» внутрь тега body на страницах с формами.
  3. Сохраните тему и отправьте тестовую заявку.

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

  • Проверьте, что в списке выбран именно этот сервис, а не общая «Форма на сайте».
  • Скрипт должен стоять в body опубликованной страницы с формой.
  • Названия в блоке «Поля» должны совпадать с атрибутом name у элементов формы.
  • Отправьте тест с живой страницы, а не только из редактора.

Действие «MoyKlass»

В MoyKlass создаётся ученик через два HTTP-запроса: сначала токен по API-ключу, затем карточка с именем, телефоном и филиалом.

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

Получение токена

Действие настраивается через «HTTP-запрос». API-ключ возьмите в настройках MoyKlass.

  1. Выберите «HTTP-запрос» и нажмите «Выбрать».
    Добавление ученика в MoyKlass: Выберите «HTTP-запрос» и нажмите «Выбрать»
  2. В поле «HTTP-метод» выберите POST.
  3. В поле «Адрес» укажите https://api.moyklass.com/v1/company/auth/getToken.
  4. В «Заголовки» добавьте Content-Type со значением application/json.
  5. В поле «Тело» передайте JSON с ключом apiKey и значением API-ключа из MoyKlass.
    Добавление ученика в MoyKlass: В поле «Тело» передайте JSON с ключом apiKey и значением API-ключа из MoyKlass
  6. Нажмите «Сохранить».

Отправка ученика

  1. Добавьте ещё одно действие «HTTP-запрос».
  2. В поле «HTTP-метод» выберите POST.
  3. В поле «Адрес» укажите https://api.moyklass.com/v1/company/users.
  4. В «Заголовки» добавьте Content-Type со значением application/json.
  5. Добавьте заголовок x-access-token. В значении нажмите «Фн», выберите «Парсер JSON» и разберите токен из ответа предыдущего запроса.
    Добавление ученика в MoyKlass: Добавьте заголовок x-access-token. В значении нажмите «Фн», выберите «Парсер JSON» и разберите токен из ответа предыдущего запроса
    Добавление ученика в MoyKlass: Добавьте заголовок x-access-token. В значении нажмите «Фн», выберите «Парсер JSON» и разберите токен из ответа предыдущего запроса
    Добавление ученика в MoyKlass: Добавьте заголовок x-access-token. В значении нажмите «Фн», выберите «Парсер JSON» и разберите токен из ответа предыдущего запроса
  6. В поле «Тело» нажмите «Фн» и выберите «Компоновщик JSON».
    Добавление ученика в MoyKlass: В поле «Тело» нажмите «Фн» и выберите «Компоновщик JSON»
    Добавление ученика в MoyKlass: В поле «Тело» нажмите «Фн» и выберите «Компоновщик JSON»
  7. Передайте name из сценария, filials - номер филиала из справочника MoyKlass, phone - номер без символа +.
  8. Чтобы убрать + у телефона, в значении нажмите «Фн» и выберите «Формат номера телефона».
    Добавление ученика в MoyKlass: Чтобы убрать + у телефона, в значении нажмите «Фн» и выберите «Формат номера телефона»
    Добавление ученика в MoyKlass: Чтобы убрать + у телефона, в значении нажмите «Фн» и выберите «Формат номера телефона»
    Добавление ученика в MoyKlass: Чтобы убрать + у телефона, в значении нажмите «Фн» и выберите «Формат номера телефона»
  9. Нажмите «Сохранить».

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

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

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

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

Соберём обработку «Получение заявок из форм сайта на Webasyst Shop-Script → Добавление ученика в MoyKlass», проверим тест и запустим.