---
title: "การเชื่อมต่อ Webflow + Brevo"
description: "Webflow ไป Brevo เป็นเส้นทางนำร่องของ Tajo ตรวจสอบการจับคู่แบบฟอร์ม ตัวกรองความยินยอม และขั้นตอนอนุมัติ แล้วทดสอบการทำงานจริงที่ได้รับอนุญาต"
url: https://tajo.io/th/docs/integrations/webflow-brevo/
markdown: https://tajo.io/th/docs/integrations/webflow-brevo.md
lang: th-TH
robots: noindex
---

ขอสิทธิ์ใช้งานล่วงหน้า

กรอกชื่อและที่อยู่อีเมลที่ทำงานของคุณ เราจะส่งลิงก์เพื่อยืนยันคำขอเข้าใช้งาน Tajo ทางอีเมล

# การเชื่อมต่อ Webflow + Brevo

| ฟิลด์ต้นทาง | ฟิลด์ปลายทาง | ค่าตัวอย่าง |
| --- | --- | --- |
| `form.email` | `email` | `alex@example.com` |
| `form.firstName` | `FIRSTNAME` | `Alex` |
| `form.company` | `COMPANY` | `Example Co` |

## Webflow + Brevo

Tajo มีคอนเนกเตอร์ Webflow นำร่องและกฎแปลงแบบฟอร์มเป็นผู้ติดต่อที่เสนอ การทดสอบออฟไลน์ครอบคลุมการจับคู่ แต่การติดตั้ง Webflow ใหม่และการซิงค์งานผลิตยังไม่ผ่านการตรวจสอบครั้งนี้ ขั้นตอน UI แม่แบบ และ MCP เป็นการออกแบบที่พัฒนาแล้วซึ่งต้องทดสอบจริง การส่งแบบฟอร์มอย่างเดียวไม่ใช่ความยินยอม ตัวกรองที่เสนอส่งเฉพาะรายการที่ยอมรับช่อง opt-in ให้ตรวจสอบช่องนั้นและการทำงานจริงแบบควบคุม

## การเชื่อมต่อ Webflow

หากมีการเชื่อมต่อ Webflow ในพื้นที่ทำงาน ให้เปิด **Connections** เลือก Webflow ใน **Connect a source** แล้วอนุญาต Tajo ใน Webflow ยืนยันการผูกแหล่งข้อมูลก่อนสร้างกฎ

## การสร้างการซิงค์

เมื่อมีการผูก Webflow ที่ได้รับอนุญาตและช่องความยินยอม ตัวสร้างกฎอาจทำตามขั้นตอนนี้ ตรวจสอบตัวอย่างและการทำงานจริงแบบควบคุมก่อนใช้งานจริง

1. ใน Tajo เปิด **Agents** แล้วขอจาก **Brevo Integration Architect** ตัวอย่างเช่น: “ส่งผู้ที่สมัครรับจดหมายข่าวจากเว็บไซต์ Webflow ของฉันไปยัง Brevo”
2. เอเจนต์ตรวจสอบคอนเนกเตอร์ Webflow โดยเห็นเพียงชื่อและประเภทของฟิลด์ ไม่เคยเห็นค่าที่ส่งมา
3. เอเจนต์เสนอกฎพร้อมการแมปฟิลด์และตัวกรองความยินยอม ตรวจสอบการแมปฟิลด์และทดลองรันแบบ dry run กับฉบับร่าง แล้วบันทึกไว้
4. **Request publish approval** จะรันการพรีวิว โดยอ่านการส่งฟอร์มไม่เกิน 10 รายการ ไม่เขียนอะไรลง Brevo และบันทึกเฉพาะจำนวน
5. คนอนุมัติกฎนั้นตรงตามเวอร์ชันในหน้า **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 นาทีโดยค่าเริ่มต้น การแก้ไขกฎทำให้กลับเป็นฉบับร่างเพื่อดูตัวอย่างและอนุมัติใหม่ ตรวจสอบกำหนดเวลา ตัวกรองความยินยอม และการเขียนปลายทางด้วยการทำงานจริงแบบควบคุม

## Webflow ผ่าน MCP

Tajo กำหนดเส้นทาง Webflow MCP `https://alto.tajo.io/mcp/connectors/webflow` สำหรับ early access โค้ดอ่านไซต์ แบบฟอร์ม รายการส่ง CMS สินค้า และคำสั่งซื้อได้ ตรวจสอบสิทธิ์โฮสต์และชุดเครื่องมือปัจจุบัน การแสดง MCP ไม่ได้พิสูจน์ว่ามีการซิงค์ Webflow-Brevo ต่อเนื่อง

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

## ทำด้วยตัวเอง

Webflow มี MCP server อย่างเป็นทางการที่ `https://mcp.webflow.com/mcp` พร้อม OAuth เพิ่มลงใน Claude Code ด้วยคำสั่ง:

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

ดู[เอกสาร MCP](https://developers.webflow.com/mcp/reference/overview)ของ Webflow จับคู่กับ MCP server ของ Brevo ตามที่อธิบายใน [Brevo MCP Server](https://tajo.io/th/docs/mcp/brevo-mcp-server) ตรวจสอบฟิลด์ยินยอมด้วยตัวเองก่อนเพิ่มใครเข้า Brevo

## ขั้นตอนถัดไป

- [ทำความเข้าใจการซิงค์ข้อมูล](https://tajo.io/th/resources/help/getting-started/understanding-data-sync/) วิธีการทำงานของกฎการซิงค์
- [HubSpot + Brevo](https://tajo.io/th/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/th/docs/integrations/shopify-brevo)