Typeform Connector
Verbinde Typeform über Tajo mit Brevo, um Formular-Antworten automatisch zu synchronisieren, Leads aus konversationellen Formularen zu erfassen und Marketing-Automationen basierend auf Umfragen und Quiz-Ergebnissen auszulösen.
Überblick
| Eigenschaft | Wert |
|---|---|
| Plattform | Typeform |
| Kategorie | Forms & Surveys (Custom) |
| Einrichtungsaufwand | Einfach |
| Offizielle Integration | Nein |
| Synchronisierte Daten | Antworten, Kontakte, Events, Formulare |
| Authentifizierung | OAuth 2.0 / Personal Access Token |
Funktionen
- Echtzeit-Antwort-Synchronisation - Erfasse Formular-Einreichungen automatisch via Webhooks
- Kontakterstellung - Erstelle oder aktualisiere Brevo-Kontakte aus Formular-Antworten
- Lead Scoring - Nutze Quiz-Ergebnisse und Formulardaten zur Lead-Qualifizierung
- Hidden Fields - Übergib Kund:innen-Daten über Hidden Fields für personalisierte Formulare
- Bedingtes Mapping - Mappe verschiedene Formularfelder basierend auf Antwortlogik
- Multi-Form-Support - Verbinde mehrere Typeforms mit verschiedenen Brevo-Listen
Voraussetzungen
Bevor du beginnst, stelle sicher, dass du Folgendes hast:
- Ein Typeform-Konto (Basic-Plan oder höher für Webhooks)
- Einen Personal Access Token aus den Typeform-Konto-Einstellungen
- Ein Brevo-Konto mit API-Zugriff
- Ein Tajo-Konto mit Connector-Berechtigungen
Authentifizierung
Personal Access Token
# Generate a token at https://admin.typeform.com/account#/section/tokensexport TYPEFORM_ACCESS_TOKEN=tfp_your_personal_access_tokenexport TAJO_API_KEY=your_tajo_api_keyexport BREVO_API_KEY=your_brevo_api_keyOAuth 2.0
// OAuth 2.0 Authorization Flowconst authUrl = 'https://api.typeform.com/oauth/authorize?' + new URLSearchParams({ client_id: process.env.TYPEFORM_CLIENT_ID, redirect_uri: 'https://your-app.com/callback', scope: 'forms:read responses:read webhooks:write accounts:read', state: generateState() });
// Exchange authorization code for access tokenconst tokenResponse = await fetch('https://api.typeform.com/oauth/token', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ grant_type: 'authorization_code', code: authorizationCode, client_id: process.env.TYPEFORM_CLIENT_ID, client_secret: process.env.TYPEFORM_CLIENT_SECRET, redirect_uri: 'https://your-app.com/callback' })});Konfiguration
Grundeinrichtung
connectors: typeform: enabled: true access_token: "${TYPEFORM_ACCESS_TOKEN}"
forms: - form_id: "abc123" list_id: 5 mapping: email_field: "email" name_field: "full_name" - form_id: "xyz789" list_id: 6 mapping: email_field: "work_email"
sync: responses: true contacts: true events: true
webhook: enabled: true secret: "${TYPEFORM_WEBHOOK_SECRET}"Feld-Mapping
field_mapping: # Map Typeform field references to Brevo attributes email: email name: FIRSTNAME company: COMPANY phone: SMS score: LEAD_SCORE quiz_result: QUIZ_SCORE nps_rating: NPS_SCORE feedback: LAST_FEEDBACKAPI-Endpoints
| Endpoint | Methode | Beschreibung |
|---|---|---|
https://api.typeform.com/forms | GET | Alle Formulare auflisten |
https://api.typeform.com/forms/{form_id} | GET | Formular abrufen |
https://api.typeform.com/forms | POST | Formular erstellen |
https://api.typeform.com/forms/{form_id} | PUT | Formular aktualisieren |
https://api.typeform.com/forms/{form_id}/responses | GET | Antworten abrufen |
https://api.typeform.com/forms/{form_id}/responses | DELETE | Antworten löschen |
https://api.typeform.com/forms/{form_id}/webhooks/{tag} | PUT | Webhook erstellen/aktualisieren |
https://api.typeform.com/forms/{form_id}/webhooks/{tag} | GET | Webhook abrufen |
https://api.typeform.com/forms/{form_id}/webhooks | GET | Webhooks auflisten |
Code-Beispiele
Connector initialisieren
import { TajoClient } from '@tajo/sdk';
const tajo = new TajoClient({ apiKey: process.env.TAJO_API_KEY, brevoApiKey: process.env.BREVO_API_KEY});
await tajo.connectors.connect('typeform', { accessToken: process.env.TYPEFORM_ACCESS_TOKEN, forms: ['abc123', 'xyz789']});Formular-Antworten abrufen
// Fetch responses using the Responses APIconst response = await fetch( 'https://api.typeform.com/forms/abc123/responses?' + new URLSearchParams({ page_size: 25, since: '2024-01-01T00:00:00Z', completed: 'true' }), { headers: { 'Authorization': `Bearer ${process.env.TYPEFORM_ACCESS_TOKEN}` } });
const data = await response.json();
// Sync each response to Brevofor (const item of data.items) { const answers = item.answers; const email = answers.find(a => a.field.ref === 'email')?.email;
if (email) { await tajo.contacts.sync({ email, attributes: { FIRSTNAME: answers.find(a => a.field.ref === 'name')?.text, LEAD_SCORE: item.calculated?.score || 0 }, listIds: [5] }); }}Webhooks einrichten
// Register a webhook for real-time response notificationsawait fetch( 'https://api.typeform.com/forms/abc123/webhooks/tajo-sync', { method: 'PUT', headers: { 'Authorization': `Bearer ${process.env.TYPEFORM_ACCESS_TOKEN}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ url: 'https://api.tajo.io/webhooks/typeform', enabled: true, secret: process.env.TYPEFORM_WEBHOOK_SECRET }) });Webhook-Events verarbeiten
app.post('/webhooks/typeform', async (req, res) => { // Verify webhook signature const signature = req.headers['typeform-signature']; const isValid = verifyTypeformSignature( req.rawBody, signature, process.env.TYPEFORM_WEBHOOK_SECRET );
if (!isValid) return res.status(401).send('Unauthorized');
const { form_response } = req.body;
await tajo.connectors.handleWebhook('typeform', { topic: 'form_response', payload: form_response });
res.status(200).send('OK');});Rate Limits
| Endpoint | Rate Limit | Hinweise |
|---|---|---|
| Create-API | 2 Anfragen/Sek. | Formularerstellung und -aktualisierungen |
| Responses-API | 2 Anfragen/Sek. | Antwort-Abruf |
| Webhooks-API | 2 Anfragen/Sek. | Webhook-Management |
| Alle Endpoints | 120 Anfragen/Min. | Globales Rate Limit |
Antwort-Pagination
Die Responses-API liefert maximal 1.000 Antworten pro Anfrage. Nutze die Cursor-Parameter before oder after für die Pagination, wenn du große Antwortmengen abrufst.
Fehlerbehebung
| Problem | Ursache | Lösung |
|---|---|---|
| Webhook nicht empfangen | Webhook deaktiviert | Webhook im Typeform-Dashboard aktivieren |
| Fehlende Antworten | Filter angewendet | since/until und completed-Parameter prüfen |
| Auth-Fehler 401 | Token abgelaufen | Neuen Personal Access Token generieren |
| Rate Limit 429 | Zu viele Anfragen | Anfrage-Throttling implementieren |
| Leere Antworten | Optionale Felder | Null-/undefined-Antwortwerte behandeln |
Debug-Modus
connectors: typeform: debug: true log_level: verbose log_webhooks: true log_responses: trueBest Practices
- Webhooks nutzen - Bevorzuge Webhooks gegenüber Polling für Echtzeit-Antwort-Erfassung
- Signaturen validieren - Verifiziere Webhook-Signaturen zur Sicherheit
- Hidden Fields nutzen - Befülle bekannte Kund:innen-Daten in Formularen vor
- Feldreferenzen mappen - Nutze stabile Feld-
ref-Werte statt Feld-IDs - Teilantworten behandeln - Berücksichtige optionale und übersprungene Fragen
- Retry-Logik einrichten - Implementiere idempotente Webhook-Verarbeitung
Sicherheit
- OAuth 2.0 - Gescopte Token-basierte Authentifizierung
- Webhook-Signaturen - SHA-256-HMAC-Signatur-Validierung
- Nur HTTPS - Alle API-Endpoints erfordern TLS
- Token-Scoping - Fordere minimal erforderliche OAuth-Scopes an
- Secret-Management - Speichere Tokens in Umgebungsvariablen oder Secret-Managern
- DSGVO-Konformität - Nutze die Delete-Responses-API für Datenlöschungsanfragen