22.04.2025
35

Интеграция Webflow и Notion: автоматический трансфер данных

Юлия Заблоцька
автор ApiX-Drive
Время прочтения: ~9 мин

Если вы используете сервисы Webflow и Notion, прочтите наш гайд. Вы узнаете, как самостоятельно настроить интеграцию между этими системами в no-code режиме. В результате данные по каждой заполненной форме Webflow будут автоматически отправляться в базу Notion.

Содержание:
1. Преимущества внедрения автоматизации
2. Как объединить Webflow и Notion
3. Настройка источника данных – Webflow
4. Настройка приемника данных – Notion
5. Включение автоматического обновления
6. Выводы
***

Преимущества внедрения автоматизации

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

Когда оба инструмента работают в связке, информация из каждой заполненной формы Webflow автоматически передается в Notion, где конвертируется в новые элементы базы данных. Это позволяет избавиться от одной из рутинных задач и использовать рабочее время для более важных процессов.

Интеграция Webflow и Notion | Результат передачи данных в Notion


Вот несколько примеров применения интеграции:

  • Фитнес-студия использует регистрационную форму на сайте для записи потенциальных клиентов на тренировку. Каждый раз, когда пользователь отправляет форму, данные автоматически передаются в Notion. Работники получают информацию оперативно и в удобном формате. Это позволяет быстрее связываться с потенциальными клиентами, посылая им персонализированные предложения по программам обучения, расписанию занятий и разнообразным акциям.
  • Дизайнерское агентство собирает данные от потенциальных клиентов через специальную форму для заказа услуг. Информация автоматически перенаправляется в Notion, что существенно упрощает и ускоряет организацию работы с лидами. Агентство может быстрее обрабатывать заказы и общаться с клиентами, отправляя персонализированные предложения по дизайну интерьера.

Как объединить Webflow и Notion

Чтобы связать платформы Webflow и Notion, вам не нужно быть программистом или учить нюансы API. Не нужно также обращаться за помощью к IТ-специалистам. Наш коннектор ApiX-Drive выполнит все сложные технические работы. Его функциональность позволяет быстро и легко настроить связь между системами. Интерфейс интуитивно понятен, поэтому на весь процесс вы потратите не больше 10-15 минут.

YouTube
Свяжите сервисы между собой без программистов за 5 минут!
Как настроить выгрузку данных по Webhook в виде лидов в Битрикс24?
Как настроить выгрузку данных по Webhook в виде лидов в Битрикс24?
Подключение Wix
Подключение Wix

Сделайте первый шаг прямо сейчас. Зарегистрируйтесь на сайте apix-drive.com. Теперь переходим к самому интересному. Настроим интеграцию и обеспечим автоматический трансфер данных между системами.

Настройка источника данных – Webflow

Создайте новую связь.

Интеграция Webflow и Notion | Создайте новое подключение


Выберите Webflow в качестве источника данных.

Интеграция Webflow и Notion | Выберите Webflow в качестве источника данных


Выберите действие "Get form DATA (new)".

Интеграция Webflow и Notion | Выберите действие «Получить данные формы (новые)»


Добавьте аккаунт Webflow в ApiX-Drive.

Интеграция Webflow и Notion | Подключите свой аккаунт Webflow к ApiX-Drive


Введите учетные данные аккаунта Webflow и нажмите "Log in".

Интеграция Webflow и Notion | Введите данные своего аккаунта Webflow


Предоставьте ApiX-Drive доступ к рабочей области Webflow, нажав "Authorize App".

Интеграция Webflow и Notion | Предоставьте ApiX-Drive доступ к рабочей области Webflow


Когда ваш аккаунт появится в списке активных логинов, выберите его и нажмите "Continue".

Интеграция Webflow и Notion | Выберите подключенную учетную запись


Выберите веб-сайт, с которого будут загружаться данные.

Интеграция Webflow и Notion | Выберите сайт


Вы можете настроить фильтры для входящих данных.

