Webflow + Brevo 연동

예시 그림 · 샘플 데이터

동기화 예시

레코드 한 건 검토

원본

Webflow

커넥터 상태: 개발 중

대상

Brevo

커넥터 상태: 운영 중

필드 매핑

원본 필드	대상 필드	예시 값
`form.email`	`email`	`[email protected]`
`form.firstName`	`FIRSTNAME`	`Alex`
`form.company`	`COMPANY`	`Example Co`

초안
레코드 한 건 검토
이 버전 승인

상태는 개별 커넥터에 대한 것으로, 이 동기화가 준비됐다는 보장은 아닙니다. 표시된 필드는 예시입니다. 동기화 실행 전에 실제 스키마와 권한을 확인하세요.

Webflow + Brevo

Tajo에는 시험용 Webflow 커넥터와 양식-연락처 규칙 제안이 있습니다. 오프라인 테스트는 매핑을 다루지만 새 Webflow 설치와 프로덕션 동기화는 이번 검토에서 검증되지 않았습니다. 아래 UI, 템플릿, MCP 단계는 실제 검증이 필요한 구현 설계입니다. 양식 제출 자체는 동의가 아닙니다. 제안된 필터는 승인된 옵트인 필드가 있는 제출만 보내지만, 해당 필드와 통제된 실제 실행을 확인하세요.

Webflow 연결하기

작업 공간에서 Webflow 연결을 사용할 수 있다면 Connections의 Connect a source에서 Webflow를 선택하고 Webflow에서 Tajo를 승인하세요. 규칙을 만들기 전에 원본 연결을 확인하세요.

동기화 구축하기

승인된 Webflow 연결과 동의 필드가 있을 때 규칙 빌더는 다음 절차를 따를 수 있습니다. 운영 동기화로 간주하기 전에 미리보기와 통제된 실제 실행을 검증하세요.

Tajo에서 Agents를 열고 Brevo Integration Architect에게 요청합니다. 예: “내 Webflow 사이트의 뉴스레터 가입을 Brevo로 보내 줘.”
에이전트가 Webflow 커넥터를 살펴봅니다. 필드 이름과 유형만 보고, 제출된 값은 보지 않습니다.
필드 맵과 동의 필터가 포함된 규칙을 제안하고, 필드 맵을 검증하고 초안을 드라이 런한 뒤 저장합니다.
Request publish approval을 누르면 미리 보기가 실행됩니다. 최대 10개의 제출을 읽고, Brevo에는 아무것도 기록하지 않으며, 개수만 기록합니다.
사람이 Approvals 페이지에서 바로 그 규칙을 승인합니다. 그러면 규칙을 게시할 수 있습니다.

Webflow form_submissions -> Brevo contacts 템플릿은 코드에 정의되어 있습니다. 승인된 작업 공간에 표시된다면 Connections > Syncs and mappings > New sync from template에서 찾을 수 있습니다. 제안된 매핑은 다음과 같습니다.

Webflow 폼 필드	Brevo
`email`, `Email` 또는 `e-mail`	`email`
`firstName`, `first_name` 또는 `First Name`	`FIRSTNAME`
`lastName`, `last_name` 또는 `Last Name`	`LASTNAME`
`phone`	`PHONE`
제출 ID	`WEBFLOW_SUBMISSION_ID`
사이트 ID	`WEBFLOW_SITE_ID`
제출 날짜	`WEBFLOW_SUBMITTED_AT`

구현은 marketingConsent, marketing_consent, optIn, opt_in, newsletter, subscribe, Subscribe와 같은 후보 필드 이름과 true, yes, on, 1, checked, subscribed 같은 값을 해석합니다. 이름과 값만으로는 동의 증거가 되지 않습니다. 실제 양식의 레이블, 목적, 기록된 선택을 확인하세요. 증거가 없거나 모호하면 마케팅 동기화를 멈추고, 필요한 경우 이중 옵트인을 사용하세요.

설정된 런타임은 기본적으로 15분마다 새 제출을 확인합니다. 규칙을 수정하면 초안으로 돌아가 미리보기와 승인을 다시 거칩니다. 통제된 실제 실행에서 일정, 동의 필터, 대상 쓰기를 확인하세요.

MCP로 사용하는 Webflow

Tajo는 얼리 액세스 계정을 위한 https://alto.tajo.io/mcp/connectors/webflow Webflow MCP 경로를 정의합니다. 코드에는 사이트, 양식, 제출, CMS, 상품, 주문 읽기가 포함됩니다. 인증된 호스트 접근과 현재 도구 목록을 확인하세요. MCP 도구 노출만으로 지속적인 Webflow-Brevo 동기화가 입증되지는 않습니다。

claude mcp add --transport http tajo-webflow https://alto.tajo.io/mcp/connectors/webflow

직접 연결하기

Webflow는 https://mcp.webflow.com/mcp에서 OAuth를 사용하는 공식 MCP 서버를 운영합니다. Claude Code에는 다음 명령으로 추가합니다.

claude mcp add --transport http webflow https://mcp.webflow.com/mcp

Webflow의 MCP 문서를 참고하세요. Brevo MCP 서버에서 설명하는 Brevo의 MCP 서버와 함께 사용하세요. 누군가를 Brevo에 추가하기 전에 옵트인 필드를 직접 확인하세요.