Вы хотите сделать пользовательскую форму Airtable для вашего сайта WordPress?
Airtable — это инструмент управления данными, который позволяет создавать собственные приложения, управляемые данными. В принципе, вы можете собирать данные с помощью формы на вашем сайте и использовать их для создания электронных таблиц, списка контактов, календарей бронирования и многого другого.
В этой статье мы покажем вам, как создать пользовательскую форму Airtable в WordPress.
Зачем создавать пользовательскую форму Airtable в WordPress?
Airtable — это инструмент управления данными, который позволяет создавать пользовательские приложения, основанные на данных. Вы можете использовать его для лучшей визуализации данных, собранных на вашем сайте с помощью форм WordPress.
Например, вы можете использовать данные контактной формы WordPress в Airtable в качестве инструмента CRM (управление взаимоотношениями с клиентами).
Его также можно использовать для управления лидами, полученными с помощью форм WordPress. Вы также можете использовать его для хранения данных из опросов пользователей на вашем сайте.
В принципе, вы можете использовать данные, собранные из контактных форм WordPress в Airtable, для создания пользовательских приложений, рабочих процессов и инструментов для вашего бизнеса.
Учитывая все вышесказанное, давайте рассмотрим, как легко создать пользовательскую форму Airtable в WordPress.
Создание пользовательской формы Airtable в WordPress
Чтобы создать нашу пользовательскую форму Airtable в WordPress. Сначала мы создадим контактную форму с помощью WPForms.
Это лучший плагин WordPress для построения форм на рынке, который позволяет легко создавать любые формы с помощью простого интерфейса перетаскивания.
После этого мы подключим нашу форму к Airtable с помощью сервиса Zapier.
Zapier работает как мост для соединения двух различных приложений без какого-либо кода. Вы можете использовать его с десятками онлайн-приложений, включая WPForms и Airtable.
Готовый? Давайте приступим.
Создание формы в WPForms
Сначала вам нужно установить и активировать плагин WPForms. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Обратите внимание: чтобы получить доступ к аддону Zapier для WPForms, вам понадобится версия Pro или выше.
После активации перейдите на страницу WPForms » Настройки страница для ввода лицензионного ключа. Вы найдете лицензионный ключ под вашей учетной записью на сайте WPForms.
Далее, вам необходимо посетить страницу WPForms » Добавить новый на странице вашей приборной панели WordPress. Это запустит интерфейс конструктора WPForms.
Мы будем использовать простой шаблон контактной формы с двумя дополнительными полями для «Компании» и «Номера телефона».
После того, как вы настроили форму, вам нужно добавить ее на ваш сайт WordPress. Просто отредактируйте пост или страницу, куда вы хотите добавить форму.
На экране редактирования поста нажмите на кнопку (+), чтобы добавить новый блок. После этого найдите блок WPForms и добавьте его в область контента.
Для получения подробных инструкций смотрите наше пошаговое руководство по созданию контактной формы в WordPress.
После того, как вы добавили форму на свой сайт, перейдите к созданию тестовой записи. Это будет использоваться для настройки и проверки соединения между WPForms и Airtable.
Вот наша тестовая запись, содержащая имя, электронную почту, телефон, название компании и сообщение:
Подготовка к соединению WPForms и Zapier
Мы будем использовать Zapier для создания моста между WPForms и Airtable. Для этого вам необходимо установить и активировать аддон WPForms Zapier.
В вашей приборной панели WordPress, перейдите на страницу WPForms » Аддоны страницу и найдите аддон Zapier. Затем установите и активируйте его.
Теперь вам нужно перейти на страницу WPForms » Настройки » Интеграции страница. Просто нажмите на логотип Zapier здесь, и вы получите ключ API Zapier. Это необходимо для подключения Zapier к вашей учетной записи WPForms.
Скопируйте ключ API в безопасное место или держите эту вкладку открытой, так как он понадобится вам на следующем этапе.
Подготовка к подключению Airtable и Zapier
Теперь вам нужно подготовить Airtable для соединения с WPForms через Zapier. Для этого вам нужен ключ API для Airtable. Это позволит вам соединить Airtable с Zapier.
Просто создайте учетную запись Airtable или войдите в существующую учетную запись. Затем нажмите на кнопку Account в правом верхнем углу. Вы попадете на страницу своего аккаунта, где вам нужно будет нажать кнопку «Сгенерировать API-ключ»
После того, как вы сгенерировали ключ, вам нужно скопировать и вставить его в безопасное место для дальнейшего использования.
Создание Zap для отправки данных из формы вашего сайта в Airtable
Далее, перейдите на сайт Zapier. Здесь вам нужно создать бесплатную учетную запись или войти в существующую учетную запись.
В своей панели Zapier нажмите кнопку ‘Make a Zap’ в левом верхнем углу, чтобы запустить мастер настройки.
Примечание: В Zapier «zap» — это процесс с триггером и действием. Нашим триггером будет человек, заполняющий форму, а нашим действием — создание записи в Airtable.
В верхней части экрана вам нужно дать название вашему zap, а затем вы можете настроить триггер.
Сначала в поле «Выберите приложение и событие» введите в строку поиска «WPForms». После этого просто нажмите на появившуюся иконку WPForms:
Теперь вам будет предложено выбрать триггерное событие. Оставьте значение ‘Ввод новой формы’ и нажмите кнопку Продолжить.
Zapier попросит вас войти в WPForms. Просто нажмите на кнопку ‘Войти в WPForms’ здесь:
Теперь вы должны увидеть всплывающее окно. Вам нужно будет ввести ключ API, который вы нашли ранее, а также URL (доменное имя) вашего сайта:
Как только вы это сделаете, нажмите на кнопку «Да, продолжить», чтобы двигаться дальше.
Далее вам будет предложено выбрать форму, которую вы создали ранее, из выпадающего списка.
Выбрав нужную форму, нажмите на кнопку «Проверить триггер».
Затем вы должны увидеть сообщение о том, что Zapier нашел тестовую запись. Полученные при этом данные будут показаны на экране:
Нажмите кнопку «Продолжить», чтобы продолжить. Теперь вы переходите к части «Действие» Zap, где вам нужно выбрать второе приложение.
Просто введите Airtable в выпадающем списке и выберите его. Затем вы увидите выпадающий список для выбора события действия:
Событие действия — это просто то, что вы хотите, чтобы произошло, когда кто-то заполнит форму на вашем сайте. Здесь вам нужно выбрать «Создать запись»:
Теперь Zapier предложит вам войти в Airtable. Просто нажмите на кнопку ‘Sign into Airtable’, а затем войдите в систему.
Теперь вам нужно ввести API-ключ Airtable, который вы получили ранее:
Теперь вы увидите кнопку «Продолжить. Просто нажмите на это, чтобы продолжить создание Zap.
Далее вам нужно выбрать вашу Базу, что сокращенно означает «база данных». Вам также необходимо выбрать таблицу. Мы собираемся использовать нашу Sales CRM в качестве базы и добавить наши новые контакты в таблицу Contacts:
Теперь вам нужно указать Zapier, какие поля из вашей формы WPForms должны соответствовать столбцам вашей таблицы Airtable.
Для всех применимых полей просто выберите правильное поле, используя тестовые данные:
Как только вы закончите, нажмите кнопку «Продолжить», чтобы продолжить работу. Теперь Zapier предложит вам отправить тестовую запись в Airtable, используя ваши тестовые данные. Вы увидите предварительный просмотр данных.
Нажмите кнопку «Проверить и продолжить». Это отправит данные теста в выбранную вами таблицу в Airtable, создав новую запись:
Теперь вам нужно просто нажать кнопку «Готово редактирование», чтобы завершить создание zap.
Возможно, вы захотите дважды проверить, что запись была правильно добавлена в Airtable. Чтобы сделать это, просто зайдите в свой аккаунт Airtable, откройте базу Sales CRM, затем таблицу Contacts и проверьте тестовые данные.
Если вам нужно что-то изменить, просто вернитесь к шагу «Настроить запись» и измените данные в столбцах таблицы.
Последний шаг — включите ваш Zap, нажав на ползунок в нижней части экрана.
Ваш zap теперь запущен. Все записи формы через подключенную форму будут добавлены в выбранную вами таблицу Airtable.
Надеемся, что эта статья помогла вам узнать, как создать пользовательскую форму Airtable в WordPress. Чтобы продвинуться дальше в развитии вашего бизнеса, ознакомьтесь с нашими руководствами по лучшим телефонным службам для бизнеса и лучшим плагинам для бизнес-сайтов.
Источник: www.wpbeginner.com