Интеграции с внешними системами через Zapier и Albato
Сервисы Zapier и Albato позволяют интегрировать друг с другом различные сервисы: Google таблицы, Slack, Trello, CRM системы, социальные сети и др.
Кроме приложений, которые уже встроены в Zapier и Albato, есть возможность интегрироваться с сервисами, которые отправляют http-запросы.
В данном разделе мы покажем, как подключить Zapier и Albato к Платформе chatme.ai на примере отправки данных из сообщений Собеседника в Google Sheets и на электронную почту. Таким образом Боты могут собирать заявки, заменяя стандартные низко-конверсионные формы обратной связи.
- Зарегистрируйтесь в Zapier.
- Нажмите кнопку MAKE A ZAP на панели слева.
- Нужно выбрать событие, которое будет триггером для действия. Из раздела Built-In Apps выберите Webhooks by Zapier.
- В поле Choose Trigger Event выберите Catch Hook.
.png?alt=media&token=693cbe9c-c83d-4400-a3c8-d84013492ae1)
- Скопируйте сгенерированный вебхук и нажмите Continue.
- Далее выберите Test and Continue.
- Теперь Zapier ожидает запрос с параметрами, которые будут использоваться. Такой запрос можно отправить любым удобным способом, например, через Postman.
- 1.Выберите POST-запрос и в поле Enter request URL укажите скопированный вебхук.
- 2.На вкладке Headers укажите Content-type: application/json.
- 3.На вкладке Body впишите нужные параметры для отправки в формате JSON. Это могут быть любые параметры, которые можно получить от бота в переменных. Например, если мы сохраняем имя Собеседника и е го отзыв о работе бота в переменных с названиями name и feedback_text, то нужно добавить эти два параметра: name и feedback_text.
%20(1).png?alt=media&token=b56e02ba-ae5e-4a76-9faf-cc80939a6225)
- После отправки запроса в Zapier появится зеленая галочка на первом этапе подключения.
%20(1).png?alt=media&token=181e16b9-b820-4f00-81ee-9efdfb64ff48)
- Теперь нужно выбрать, с каким приложением(-ями) делаем интеграцию. Полный список доступных приложений доступен на главной странице во вкладке Explore на левой панели. Через поиск найдите нужное вам приложение. Для примера выберем Google Sheets.
- В поле Choose Action Event выберите, что конкретно будет происходить в Google таблицах при получении http-запроса. Например, если должна создаваться строка с полученными данными, выберите Create Spreadsheet Row.
%20(1).png?alt=media&token=af4ac741-0301-44ae-a6c1-3e8bb2541cb4)
- Авторизуйтесь в аккаунте выбранного приложения и нажмите Continue.
- В аккаунте Google Drive должна быть создана таблица, в которой будут заполняться строки. В нашем случае требуется складывать в таблицу две переменные name и feedback_text, поэтому она имеет следующий вид:
- В Zapier выберите нужную таблицу и лист в таблице, в котором нужно заполнять строки.
- Теперь можно выбрать, что конкретно будет записываться в таблицу. Названия столбцов таблицы определились автоматически.
- Поля, которые запишутся в таблицу, можно заполнять любым текстом. Для использования полученных ранее параметров нажмите на + справа от поля ввода.
%20(1).png?alt=media&token=f7124f5d-2e72-4e08-85f4-3628ef8a7393)
- Нажмите Continue, затем Test and Continue.
- Зайдите в таблицу для проверки записи первого запроса.
- Завершите настройку в Zapier, нажав Done Editing и включив интеграцию по переключателю on/off.
- Теперь, воспользовавшись функционалом внешних запросов Платформы chatme.ai, мо жем отправлять данные в таблицу, используя те же данные, по которым отправляли запрос в Postman.
- Зарегистрируйтесь в Albato.
- Выберите Webhooks из выпадающего меню Подключения.
- Нажмите Добавить подключение.
%20(1).png?alt=media&token=802b0ce4-4b5d-4812-9be2-e94d8b5f29e9)
- Задайте любое удобное имя подключения и выберите Json в Content-Type. Нажмите Сохранить.
%20(1).png?alt=media&token=926972db-04ab-4235-981b-4687519d477c)
- Нажмите на иконку карандаша справа от созданного подключения.
- Внизу страницы скопируйте сгенерированный вебхук и нажмите Ожидать веб-хук.
- Далее отправьте запрос с нужными параметрами на скопированный url (см. Подключение Zapier выше). Ответ от Albato может быть пустым.
%20(1).png?alt=media&token=ec27d4e5-9d46-4726-bdaa-3eb017ae4a87)
- После того как запрос дойдет до Albato, вы увидите, какие данные получил сервис. Самыми верхними идут переданные нами параметры. Закройте зеленое окно.
%20(1).png?alt=media&token=abe7b632-c496-4554-9262-330b5d6f5078)
- В поле Параметры webhook укажите передаваемые параметры, по одному в строке.
%20(1).png?alt=media&token=8c836a34-38a5-42d4-a89c-406061ab5f20)
- Сохраните подключение.
- Д алее нужно выбрать, с каким приложением интегрировать Albato. Найдите нужное приложение в выпадающем меню Подключения. Для примера подключим Электронная почта (SMTP).
- Выберите почтового провайдера, с аккаунта которого будут отправляться письма. В случае Gmail нужно разрешить доступ ненадежным приложениям в настройках аккаунта Google. Для примера используем Яндекс.Почту.
%20(1).png?alt=media&token=ff136538-0fdf-42ba-9e26-6248eacdbec6)
- Укажите данные аккаунта Яндекс.Почты в последних двух полях.
%20(1).png?alt=media&token=617e2e03-b27b-4771-bcd5-db07c0e9b738)
- Нажмите Сохранить.
- Зайдите в панель настройки связок, нажав Мои связки на верхней панели сайта.
- Нажмите Добавить связку.
- Выберите Webhooks в поле Получать данные из и Электронная почта в поле Отправлять данные в. Нажмите Далее.
%20(1).png?alt=media&token=ceb0ae0b-17c2-4de3-9786-1fea9bd0cf74)
- В поле Кому укажите email, на который будут отправляться письма. В остальных полях можно написать любой текст. Для того чтобы использовать полученные ранее параметры, нажмите Webhooks и найдите их в списке. В нашем случае – это name и feedback_text.
%20(1).png?alt=media&token=262d1eb5-0f5a-46b2-aca3-16173fca2fdc)
- Пример заполнения полей при отправке на email:
%20(1).png?alt=media&token=607eb9b8-5460-46db-b8b5-1f86027a2671)
- Нажмите Далее.
- Зайдите в настройки шага №3 Отправка ответа.
%20(1).png?alt=media&token=027679c1-4a15-4e9f-8c1d-e104342b8b35)
- В поле Заголовок Content-type через кнопку Webhooks добавьте полученный заголовок content-type. Нажмите Сохранить.
%20(1).png?alt=media&token=5b29b096-0a6b-416f-803c-885329d59bb7)
- Нажмите Запустить связку в верхней части страницы.
%20(1).png?alt=media&token=8a8b8bb2-19be-45a9-8fb4-b9cfb77b43cf)
- После успешного запуска связки можно сделать проверку повторным запросом через Postman или сразу подключить внешний запрос через вкладку External Requests и слот External request на Платформе chatme.ai. При проверке через Postman мы получим в ответ json с ошибкой, но, проверив почту, увидим, что письмо пришло.