Zapier를 통해 Webflow를 외부 애플리케이션에 연결

스마트 팁: 또한 Logic을 사용하여 작업을 자동화하고 Webflow와 외부 애플리케이션을 통합할 수도 있습니다.

Zapier를 사용하면 Webflow API로 1000개 이상의 애플리케이션을 연결할 수 있습니다. Webflow 계정이 Zapier에 연결되면 Webflow에서 CMS 및 전자상거래와 관련된 다양한 작업을 자동화할 수 있습니다. 웹사이트에서 양식 제출, 새 주문 또는 업데이트된 주문을 받은 후 트리거되는 Zapier 작업을 생성할 수도 있습니다.

시작하기 전에: 아직 그렇게 하지 않으셨다면, Zapier 계정 등록.

이 가이드에서는 다음 내용을 이해하게 됩니다.

Zapier의 기능
Webflow 계정과 Zapier 간의 연결을 설정하는 방법
Webflow 양식 제출을 다른 응용 프로그램으로 전달하는 방법
Zapier를 사용하여 양식 파일 업로드 백업을 만드는 방법
Zapier를 사용하여 컬렉션에서 콘텐츠를 가져오는 방법
Zapier 관련 문제를 해결하는 방법

Zapier의 작동 이해

Zapier에서는 연결을 "Zap"이라고 합니다. 각 Zap은 애플리케이션의 이벤트를 나타내는 Trigger로 시작하고 다른 애플리케이션에서 Zapier가 수행하는 자동화된 작업인 Action이 뒤따릅니다.

예를 들어, 스프레드시트를 통해 CMS에서 항목을 가져오려는 경우 Zap 트리거는 "새 행이 스프레드시트에 추가될 때마다..."이고 후속 작업은 "Zapier가 Webflow에서 새 CMS 항목을 생성합니다."일 수 있습니다.

Zapier의 기능에 대해 자세히 알아보세요..

Webflow 계정과 Zapier 간의 링크 설정

Webflow 계정을 Zapier에 연결하려면, 앱 계정 연결에 대한 Zapier의 documentation에 설명된 단계를 따르세요.. 특정 웹사이트 및/또는 작업 공간에 대한 Zapier의 액세스를 제한할 수 있는 옵션이 있습니다.

OAuth는 Zapier에서 Webflow 계정과 상호 작용하는 데 사용됩니다. Zapier 통합 중에 이미 Webflow 계정에 로그인한 경우 비밀번호를 다시 입력할 필요가 없으며 Webflow에서 즉시 인증 화면이 표시됩니다.

Zapier는 비밀번호를 포함한 귀하의 계정 세부정보에 액세스할 수 없습니다.

Webflow 양식 제출을 다른 애플리케이션으로 전송

Webflow 양식 데이터를 Zapier에 연결하면 양식 제출을 Mailchimp, Salesforce, Google Drive 등과 같은 다양한 애플리케이션에 효율적으로 전달할 수 있습니다.

‍주목: 양식을 Zap에 성공적으로 연결하려면 Webflow 양식을 통해 하나 이상의 양식 제출을 받아야 합니다.

Zapier를 통해 양식 제출을 다른 애플리케이션으로 전달하려면 다음 단계를 따르세요.

방문하다 당신의 Zap
누르다 만들다
선택하다 새로운 Zap
선택하다 Webflow 당신의 방아쇠
선택하다 양식 제출 ~로부터 이벤트 쓰러지 다
딸깍 하는 소리 계속하다
Webflow 계정을 선택하세요
딸깍 하는 소리 계속하다
다음에서 사이트를 선택하세요. 사이트 이름 쓰러지 다
다음에서 양식을 선택하세요. 양식 이름 쓰러지 다
딸깍 하는 소리 계속하다
누르다 테스트 트리거
선택하다 선택한 레코드로 계속
작업 앱(예: Mailchimp, Gmail, Slack 등)을 선택하세요.
Zapier의 documentation을 참조하세요. Zap의 작업 구성
“를 클릭하세요.연필" 아이콘을 클릭하여 Zap에 이름을 지정하세요.
누르다 게시

Zapier를 사용하여 양식 파일 업로드 백업 생성

Zapier를 사용하면 웹사이트 양식에서 양식 파일 업로드를 수집하고 이를 온라인 저장 시스템에 직접 저장할 수 있습니다.