Интеграция Webflow и Notion | Настройка фильтра данных


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

Интеграция Webflow и Notion | Если данные не отображаются, перейдите на сайт Webflow


Отправьте заполненную форму.

Интеграция Webflow и Notion | Заполните форму


Возвратитесь в ApiX-Drive и нажмите "Load test data from Webflow".

Интеграция Webflow и Notion | Нажмите «Загрузить тестовые данные из Webflow»


Когда данные лида будут успешно отображены, нажмите "Continue".

Интеграция Webflow и Notion | Нажмите «Продолжить»


На этом настройка источника данных Webflow завершена.

Настройка приемника данных – Notion

Переходим к следующему этапу.

Интеграция Notion и Webflow | Подключите свой аккаунт Notion к ApiX-Drive


Выберите Notion в качестве приемника данных.

Интеграция Notion и Webflow | Выберите Notion в качестве приемника данных


Выберите действие "Add DATABASE ITEM".

Интеграция Notion и Webflow | Выберите действие «Добавить элемент базы данных»


Подключите аккаунт Notion к ApiX-Drive.

Интеграция Notion и Webflow | Подключите свой аккаунт Notion к ApiX-Drive


Введите логин и пароль.

Интеграция Notion и Webflow | Введите логин своего аккаунта Notion
Интеграция Notion и Webflow | Введите пароль аккаунта Notion


Предоставьте сервису ApiX-Drive доступ к своим базам данных Notion, нажав "Select pages".

Интеграция Notion и Webflow | Предоставьте доступ к базам данных Notion


Вы можете разрешить доступ ко всем базам данных, чтобы работать с ними в будущем. Убедитесь, что все флажки установлены, а затем нажмите "Allow access".

Интеграция Notion и Webflow | Убедитесь, что все флажки установлены


Когда ваш аккаунт Notion появится в списке активных логинов, выберите его и нажмите "Continue".

Интеграция Notion и Webflow | Выберите подключенную учетную запись


Выберите базу данных, в которой будут созданы новые элементы для каждого потенциального клиента из Webflow.

Интеграция Notion и Webflow | Выберите базу данных


Заполните поля Notion переменными из Webflow.

Интеграция Notion и Webflow | Заполните поля в Notion переменными с Webflow


При желании можно добавить текст вручную.

Интеграция Notion и Webflow | Вы можете вручную вводить значение


Заполнив все необходимые поля, нажмите "Edit and continue".

Интеграция Notion и Webflow | Нажмите «Редактировать и продолжить»


Чтобы проверить связь, нажмите "Send test data to Notion".

Интеграция Notion и Webflow | Нажмите «Отправить тестовые данные в Notion»


Проверьте результат в Notion.

Интеграция Notion и Webflow | Проверьте результат в Notion


Чтобы завершить настройки, вернитесь в ApiX-Drive.

Интеграция Notion и Webflow | Вернитесь в ApiX-Drive, чтобы завершить настройки


Включение автоматического обновления

Для автоматизации передачи данных между Webflow и Notion настройте функцию автоматического обновления. Нажмите кнопку "Enable update".

Синхронизация Webflow и Notion | Нажмите кнопку «Включить обновление»


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

Синхронизация Webflow и Notion | Нажмите кнопку шестерни


Выберите нужный интервал для обновления данных. К примеру, каждые 5 минут. Можно также изменить имя соединения и добавить его в определенную группу.

Синхронизация Webflow и Notion | Выберите нужный интервал для обновления данных


Выводы

Благодаря интеграции Webflow и Notion вам больше не нужно вручную переносить данные потенциальных клиентов, каждый раз заниматься экспортом/импортом CSV-файла. Этот процесс полностью автоматизирован. Платформа ApiX-Drive предоставляет готовое решение и берет на себя рутинную работу. А вы можете сосредоточиться на улучшении обслуживания клиентов, реализации новых бизнес-идей и других важных сферах деятельности для дальнейшего роста и развития вашего бизнеса.

***

Читайте также о других интеграциях: