Как интегрировать Gravity Forms с… чем угодно с помощью Zapier

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

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

Для этой статьи вам понадобится следующее: аддон Zapier Gravity Forms, аккаунт Zapier и Google Spreadsheet.

Устанавливаем Zapier Add-on в Gravity Forms

Предполагается, что у вас уже установлен Gravity Forms на вашем сайте WordPress. Если у вас еще не установлен Gravity Forms, можно
получить его здесь.

Получайте все необходимые данные и переходите в настройки Zapier add-on. В вашей административной панели WordPress переходим в Forms » Add-Ons.

gravitforms-addons[1]

Прокручиваем внизу страницы и находим Zapier add-on. Продолжаем и скачиваем плагин аддона. После завершения загрузки плагин необходимо установить и активировать.

zapieraddon[1]

Теперь, когда Zapier add-on активирован, можно оставить его в покое. Остальные этапы настройки будут происходить на Zapier.com или в плагине Gravity Forms.

Настраиваем нашу контактную форму

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

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

contactform[1]

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

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

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

googlespreadsheet[1]

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

Создаем Zap для подключения формы к таблице

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

createzap[1]

На Шаге 2, вам нужно скопировать webhook URL, предоставленный Zapier и вставить его в Gravity Forms. Соответствующее поле для указания Webhook URL в Gravity Forms можно найти в настройках под вашей формой и выбрав вкладку Zapier как на скриншоте ниже.

addtheactionhook[1]

Вставьте webhook URl в настройках формы в Gravity Forms.

zapierwebhook[1]

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

На Шаге 3 вам нужно подключить ваш аккаунт Google Docs. Кликните на «Accept», когда Zapier запросит подключение к Google Docs.

selectaccount[1]

На Шаге 4, Zapier позволит вам добавить собственные фильтры. Мы пропустим пока эти настройки.

На Шаге 5, мы выберем таблицу и лист, которые создали ранее.

selectspreadsheet[1]

Теперь необходимо нажать на маленькую иконку Gravity Forms справа от каждого поля для вставки дефолтного текста Gravity Forms в таблицу гугла, вроде этого:

inserting-form-fields[1]

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

На Шаге 6, мы можем протестировать наш Zap. Если у вас нет тестовых данных, тогда отправьте что-угодно из вашей формы, после чего вернуться в таблицу и обновить данные.

Мы ввели тестовые данные и отправили в свою таблицу.

testyourzap[1]

Как вы видите, все сработало.

testentryinspreadsheet[1]

На Шаге 7, мы зададим название нашему Zap:

nameyourzap[1]

Вот и все. Мы можем нажать на «Make Zap Live» и все отправки формы Gravity Forms будут автоматически «падать» в наш Google Spreadsheet.

Так давайте проверим как это работает!

Zapping из Gravity Forms в Google Spreadsheet Live!

checklivezap[1]

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

formsubmission[1]

После нажатия на кнопку отправки, проверяем нашу таблицу и видим Bart Simpson в следующей строке. Возможно, понадобится несколько секунд для отображения.

zapierspreadsheet[1]

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

Мы надеемся, что эта статья помогла вам подключить Gravity Forms к Google Spreadsheet в частности, и поможет с любыми другими сервисами.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Ник

    А какой код нужно прописать в single.php чтобы Gravity Forms прикреплял фотографии к сообщению из фроненда? Без кода не прикрепляет, фото добавляется только в медиабиблиотеку…

    • ADv

      Вам скорее разработчикам Гравити нужно вопрос адресовать…

Scroll To Top