การเชื่อมต่อ 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 เป็นการออกแบบที่พัฒนาแล้วซึ่งต้องทดสอบจริง การส่งแบบฟอร์มอย่างเดียวไม่ใช่ความยินยอม ตัวกรองที่เสนอส่งเฉพาะรายการที่ยอมรับช่อง opt-in ให้ตรวจสอบช่องนั้นและการทำงานจริงแบบควบคุม
การเชื่อมต่อ Webflow
หากมีการเชื่อมต่อ Webflow ในพื้นที่ทำงาน ให้เปิด Connections เลือก Webflow ใน Connect a source แล้วอนุญาต Tajo ใน Webflow ยืนยันการผูกแหล่งข้อมูลก่อนสร้างกฎ
การสร้างการซิงค์
เมื่อมีการผูก Webflow ที่ได้รับอนุญาตและช่องความยินยอม ตัวสร้างกฎอาจทำตามขั้นตอนนี้ ตรวจสอบตัวอย่างและการทำงานจริงแบบควบคุมก่อนใช้งานจริง
- ใน Tajo เปิด Agents แล้วขอจาก Brevo Integration Architect ตัวอย่างเช่น: “ส่งผู้ที่สมัครรับจดหมายข่าวจากเว็บไซต์ Webflow ของฉันไปยัง Brevo”
- เอเจนต์ตรวจสอบคอนเนกเตอร์ Webflow โดยเห็นเพียงชื่อและประเภทของฟิลด์ ไม่เคยเห็นค่าที่ส่งมา
- เอเจนต์เสนอกฎพร้อมการแมปฟิลด์และตัวกรองความยินยอม ตรวจสอบการแมปฟิลด์และทดลองรันแบบ dry run กับฉบับร่าง แล้วบันทึกไว้
- 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 นาทีโดยค่าเริ่มต้น การแก้ไขกฎทำให้กลับเป็นฉบับร่างเพื่อดูตัวอย่างและอนุมัติใหม่ ตรวจสอบกำหนดเวลา ตัวกรองความยินยอม และการเขียนปลายทางด้วยการทำงานจริงแบบควบคุม
Webflow ผ่าน MCP
Tajo กำหนดเส้นทาง Webflow MCP https://alto.tajo.io/mcp/connectors/webflow สำหรับ early access โค้ดอ่านไซต์ แบบฟอร์ม รายการส่ง CMS สินค้า และคำสั่งซื้อได้ ตรวจสอบสิทธิ์โฮสต์และชุดเครื่องมือปัจจุบัน การแสดง MCP ไม่ได้พิสูจน์ว่ามีการซิงค์ Webflow-Brevo ต่อเนื่อง
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 ด้วยคำสั่ง:
claude mcp add --transport http webflow https://mcp.webflow.com/mcpดูเอกสาร MCPของ Webflow จับคู่กับ MCP server ของ Brevo ตามที่อธิบายใน Brevo MCP Server ตรวจสอบฟิลด์ยินยอมด้วยตัวเองก่อนเพิ่มใครเข้า Brevo
ขั้นตอนถัดไป
- ทำความเข้าใจการซิงค์ข้อมูล วิธีการทำงานของกฎการซิงค์
- HubSpot + Brevo
- Shopify + Brevo