Webflow를 Zapier로 타사 앱에 연결하기 - Webflow 도움말

Zapier로 Webflow와 1000개 이상의 앱을 연결하세요.

Mr Bird
Mr Bird
@mrbirddev
📄

Zapier를 사용하면 Webflow의 API를 통해 1000개 이상의 앱을 연결하여 다양한 Webflow CMS 및 전자상거래 작업을 자동화할 수 있습니다.

시작하기 전에

아직 Zapier 계정을 만들지 않았다면, Zapier 계정을 생성하세요. Logic의 지원 중단으로 영향을 받는 Webflow 고객이라면 새로운 Zapier 계정에 가입할 때 Zapier의 특별 할인을 받을 수 있습니다.

Zapier의 작동 방식

Zapier에서의 연결은 "Zap"이라고 불립니다. 모든 Zap은 트리거(앱에서의 이벤트)로 시작하여 다른 앱에서 수행되는 작업(자동화)으로 이어집니다.

예시: 트리거 — 새로운 스프레드시트 행이 추가됩니다. 작업 — Zapier가 Webflow에 새로운 CMS 항목을 만듭니다.

Zapier의 작동 방식에 대해 더 알아보기.

Webflow 계정을 Zapier에 연결하는 방법

Webflow 계정을 Zapier에 연결하려면 Zapier의 앱 계정 연결 문서에 나와 있는 단계를 따르세요. Zapier 접근을 특정 사이트 및/또는 작업 공간으로 제한할 수 있습니다.

Zapier는 안전한 연결을 위해 OAuth를 사용합니다. 이미 Webflow 계정에 로그인되어 있다면, 즉시 인증 화면이 표시됩니다.

📄

Zapier는 비밀번호와 같은 계정 정보에 접근할 수 없습니다.

Webflow 양식 제출을 다른 앱으로 보내는 방법

Webflow 양식 데이터를 Zapier로 보내 양식 제출을 수백 개의 앱(Mailchimp, Salesforce, Google Drive 등)으로 라우팅할 수 있습니다.

📄

Zap에 양식을 연결하기 전에 Webflow 양식을 통해 적어도 한 번의 제출을 받아야 합니다. 필요하다면 테스트 제출을 시도해 보세요.

단계:

  1. Zapier에서 Zaps로 이동
  2. Create 클릭
  3. New Zap 선택
  4. Webflow를 Trigger로 선택
  5. Form submission을 이벤트로 선택
  6. Continue 클릭
  7. Webflow 계정 선택
  8. Continue 클릭
  9. 사이트 선택
  10. 폼 선택
  11. Continue 클릭
  12. Test trigger 클릭
  13. Continue with selected record 클릭
  14. 액션 앱 선택 (Mailchimp, Gmail, Slack 등)
  15. Zapier 문서를 따라 액션 설정
  16. Zap 이름을 지정하려면 "연필" 아이콘 클릭
  17. Publish 클릭

Zapier로 폼 파일 업로드 제출 백업하는 방법

Zapier를 사용하여 사이트에서 폼 파일 업로드를 수집하고 온라인 저장소에 저장하세요.

⚠️

이 워크플로우를 위해 업로드된 파일의 로그인 보안을 비활성화해야 합니다: 사이트 설정 > Forms > Restrict uploaded file access (OFF로 전환)

단계:

  1. Zaps로 이동
  2. Create 클릭
  3. New Zap 선택
  4. Webflow를 Trigger로 선택
  5. Form submission을 이벤트로 선택
  6. Continue 클릭
  7. Webflow 계정 선택
  8. Continue 클릭
  9. 사이트 선택
  10. 폼 선택
  11. Continue 클릭
  12. Test trigger 클릭
  13. Continue with selected record 클릭
  14. Google Drive를 액션 앱으로 선택
  15. 이벤트 드롭다운에서 Upload file 추가
  16. Continue 클릭
  17. Google 계정을 Zapier에 연결
  18. (선택 사항) 업로드 폴더 선택
  19. File 필드에서 폼 파일 업로드 필드 선택
  20. (선택 사항) 업로드를 문서로 변환
  21. (선택 사항) 동적 파일 이름 입력
  22. (선택 사항) 파일 확장자 입력
  23. Continue 클릭
  24. Test action 클릭
  25. Zap 이름을 지정하려면 "연필" 클릭
  26. Publish 클릭
📄

더 쉽게 식별할 수 있도록 동적 데이터를 사용하여 파일 이름을 지정하세요.

Zapier로 컬렉션 콘텐츠 가져오는 방법

Zapier를 사용하여 외부 소스에서 Webflow CMS로 콘텐츠를 추가하세요 (예: 새로운 Google Sheet 행이 추가될 때마다 블로그 게시물을 컬렉션에 추가).

📄

CMS 컬렉션("블로그 게시물")을 연결하기 전에 생성하세요. Google Sheet는 컬렉션 구조와 일치해야 합니다. 날짜 형식: 2023-07-28T19:41:52.325Z. 자세한 내용은 API 문서를 참조하세요.

단계:

  1. Zap으로 이동
  2. Create 클릭
  3. New Zap 선택
  4. 트리거로 Google Sheets 선택
  5. 이벤트로 새 스프레드시트 행 또는 업데이트된 행 선택
  6. Continue 클릭
  7. Google 계정을 Zapier에 연결
  8. Continue 클릭
  9. 블로그 게시물 스프레드시트 선택
  10. 워크시트 선택
  11. Continue 클릭
  12. Test trigger 클릭
  13. (선택 사항) 레코드 선택 또는 자동 선택 사용
  14. Continue with selected record 클릭
  15. 액션으로 Webflow 선택
  16. 이벤트 드롭다운에서 Create Item 선택
  17. Continue 클릭
  18. Webflow 계정 선택
  19. Continue 클릭
  20. 사이트 선택
  21. 블로그 게시물 컬렉션 선택
  22. 컬렉션 필드를 스프레드시트 열에 매핑
  23. Archived 및 Draft 상태 설정
  24. Continue 클릭
  25. Test action 클릭
  26. Publish 클릭
📄

이 Zap은 CMS 컬렉션에 콘텐츠만 추가합니다 — 게시물은 자동으로 게시되지 않습니다. 게시하려면 "Create Live item" 액션을 사용하세요.

⚠️

CMS 참조 및 다중 참조 필드를 Zapier 필드에 매핑할 수 없습니다. API를 통해 CMS로 전송된 비디오 링크는 즉시 렌더링되지 않습니다 — Webflow에서 필드를 열고 다시 저장한 후 미리보기가 로드됩니다.

Zapier 문제 해결 방법

Webflow–Zapier 통합에 문제가 있는 경우, Zapier Connections 페이지에서 연결을 문제 해결하세요.

다른 문제가 있는 경우, Zapier의 문제 해결 가이드와 앱 디렉토리 도움말 탭을 확인하여 해결책을 찾으세요.

⚠️

Webflow 지원은 Zapier 또는 타사 통합 문제에 대한 직접 지원을 제공할 수 없습니다. 커뮤니티 도움을 받으려면 Webflow 포럼에 게시하세요.

웹플로우 도움말로 돌아가기