Интеграция Gravity Forms с различными сервисами с помощью Zapier

Дата публикации:Сентябрь 17, 2013

По умолчанию Gravity Forms интегрируется с многочисленными сервисами. В последнее время разработчики этого плагина решили увеличить список доступных сервисов до 200+ пунктов, что достигается путем интеграции с веб-приложением Zapier. С помощью этого инструмента автоматизации вы можете интегрировать ваши WordPress-формы с такими сервисами, как Salesforce, Google Spreadsheet, Highrise, Basecamp, Google Calendar и т.д.

Возможно, вы помните статью о том, как использовать IFTTT, средство для автоматизации WordPress и социальных медиа. Так вот, Zapier позволяет вам делать те же самые вещи, только с гораздо большим числом веб-приложений. К примеру, вы можете интегрировать Gravity Forms с Google Spreadsheet, используя аддон Zapier. Мы покажем вам, как реализовать это. Для данного руководства мы будем использовать типичную контактную форму, сохраняя все записи формы в Google Spreadsheet.

Для того чтобы повторить все шаги, представленные в этом руководстве, вам понадобятся: лицензия разработчика Gravity Forms, аддон Zapier Gravity Forms, аккаунт в Zapier, а также Google Spreadsheet.

Установка дополнения Zapier к Gravity Forms

Для большей ясности мы предположим, что вы уже установили Gravity Forms на своем сайте WordPress. Если у вас нет Gravity Forms, то приобретите себе этот плагин.

Начиная с этого момента, давайте перейдем к настройкам аддона Zapier. В вашей области администратора WordPress переходим в раздел Forms » Add-Ons.

gravitforms-addons

Прокручиваем в самый низ страницы, где вы сможете найти дополнение Zapier. Начинаем загрузку плагина, который нужно будет впоследствии установить и активировать.

zapieraddon

Теперь, когда вы активировали дополнение Zapier, вы можете оставить его в покое. Все остальные настройки задаются на сайте Zapier.com или в плагине Gravity Forms.

Настройка нашей контактной формы

Первое, что нам нужно сделать – это создать форму, которая вы будем использовать. Вы можете при желании выбрать уже существующую форму. Лучше всего уже заранее иметь созданную форму перед настройкой Zap в Zapier.

Мы будем использовать базовую контактную форму, которая запрашивает имя, фамилию, email, телефон, а также данные «Чем мы вам можем помочь?»

contactform

Теперь, когда у нас есть настроенная форма, мы можем перейти к настройке нашей электронной таблицы.

Настраиваем Google Spreadsheet

Дополнение Zapier требует, чтобы наша таблица Google Spreadsheet была оформлена специальным образом. Первая строка данных должна содержать лейблы для каждого поля Gravity Forms, которое мы желаем добавить в нашу электронную таблицу. Вторая строка должна включать в себя пример требуемых нам данных. Мы создали электронную таблицу, которая выглядит следующим образом:

googlespreadsheet

Теперь, когда у нас есть настроенная электронная таблица, мы можем просто использовать Zapier для присоединения формы к таблице.

Создаем Zap для соединения формы с таблицей

Переходим к Zapier и создаем свой аккаунт. После регистрации вы будете перенаправлены в свою консоль Zapier. Щелкните по кнопке Create a Zap для начала работы. На первом шаге вам нужно будет выбрать Gravity Forms «New Form Submission» в качестве триггера, а также Google Docs «Create Spreadsheet Row» в качестве действия.

createzap

На втором шаге вам нужно копировать URL-адрес веб-хука, предлагаемого Zapier, и вставить его в Gravity Forms. Вы можете найти поле Gravity Forms для добавления URL веб-хука, перейдя к настройкам для вашей формы и выбрав вкладку Zapier.

addtheactionhook

Вставьте URL веб-хука в настройках формы для вашей контактной формы в Gravity Forms.

zapierwebhook

Переходим к следующему шагу.

На третьем шаге вам нужно будет подключить ваш Google Docs аккаунт. Щелкните Accept, когда Zapier предложит соединиться Google Docs.

selectaccount

На четвертом шаге Zapier позволит вам добавить произвольные фильтры. На данный момент мы пропустим этот шаг.

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

selectspreadsheet

Затем мы щелкаем по небольшой иконке Gravity Forms справа от каждого поля для добавления заполнителей Gravity Forms в нашу таблицу Google Spreadsheet:

inserting-form-fields

Если Zapier не сможет получить какое-либо поле Gravity Forms, тогда отправьте какую-нибудь запись в Gravity Form и вернитесь обратно к Zapier.

Как только вы получите все заполненные поля, переходим к шестому шагу.

На шестом шаге мы можем протестировать наш Zap. Если у вас нет тестовых данных, отправьте запись в вашу Gravity Form, вернитесь обратно и обновите демо-данные.

У нас есть образец ввода, который мы можем отправить в нашу электронную таблицу.

testyourzap

Как вы можете видеть, это работает.

testentryinspreadsheet

На седьмом шаге мы дадим нашему Zap название:

nameyourzap

Все! Мы можем щелкнуть Make Zap Live, и все наши отправленные данные будут автоматически переданы в Google Spreadsheet.

Давайте протестируем это вживую.

Живая передача данных от Gravity Forms к Google Spreadsheet

checklivezap

Теперь, когда наш Zap работает, мы можем его протестировать. Переходим к своему веб-сайту и заполняем контактную форму.

formsubmission

Как только мы щелкаем по кнопке Submit, мы можем проверить электронную таблицу. В итоге мы увидим Барта Симпсона в самой нижней строке. Передача данных в таблицу может занять несколько секунд.

zapierspreadsheet

В качестве примера мы показали вам, как соединить Gravity Forms с Google Spreadsheet. Однако вы можете интегрировать и другие приложения к Gravity Forms с помощью Zapier. Основная техника аналогична для большинства веб-сервисов.

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

Источник: wpbeginner.com

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.