Tajo 사전 이용 신청

이름과 이메일 주소 또는 전화번호를 입력해 주세요. Tajo 이용 방법을 안내해 드립니다.

Webflow + Brevo 연동

Webflow + Brevo

MCP를 통해 Webflow의 사이트 데이터를 Brevo 인게이지먼트 플랫폼에 연결합니다. 폼 리드를 수집하고, 방문자 행동을 추적하고, 잠재 고객을 육성하고, 멀티채널 캠페인을 트리거하는 모든 과정을 Claude의 AI 에이전트가 오케스트레이션합니다.

사용하는 MCP 서버

서버패키지/URL인증용도
Webflow MCPwebflow/mcp-serverOAuth사이트, 폼, 폼 제출, CMS 컬렉션, 페이지 애널리틱스
Brevo MCPmcp.brevo.com/v1/brevo/mcp토큰연락처, 이메일 캠페인, SMS, WhatsApp, 이벤트 추적

Tip

Webflow MCP 서버는 폼 제출, CMS 데이터, 사이트 메타데이터를 노출합니다. Brevo MCP와 함께 사용하면 폼이 작성될 때마다 세그먼트가 지정된 연락처가 만들어지고 자동 육성 시퀀스가 이어집니다.

설정

1단계: 두 MCP 서버 연결

Claude Desktop 또는 Claude Code 설정에 다음을 추가합니다.

{
"mcpServers": {
"brevo": {
"command": "npx",
"args": [
"mcp-remote",
"https://mcp.brevo.com/v1/brevo/mcp",
"--header",
"Authorization: Bearer ${BREVO_MCP_TOKEN}"
],
"env": {
"BREVO_MCP_TOKEN": "your-brevo-mcp-token"
}
},
"webflow": {
"command": "npx",
"args": ["-y", "webflow/mcp-server"],
"env": {
"WEBFLOW_TOKEN": "your-webflow-api-token"
}
}
}
}

2단계: 연결 확인

Claude에게 다음과 같이 질문해 보세요.

> What forms exist on my Webflow site?
> How many contacts do I have in Brevo?

Claude는 첫 번째 질문에 Webflow MCP를, 두 번째 질문에 Brevo MCP를 사용해야 합니다.

활용 사례 1: 폼 리드 수집 에이전트

Webflow 폼 제출을 소스 추적 정보와 함께 Brevo 연락처로 동기화합니다.

---
name: webflow-lead-capture
description: Sync Webflow form submissions to Brevo contacts with lead scoring
version: 1.0.0
temperature: 0.1
tools:
- webflow
- brevo_contacts
- brevo_attributes
- brevo_lists
triggers:
- event: form_submission
- schedule: "*/15 * * * *"
---
# Webflow Lead Capture Agent
Capture every Webflow form submission and create enriched Brevo contacts.
## Strategy
1. Poll Webflow for new form submissions since last sync
2. For each submission, create or update Brevo contact with:
- Email, name, phone (from form fields)
- Form name and page URL (as Brevo attributes)
- Submission timestamp
- UTM parameters if available
3. Add contacts to Brevo lists based on form type:
- Contact form → "Inbound Leads" list
- Newsletter signup → "Newsletter Subscribers" list
- Demo request → "Demo Requests" list (high priority)
- Download gate → "Content Leads" list
## Field Mapping
| Webflow Form Field | Brevo Attribute |
|-------------------|-----------------|
| Email | EMAIL |
| Name / First Name | FIRSTNAME |
| Last Name | LASTNAME |
| Phone | SMS |
| Company | COMPANY |
| Message | LEAD_MESSAGE |
| _form_name | WEBFLOW_FORM |
| _page_url | LEAD_SOURCE_URL |
| utm_source | UTM_SOURCE |
| utm_campaign | UTM_CAMPAIGN |
## Rules
- ONLY create contacts from submissions that include a valid email
- NEVER create duplicate contacts, update existing if email matches
- ALWAYS store the form name and page URL for lead attribution
- Track events: webflow_form_submitted, webflow_lead_created

활용 사례 2: 방문자 육성 시퀀스 에이전트

리드가 어떤 폼과 어떤 페이지에서 유입되었는지에 따라 개인화된 육성 시퀀스를 트리거합니다.