중요한: 이 Zapier 워크플로를 효과적으로 구현하려면 업로드된 파일에 대한 로그인 보안을 비활성화해야 합니다. 방문하다 사이트 설정 > 양식 탭 > 업로드된 파일 액세스 제한 '에서 설정을 전환합니다.로그인이 필요합니다" 에게 "로그인이 필요하지 않습니다.”

이 예에서는 양식 파일 업로드를 Google 드라이브로 보내는 방법을 보여줍니다.

로 이동 당신의 Zap
딸깍 하는 소리 만들다
선택하다 새로운 Zap
선택하다 Webflow 당신의 방아쇠
선택하다 양식 제출 ~로부터 이벤트 쓰러지 다
딸깍 하는 소리 계속하다
Webflow 계정을 선택하세요
딸깍 하는 소리 계속하다
다음에서 사이트를 선택하세요. 사이트 이름 쓰러지 다
다음에서 양식을 선택하세요. 양식 이름 쓰러지 다
딸깍 하는 소리 계속하다
누르다 테스트 트리거
선택하다 선택한 레코드로 계속
액션 앱으로 Google 드라이브를 선택하세요
통합 파일 업로드 의 이벤트 이벤트 쓰러지 다
딸깍 하는 소리 계속하다
Google 계정을 Zapier에 연결하세요 (아직 하지 않았다면)
(선택사항) Zapier가 파일을 업로드할 폴더를 지정합니다.
다음에서 Webflow 양식 파일 업로드 필드를 선택하세요. 파일 필드
(선택 사항) 양식 파일 업로드를 documents로 변환하려는 경우 Express
(선택 사항) 양식 파일 업로드 이름을 지정합니다. 파일 이름 필드. 동적 이름(즉, 양식 필드의 데이터에 따라 달라지는 이름)을 설정하기 위해 양식 필드를 선택할 수 있습니다.
(선택사항) 파일 확장자 필드
딸깍 하는 소리 계속하다
누르다 테스트 동작
“를 클릭하세요.연필" 아이콘을 클릭하여 Zap에 이름을 제공하세요.
누르다 게시

스마트 팁: 파일을 쉽게 식별할 수 있도록 양식의 동적 데이터를 사용하여 Zap 템플릿에 파일 이름을 지정하는 것이 좋습니다.

Zapier를 사용하여 컬렉션에서 콘텐츠 가져오기

Zapier에서 링크를 구성하여 외부 원본에서 Webflow CMS에 콘텐츠를 보완할 수 있습니다. 이 시나리오에서는 Google 시트에 새 행이 추가될 때마다 컬렉션에 새 블로그 게시물을 첨부하는 방법을 제시합니다.

기억하다: Zapier 연결을 위해 CMS 컬렉션(예: "블로그 게시물")을 설정했는지 확인하세요. CMS는 또한 컬렉션 정렬을 안내하는 블로그 게시물 템플릿을 수용합니다. 또한 컬렉션의 구조를 반영하는 Google 시트를 구성해야 합니다(예: 스프레드시트는 모든 컬렉션 필드에 해당하는 열을 보유해야 합니다). 특정 분야의 경우 당사를 참조해야 할 수도 있습니다. CMS API 1TP32조정 형식 지침을 확인하세요. 예를 들어 날짜는 2023-07-28T19:41:52.325Z 형식을 채택해야 합니다. 그만큼

첫 번째 섹션은 달력 날짜를 나타내고 다음 섹션은 시간을 나타냅니다.

스프레드시트에 새 행이 삽입될 때마다 블로그 게시물 컬렉션에 새로운 항목을 추가하는 Zap을 생성하려면 다음을 수행하세요.

