Интеграция
Получение заявок из форм сайта на Hostinger Website Builder → Извлечение полей из JSON
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок с Hostinger Website Builder: выбор источника по имени, поля формы и установка скрипта «Форма на сайте» в код страниц.
- Извлечение полей из JSON: скопируйте образец из экземпляра данных, выберите переменную, вставьте пример, отметьте нужные поля и проверьте их названия.
Отдельные инструкции: источник «Получение заявок из форм сайта на Hostinger Website Builder» · действие «Извлечение полей из JSON»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «Hostinger Website Builder»
Заявки из форм Hostinger Website Builder начнут поступать после выбора «Hostinger Website Builder» в списке источников. Укажите поля формы и вставьте скрипт в код сайта.
Выбор типа источника
- В списке типов источника выберите «Hostinger Website Builder» и нажмите «Выбрать».
Поля и сохранение
- Укажите название источника, добавьте поля формы и при необходимости параметры, затем нажмите «Сохранить».
Скрипт на сайт
- Откройте вкладку «Источник данных», скопируйте «Скрипт» и вставьте его на сайт внутрь тега body.
Установка в Hostinger Website Builder
- В Hostinger Website Builder откройте сайт и блок вставки кода / HTML.
- Вставьте скопированный «Скрипт» на страницы с формами.
- Опубликуйте сайт и отправьте тестовую заявку.
Если заявка не приходит
- Проверьте, что в списке выбран именно этот сервис, а не общая «Форма на сайте».
- Скрипт должен стоять в body опубликованной страницы с формой.
- Названия в блоке «Поля» должны совпадать с атрибутом name у элементов формы.
- Отправьте тест с живой страницы, а не только из редактора.
Действие «Парсер JSON»
Разбирает JSON из переменной сценария и создаёт отдельные поля для следующих действий. Если образца нет, отправьте тест и скопируйте JSON из экземпляра данных. Затем выберите поле, вставьте пример, отметьте нужные поля и сохраните.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Для чего нужен
Действие «Парсер JSON» достаёт отдельные значения из JSON и делает их доступными как поля сценария. Так удобно работать с вложенными данными из вебхуков и форм.
Как настроить
- Если образца JSON нет, отправьте тестовую заявку. Откройте вкладку «Экземпляры данных», откройте нужную строку и скопируйте значение, например из «Тело (строка)».
- Добавьте действие «Парсер JSON» и нажмите «Выбрать».
- В поле «JSON» нажмите значок выбора переменной и выберите поле с JSON, например «Источник данных Тело (строка)».
- Вставьте скопированный образец в поле «Пример».
- Нажмите «Сохранить» под полем «Пример».
- Кликами отметьте нужные элементы, чтобы собрать список «Поля».
- Проверьте «Название» полей и дополнительные настройки: «Тип», «Путь». При необходимости включите «Пустой JSON», чтобы при ошибке разбора использовать пустой объект.
- Нажмите «Сохранить».
Когда использовать
Используйте, когда источник отдаёт JSON одной строкой или объектом, а дальше нужны отдельные поля: имя, телефон, ответы квиза и другие значения.
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из форм сайта на Hostinger Website Builder → Извлечение полей из JSON», проверим тест и запустим.