---
name: webflow-nurture-sequence
description: Orchestrate email nurture sequences based on Webflow form context
version: 1.0.0
temperature: 0.3
tools:
- webflow
- brevo_contacts
- brevo_email_campaign_management
- brevo_templates
- brevo_sms_campaigns
triggers:
- event: webflow_lead_created
---
# Webflow Nurture Sequence Agent
When a new lead is captured from Webflow, trigger the appropriate nurture sequence in Brevo based on form type and page context.
## Sequence Logic
### Contact Form Leads
1. Immediate: Thank-you email confirming message received
2. Day 1: Introduction email with relevant case studies
3. Day 3: Follow-up with product overview
4. Day 7: "Still interested?" with calendar link
### Newsletter Subscribers
1. Immediate: Welcome email with top 3 articles
2. Day 3: Content digest based on signup page topic
3. Day 7: Product mention with value prop
4. Weekly: Newsletter inclusion
### Demo Requests (High Priority)
1. Immediate: Confirmation email + calendar booking link
2. +30 min: SMS confirmation with time slot options
3. Day 1: If no booking → follow-up email with demo video
4. Day 2: If no booking → WhatsApp with direct message
5. Day 3: Escalate to sales team via Brevo deal creation
### Content Downloads
1. Immediate: Delivery email with download link
2. Day 2: Related content recommendation
3. Day 5: Product connection to content topic
4. Day 10: Soft CTA with case study
## Rules
- ALWAYS check contact opt-in status before sending
- NEVER send SMS or WhatsApp without explicit phone + consent
- Personalize with: first name, form type, page they visited
- Use Brevo template variables for dynamic content
- Track engagement: nurture_email_sent, nurture_sms_sent

활용 사례 3: CMS 콘텐츠 동기화 에이전트

Webflow CMS 컬렉션을 Brevo로 동기화해 동적 이메일 콘텐츠에 활용합니다.

---
name: webflow-cms-sync
description: Sync Webflow CMS items to Brevo for dynamic email personalization
version: 1.0.0
temperature: 0.1
tools:
- webflow
- brevo_contacts
- brevo_email_campaign_management
- brevo_templates
triggers:
- schedule: "0 8 * * 1"
---
# CMS Content Sync Agent
Pull published content from Webflow CMS collections and use it to power dynamic Brevo campaigns.
## Strategy
1. Query Webflow CMS for blog posts, case studies, or product updates published in the last 7 days
2. Format content summaries for email inclusion
3. Match content to Brevo segments based on topic tags
4. Trigger weekly digest campaigns with personalized content blocks
## Content Mapping
| Webflow CMS Field | Brevo Usage |
|-------------------|-------------|
| name / title | Email subject line, content block heading |
| slug | Link URL construction |
| post-summary | Email preview text |
| main-image | Email hero image |
| category | Segment matching |
| published-on | Recency sorting |
## Rules
- ONLY include published items (not drafts)
- ALWAYS include a direct link back to the Webflow page
- Match content categories to Brevo list interests
- Maximum 5 content items per digest email

예시: 자연어 오케스트레이션

두 MCP 서버를 모두 연결하면 실시간으로 오케스트레이션할 수 있습니다.

You: "Check Webflow for any demo request form submissions from
this week that aren't in Brevo yet, add them as high-priority
leads, and send each one a personalized demo booking email."
Claude: Checking Webflow for demo request submissions...
[Uses webflow MCP to list forms and filter by "Demo Request"]
[Finds 12 submissions from this week]
Checking against Brevo contacts...
[Uses brevo_contacts to search for each email]
7 submissions are not yet in Brevo. Processing...
[Creates 7 new contacts with LEAD_PRIORITY=high]
[Adds all 7 to "Demo Requests" list]
[Triggers demo booking email template for each]
Done:
- 7 new high-priority contacts created in Brevo
- All added to "Demo Requests" list
- Demo booking emails sent with personalized calendar links
- 5 existing contacts had duplicate submissions (skipped)

다음 단계

Tajo 사전 이용 신청

이름과 이메일 주소 또는 전화번호를 입력해 주세요. Tajo 이용 방법을 안내해 드립니다.

자동 감지
AI 어시스턴트

안녕하세요! 문서에 대해 무엇이든 물어보세요.