로 이동 당신의 Zap
탭하세요 만들다
선택하다 새로운 Zap
선택하다 Google 시트 당신의 방아쇠
선택하다 신규 또는 업데이트된 스프레드시트 행 ~로부터 이벤트 쓰러지 다
때리다 계속하다
Google 계정과 Zapier 간의 연결 설정 (이전에 수행하지 않은 경우)
딸깍 하는 소리 계속하다
다음에서 블로그 게시물 스프레드시트를 선택하세요. 스프레드시트 쓰러지 다
다음에서 워크시트(예: Google 시트의 워크시트 탭)를 선택합니다. 워크시트 쓰러지 다
딸깍 하는 소리 계속하다
누르다 테스트 트리거
(선택사항) 스프레드시트에서 레코드를 선택합니다. 이 단계를 건너뛰면 Zapier가 자동으로 하나를 선택합니다.
수도꼭지 선택한 레코드로 계속
선택하다 Webflow 당신의 행동
선택하다 아이템 생성 ~로부터 이벤트 쓰러지 다
딸깍 하는 소리 계속하다
Webflow 계정을 선택하세요
딸깍 하는 소리 계속하다
다음에서 사이트를 선택하세요. 대지 쓰러지 다
다음에서 블로그 게시물 컬렉션을 선택하세요. 수집 쓰러지 다
Zapier의 컬렉션 필드를 블로그 게시물 스프레드시트의 열과 연결하세요.
게시물을 보관할지 여부를 지정하세요(예: 거짓 또는 진실)에서 보관됨 쓰러지 다
게시물을 초안으로 설정할지 여부를 지정하세요(예: 거짓 또는 진실)에서 초안 쓰러지 다
딸깍 하는 소리 계속하다
누르다 테스트 동작
때리다 게시

노타 베네: 이 Zap은 CMS에서 생성한 블로그 게시물을 게시하지 않습니다. 단지 후속 검토 및 게시를 위해 CMS 컬렉션의 콘텐츠를 보완할 뿐입니다. 콘텐츠를 게시하려면 다음을 활용하여 Zap을 구성할 수 있습니다. 라이브 항목 만들기 명령.

알 필요가있다: 현재는 CMS 참조 및 다중 참조 필드를 Zapier 필드에 매핑할 수 없습니다. 또한 API(Zapier 포함)를 통해 CMS로 전송된 모든 비디오 링크는 즉시 렌더링되지 않습니다. 새 컬렉션 항목에 액세스하고 비디오 필드에 들어간 후 종료해야 합니다. 그렇게 하면 비디오 미리보기가 예상대로 로드됩니다. 우리 팀은 이러한 한계를 인정하고 향후 이러한 상호 작용을 강화하기 위한 전략을 세우고 있습니다.

Zapier 문제를 처리하는 방법

Zapier의 다양한 애플리케이션을 고려할 때 Zap이 올바르게 작동하도록 문제를 해결하려면 실험이 필요할 수 있습니다.

Webflow와 Zapier 통합에 문제가 있는 경우 다음에서 연결 설정을 수정할 수 있습니다. Zapier 연결 페이지. 여기에서 기존 Webflow 계정과의 연결을 분석하고, 이름을 바꾸거나, 다시 설정하거나, 연결을 끊을 수 있습니다. 필요한 경우 새 Webflow 계정을 연결할 수도 있습니다. Zapier에서 계정을 연결하고 삭제하는 방법에 대해 자세히 알아보세요..

Zapier 또는 Zaps와 관련하여 다른 문제가 있는 경우 다음을 참조하세요. Zapier의 문제 해결 매뉴얼. 앱과 관련된 일반적인 문제에 대한 해결 방법을 보려면 다음을 방문하세요. Zapier의 앱 디렉토리, 문제가 있는 앱을 찾고 도움말 섹션에서 해결 방법을 찾아보세요.

비판적인: Zapier 또는 기타 제3자 통합 문제는 고객 지원 정책의 범위를 벗어나므로 지원팀에서는 직접적으로 도움을 드릴 수 없습니다. Zapier 통합과 관련하여 문제가 발생하는 경우 다음을 통해 친절하게 알려주십시오. Webflow 포럼, 전체 Webflow 커뮤니티(직원 포함)가 추가 지원과 자원을 확장할 수 있습니다.

에 대한
최근 게시물

이완 막

Webflow 전문가 ~에 Tenten

4년 이상의 경험을 갖춘 Webflow 전문가이자 프론트엔드 개발자입니다. 저는 뛰어난 Webflow 경험을 만들기 위해 다재다능한 기술 세트(HTML, CSS, JS, Figma, Adobe)를 가져옵니다. 70개 이상의 프로젝트를 통해 맞춤형 코드와 시각적 개발을 원활하게 혼합하는 능력을 연마했습니다. 체계적이고 마감일을 준수하며 성장에 대한 열정을 갖고 있는 저는 역동적인 환경에서 탁월한 능력을 발휘합니다. 경계를 넓혀 놀라운 것을 만들어 봅시다.

Ewan Mak의 최신 게시물 (모두 보기)

Workspace 스팟 및 멤버 포함 또는 제거 - 2024년 4월 15일
센터링 상자 요약 - 2024년 4월 15일
나중에 참조할 수 있도록 사이트 저장 - 2024년 4월 15일