Webflow에 에어테이블 연동해서 대량 데이터 삽입

안녕하세요, 

노코드캠프에서 열심히 Webflow 강의를 수강 중인데요 

웹플로우와 에어테이블(DB)를 어떻게 연동하는 지 복습 겸 포스팅 해보겠습니다 

 

먼저, 에어테이블에서 만든 Field명과

Table을 webflow에서도 동일하게 만들어줘야 합니다 

 

동일하게 Table 및 Field 세팅이 끝났다면

대량의 데이터 파일 import를 위한 플러그인을

설치가 필요합니다 

 

아래 링크에서 다운받을 수 있어요 

https://www.powerimporter.com/

Ready-to-run workflows for Webflow

회원가입을 하면 

노션, 웹플로우, 워드프레스 등의 웹페이지에

데이터베이스를 import할 수 있는 화면이 나와요 

 

Airtable to Webflow sync에서 

'Clone Workflow' 버튼을 누른 후 프로세스를 따라서 진행합니다 

 

웹플로우 API와 Airtable API 연동이 필요합니다 

웹플로우 API는 

Page 세팅에서 Integration 쪽으로 가면 고유한 API를 생성할 수 있습니다 

 

Airtable도 Account쪽으로 가서 

나만의 API를 발급받을 수 있어요 

 

그 다음엔 Airtable data필드와 Webflow에 생성한 data field를 연동합니다 

테이블명과, Data field 명을 똑같이 맞춰주는 작업을

모든 테이블, field 마다 동일하게 합니다 

 

Table과 field를 맞춘 후, Sync 버튼을 누르면 

Airtable 데이터가 webflow로 성공적으로 import됩니다! 

웹플로우 CMS에서 확인해보니, 이미지까지 제대로 다 업로드가 되었네요

Webflow에서 하나씩 데이터 추가하기 어려울 경우

대량의 데이터를 Airtable 통해서 만들어서 

import 하는 방법 추천 드립니다