Webflow에서 양식 제출로 문서 만들기

웹사이트에서 많은 양식 제출을 받고 계신가요? 고객이나 잠재 고객이 하루에도 여러 번 웹사이트를 통해 문의를 남길 수 있습니다. 이 정보를 선별하여 중요한 데이터를 예를 들어 CRM으로 전송해야 할 수도 있습니다.

이 작업을 간편하게 처리하는 가장 좋은 방법 중 하나가 바로 Webflow와 Parseur를 연동하는 것입니다. 구체적인 방법을 아래에서 확인해보세요!

Webflow란?

Webflow는 코딩 지식 없이도 맞춤형 웹사이트를 쉽게 만들 수 있는 대표적인 노코드 플랫폼입니다. 시각적 에디터를 활용해 요소를 드래그 앤 드롭으로 배치해 디자인할 수 있으며, 다양한 써드파티 도구 및 플랫폼과의 연동 기능도 내장되어 있습니다. 개발자를 따로 고용하지 않고도 전문적인 웹사이트가 필요한 개인이나 기업에 적합한 솔루션입니다.

Webflow는 Shopify, BigCommerce 등 다양한 전자상거래 플랫폼과 통합할 수 있으며, Figma, GitHub 등 디자인 및 개발 툴, WordPress, Drupal 등 인기 콘텐츠 관리 시스템과도 손쉽게 연동됩니다. 이를 통해 웹사이트의 기능을 손쉽게 확장하고 효율적인 관리를 할 수 있습니다.

Webflow 사용의 장점

Webflow의 가장 큰 장점 중 하나는 코드를 작성하지 않아도 반응형, 모바일 최적화 웹사이트를 빠르게 제작할 수 있다는 점입니다. 과거엔 웹사이트 구축에 개발자 의존도가 높았지만, 이제는 소상공인이나 1인 기업도 전문가 수준의 사이트를 손쉽게 만들 수 있습니다.

또한, 직관적인 시각적 에디터 덕분에 드래그 앤 드롭 방식으로 디자인하고, 변경 사항을 바로 확인하면서 빠르게 반복 작업할 수 있습니다.

이외에도, Webflow는 애니메이션 효과 적용, 다양한 플랫폼 연동, 퍼블리싱 및 관리에 필요한 도구까지 제공해 매우 유연하고 강력한 웹사이트 제작 환경을 제공합니다.

왜 Webflow와 Parseur 연동이 필요할까요?

대부분의 웹사이트에는 방문자 문의나 고객 요청을 위한 양식이 존재합니다. 예를 들어, Webflow 기반 온라인 샵에서 많은 고객 메시지를 받을 경우, 고객 정보를 하나씩 수작업으로 CRM에 복사하는 것은 비효율적입니다.

이때 Parseur와의 연동을 통해 이 과정을 자동화할 수 있습니다!

Webflow와 Parseur를 연결하면 웹사이트로 접수된 데이터가 문서 형태로 자동 전송되고, Parseur가 데이터를 추출한 뒤 원하는 애플리케이션으로 자동 전송할 수 있습니다.

Webflow와 Parseur 연동 방법

Parseur는 강력한 PDF 파서와 OCR (광학 문자 인식) 엔진을 제공하는 문서 자동화 솔루션입니다. Parseur를 이용하면 PDF 등에서 데이터 추출이 몇 초 만에 이루어지며, 추출된 데이터를 원하는 시스템으로 쉽고 신속하게 전달할 수 있습니다.

준비물:

• Webflow 계정
• Parseur 계정
• Zapier 계정

1단계: Parseur의 무료 플랜 가입 및 메일박스 생성

Parseur의 모든 기능은 무료 플랜에서도 사용 가능합니다. Parseur 무료 계정 만들기 페이지에서 "Custom (default)" 옵션을 선택해 메일박스를 생성하세요.

2단계: Zapier로 Webflow와 Parseur 연동

Parseur는 Zapier와 기본 연동하여 수천 개의 앱과 자동화할 수 있습니다.

Parseur 대시보드에서 "내보내기" 메뉴를 클릭한 뒤 "Zapier"를 선택하고 Webflow를 검색하세요.

이후 Zapier 대시보드로 이동하여 Zap을 자유롭게 설정할 수 있습니다.

3단계: Zapier에서 Webflow 계정 연결

Webflow 계정에 로그인한 후 기존 사이트 중 하나를 선택하세요.

4단계: 사용할 연락처 양식 선택

Webflow 사이트에 등록된 양식 목록 중 원하는 양식을 선택합니다.

5단계: Zapier에서 Parseur 연동

Parseur 계정에 로그인한 뒤, 데이터를 받을 메일박스를 선택합니다.

6단계: Parseur로 전송할 데이터 맞춤 설정

웹사이트 양식에서 추출할 필드들을 선택한 뒤, Parseur로 보낼 데이터를 자유롭게 구성하세요.

7단계: Zap 테스트 및 문서 생성 확인

테스트용 Zap을 실행해 Parseur 메일박스에 문서가 정상적으로 생성되는지 확인하고 Zap을 활성화하세요.

Parseur 메일박스로 이동하여 데이터가 자동으로 전송됐는지 검증합니다.

이제 문서 데이터로부터 원하는 템플릿을 만들어 다른 애플리케이션에 데이터 전송 등 후속 자동화가 가능합니다.

Parseur에서 템플릿 만드는 방법, Google Sheets로 데이터 보내기 가이드를 함께 참고해보세요.

8단계: 반복 업무 자동화로 시간 절약

이제 반복적이고 수동적인 웹폼 데이터 처리 작업이 자동화되었습니다.

Webflow와 Parseur의 자동화 워크플로우를 구축하면, 웹사이트의 폼 제출 데이터가 Parseur로 자동 전달되고, 실시간으로 추출 및 저장됩니다. 추출된 데이터를 Excel 시트로 내려받아 대량 분석·처리할 수도 있습니다. 별도의 수작업 개입 없이 효율적이고 정확한 데이터 관리가 가능합니다.