---
title: "Integrasi Webflow + Brevo"
description: "Webflow ke Brevo adalah jalur percontohan Tajo. Tinjau pemetaan formulir, filter persetujuan, dan alur persetujuan akhir, lalu verifikasi proses langsung yang diotorisasi."
url: https://tajo.io/in/docs/integrations/webflow-brevo/
markdown: https://tajo.io/in/docs/integrations/webflow-brevo.md
lang: id-ID
robots: noindex
---

Ajukan akses awal

Masukkan nama depan dan alamat email kerja Anda. Kami akan mengirim tautan untuk mengonfirmasi permintaan akses Tajo.

# Integrasi Webflow + Brevo

| Field sumber | Field tujuan | Nilai contoh |
| --- | --- | --- |
| `form.email` | `email` | `alex@example.com` |
| `form.firstName` | `FIRSTNAME` | `Alex` |
| `form.company` | `COMPANY` | `Example Co` |

## Webflow + Brevo

Tajo memiliki konektor Webflow percontohan dan usulan aturan formulir-ke-kontak. Pengujian offline mencakup pemetaan, tetapi instalasi Webflow baru dan sinkronisasi produksi belum diverifikasi dalam peninjauan ini. Langkah UI, templat, dan MCP menjelaskan desain yang perlu verifikasi langsung. Pengiriman formulir saja bukan persetujuan. Filter usulan hanya mengirim formulir dengan field opt-in yang diterima; verifikasi field tersebut dan proses langsung terkendali.

## Menghubungkan Webflow

Jika koneksi Webflow tersedia di ruang kerja, buka **Connections**, pilih Webflow pada **Connect a source**, dan otorisasi Tajo di Webflow. Konfirmasikan ikatan sumber sebelum membuat aturan.

## Membangun sinkronisasi

Jika ikatan Webflow yang diotorisasi dan field persetujuan tersedia, pembangun aturan dapat mengikuti langkah berikut. Verifikasi pratinjau dan proses langsung terkendali sebelum mengandalkannya.

1. Di Tajo, buka **Agents** dan minta kepada **Brevo Integration Architect**, misalnya: “Kirim pendaftaran newsletter dari situs Webflow saya ke Brevo.”
2. Agen memeriksa konektor Webflow. Agen melihat nama dan tipe field, tidak pernah nilai kiriman.
3. Agen mengusulkan aturan dengan pemetaan field dan filter persetujuan, memvalidasi pemetaan field dan menjalankan dry run pada draf, lalu menyimpannya.
4. **Request publish approval** menjalankan pratinjau. Pratinjau membaca paling banyak 10 kiriman, tidak menulis apa pun ke Brevo, dan hanya mencatat jumlah.
5. Seseorang menyetujui aturan yang persis itu di halaman **Approvals**. Setelah itu aturan dapat dipublikasikan.

Templat **Webflow form\_submissions -> Brevo contacts** didefinisikan dalam kode. Jika muncul di ruang kerja yang diotorisasi, temukan di **Connections > Syncs and mappings > New sync from template**. Templat mengusulkan pemetaan berikut:

| Field formulir Webflow | Brevo |
| --- | --- |
| `email`, `Email` atau `e-mail` | `email` |
| `firstName`, `first_name` atau `First Name` | `FIRSTNAME` |
| `lastName`, `last_name` atau `Last Name` | `LASTNAME` |
| `phone` | `PHONE` |
| ID kiriman | `WEBFLOW_SUBMISSION_ID` |
| ID situs | `WEBFLOW_SITE_ID` |
| tanggal kiriman | `WEBFLOW_SUBMITTED_AT` |

Implementasi mengenali kandidat nama field `marketingConsent`, `marketing_consent`, `optIn`, `opt_in`, `newsletter`, `subscribe`, `Subscribe` dan nilai seperti `true`, `yes`, `on`, `1`, `checked`, `subscribed`. Nama dan nilai ini bukan bukti persetujuan dengan sendirinya. Tinjau label formulir, tujuan, dan pilihan yang tercatat pada sumber sebenarnya; bukti yang tidak jelas harus menghentikan sinkronisasi pemasaran. Gunakan double opt-in jika alurnya memerlukan.

Runtime yang dikonfigurasi memeriksa kiriman baru setiap 15 menit secara default. Mengedit aturan mengembalikannya ke draf untuk pratinjau dan persetujuan. Verifikasi jadwal, filter persetujuan, dan penulisan tujuan melalui proses langsung terkendali.

## Webflow melalui MCP

Tajo mendefinisikan jalur MCP Webflow `https://alto.tajo.io/mcp/connectors/webflow` untuk akses awal. Kodenya mencakup pembacaan situs, formulir, kiriman, CMS, produk, dan pesanan. Verifikasi akses host terautentikasi dan alat yang tersedia; ketersediaan MCP tidak membuktikan sinkronisasi Webflow-Brevo yang berkelanjutan.

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

## Mengerjakannya sendiri

Webflow menjalankan server MCP resmi di `https://mcp.webflow.com/mcp`, dengan OAuth. Tambahkan ke Claude Code dengan:

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

Lihat [dokumentasi MCP](https://developers.webflow.com/mcp/reference/overview) Webflow. Pasangkan dengan server MCP Brevo, yang dijelaskan di [Server MCP Brevo](https://tajo.io/in/docs/mcp/brevo-mcp-server). Periksa sendiri field opt-in sebelum Anda menambahkan siapa pun ke Brevo.

## Langkah berikutnya

- [Memahami sinkronisasi data](https://tajo.io/in/resources/help/getting-started/understanding-data-sync/), cara kerja aturan sinkronisasi
- [HubSpot + Brevo](https://tajo.io/in/docs/integrations/hubspot-brevo)
- [Shopify + Brevo](https://tajo.io/in/docs/integrations/shopify-brevo)