> ## Documentation Index
> Fetch the complete documentation index at: https://support.callin.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrationen

> Verbinden Sie externe Dienste (Zahlungen, Voice/SMS, E-Mail, Live-Chat und Tracking), damit Ihr White Label wie ein vollständiges Produkt funktioniert.

## Wofür diese Seite da ist

Auf der Seite **Integrationen** verbinden Sie Ihr White Label mit den Diensten, die den täglichen Betrieb ermöglichen:

* **Zahlungen und Abonnements** (damit Sie Kunden abrechnen können)
* **Voice und SMS** (damit Anrufe und Nachrichten funktionieren)
* **E-Mail-Versand** (damit Kunden wichtige E-Mails erhalten)
* **Live-Chat** (für Support in Echtzeit innerhalb der App)
* **Marketing-Tracking** (um Akquise und Conversions zu messen)

Öffnen Sie die Seite hier: [Integrationen öffnen](https://app.callin.io/cms/api-keys)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations1.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3731580fa635d44d50bbc5e683496bbd" alt="Integrations-Seite mit Kacheln für Stripe, Twilio, SendGrid, Intercom, Brevo Chat und Analytics & Tracking API Keys sowie einer Suchleiste oben." style={{ width:"100%", display:"block" }} width="1907" height="860" data-path="images/integrations1.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Übersicht der Integrationen. Jede Kachel öffnet ein Panel mit den exakt auszufüllenden Feldern.
</p>

> **Wichtig:** Status-Badges auf den Kacheln (z. B. „verbunden“ oder „erforderlich“) zeigen Ihren aktuellen Stand an und können je nach Konto und Plan variieren.

## Bevor Sie etwas verbinden

Ein paar Gewohnheiten machen Integrationen einfacher (und sicherer):

* Nutzen Sie das **richtige Admin-Konto** bei jedem Anbieter (Stripe, Twilio usw.), damit Sie Schlüssel und Einstellungen sehen.
* **Speichern Sie Schlüssel sicher** (behandeln Sie sie wie Passwörter).
* **Begrenzen Sie den Zugriff** auf Personen, die ihn wirklich brauchen. Keine Schlüssel in geteilte Dokumente oder Chats kopieren.

> **Tipp:** Wenn eine Integration nicht sofort funktioniert, prüfen Sie zuerst, ob beim Einfügen Leerzeichen am Anfang oder Ende eines Schlüssels entstanden sind.

## So funktioniert das Verbinden einer Integration

Die meisten Integrationen folgen dem gleichen Ablauf:

1. Klicken Sie auf eine Kachel (z. B. Twilio oder SendGrid).
2. Rechts öffnet sich ein Panel mit Pflichtfeldern (mit `*` markiert).
3. Kopieren Sie die Werte aus dem Dashboard des Anbieters.
4. Fügen Sie die Werte in Callin ein und speichern Sie.

## Stripe

**Wofür es ist:** Stripe wird für die **Zahlungsabwicklung** genutzt. Diese Integration ist typisch, wenn Sie ein Abo-Geschäft betreiben wollen: Zahlungen annehmen, Kunden belasten und Abonnements verwalten.

**Wann Sie es brauchen:** Wenn Sie bezahlte Pläne anbieten und Kunden abrechnen (monatlich, jährlich usw.), richten Sie Stripe als eine der ersten Integrationen ein.

### Was Sie benötigen (wie im Panel angezeigt)

* **Geheimer Schlüssel**\*
* **Webhook-Secret**\*
* **Webhook-Secret (Connect)**\*
* **Client-ID**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations2.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=6d9e316a39dc8b792394e4f079e7b4bc" alt="Stripe-Konfigurationspanel mit Eingabefeldern für geheimen Schlüssel, Webhook-Secrets und Client-ID sowie einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1903" height="860" data-path="images/integrations2.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Stripe-Einrichtung mit vier erforderlichen Werten, die anschließend gespeichert werden.
</p>

### So verbinden Sie Stripe

1. Öffnen Sie die **Stripe**-Kachel.
2. Kopieren Sie die erforderlichen Werte aus Ihrem Stripe-Dashboard.
3. Fügen Sie jeden Wert in das passende Feld in Callin ein.
4. Speichern Sie.

> **Wichtig:** Wenn Sie später Schlüssel rotieren oder Webhooks in Stripe ändern, müssen Sie hierher zurückkommen und die Werte aktualisieren.

## Twilio

**Wofür es ist:** Twilio ermöglicht **Sprachanrufe und SMS**. Diese Integration macht Call- und Messaging-Funktionen möglich und unterstützt außerdem die Verwaltung von Telefonnummern.

**Wann Sie es brauchen:** Wenn Ihr White Label eingehende/ausgehende Anrufe oder SMS umfasst, ist Twilio in der Regel unverzichtbar und kann als „erforderlich“ markiert sein.

### Was Sie benötigen (wie im Panel angezeigt)

* **Account-SID**\*
* **Authentifizierungs-Token**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/FKgPEneYeoNgvR0Y/images/integrations33.png?fit=max&auto=format&n=FKgPEneYeoNgvR0Y&q=85&s=de9d23d7217e9afc9fa07ea087a3aa56" alt="Twilio-Konfigurationspanel mit Feldern für Account-SID und Authentifizierungs-Token sowie einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1910" height="862" data-path="images/integrations33.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Twilio-Einrichtung mit Account-SID und Authentifizierungs-Token.
</p>

### So verbinden Sie Twilio

1. Öffnen Sie die **Twilio**-Kachel.
2. Suchen Sie in Ihrem Twilio-Dashboard die Account-SID und den Authentifizierungs-Token.
3. Fügen Sie beides in Callin ein.
4. Speichern Sie.

> **Tipp:** Wenn Anrufe oder SMS später nicht funktionieren, ist Twilio oft die erste Integration, die Sie prüfen sollten.

## SendGrid

**Wofür es ist:** SendGrid wird verwendet, um **E-Mails** aus Ihrem White Label zu versenden – insbesondere automatische E-Mails und Benachrichtigungen, auf die Kunden angewiesen sind (z. B. Systemnachrichten).

**Wann Sie es brauchen:** Wenn Ihre gebrandete Erfahrung E-Mails an Kunden senden soll, richten Sie SendGrid früh ein.

### Was Sie benötigen (wie im Panel angezeigt)

* **API-Schlüssel**\*
* **Absender-E-Mail**\* (ein verifizierter Absender)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations4.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3f96aa8127cf5b8e75cc0d807991beb2" alt="SendGrid-Konfigurationspanel mit Feldern für API-Schlüssel und Absender-E-Mail sowie einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1903" height="858" data-path="images/integrations4.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: SendGrid-Einrichtung mit API-Schlüssel und Absender-E-Mail.
</p>

### So verbinden Sie SendGrid

1. Öffnen Sie die **SendGrid**-Kachel.
2. Kopieren Sie Ihren API-Schlüssel aus SendGrid.
3. Tragen Sie eine Absender-E-Mail ein, die in SendGrid verifiziert ist.
4. Speichern Sie.

> **Häufiger Fehler:** Eine Absenderadresse zu verwenden, die nicht verifiziert ist. Wenn keine E-Mails rausgehen, verifizieren Sie zuerst den Absender in SendGrid.

## Intercom

**Wofür es ist:** Intercom ermöglicht **Live-Chat und Kundensupport** direkt in Ihrer App. Das ist hilfreich, wenn Kunden Ihr Team kontaktieren sollen, ohne das Produkt zu verlassen.

**Wann Sie es brauchen:** Wenn Support und Onboarding Teil Ihres Angebots sind, lässt Intercom Ihr White Label „produktreifer“ wirken.

### Was Sie benötigen (wie im Panel angezeigt)

* **App-ID**\* (aus den Einstellungen Ihres Intercom-Workspaces)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations5.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=52ec0656a52825f0a020773923d9acc8" alt="Intercom-Konfigurationspanel mit einem Feld für die App-ID sowie einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1916" height="853" data-path="images/integrations5.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Intercom-Einrichtung mit App-ID.
</p>

### So verbinden Sie Intercom

1. Öffnen Sie die **Intercom**-Kachel.
2. Finden Sie in Intercom die App-ID in den Workspace-Einstellungen.
3. Fügen Sie sie in Callin ein und speichern Sie.

> **Tipp:** Verwenden Sie den Intercom-Workspace, der tatsächlich Ihr Support-Team bedient, damit Nachrichten im richtigen Postfach landen.

## Brevo Chat

**Wofür es ist:** Brevo Chat aktiviert ein **Chat-Widget** für Gespräche in Echtzeit. Das Panel bezieht sich auf Brevo (früher Sendinblue); aktiviert wird es über einen Widget-Schlüssel.

**Wann Sie es brauchen:** Wenn Sie statt Intercom ein leichteres Chat-Widget nutzen möchten, ist Brevo Chat eine Option.

### Was Sie benötigen (wie im Panel angezeigt)

* **Chat-Widget-Schlüssel**\* (auch als Widget-/API-Schlüssel beschrieben)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations6.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=c70eb78efb18b1c537dd5bb4e243c5d0" alt="Brevo-Chat-Panel mit einem Pflichtfeld für den Chat-Widget-Schlüssel und einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1911" height="856" data-path="images/integrations6.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Brevo-Chat-Einrichtung mit dem Widget-Schlüssel.
</p>

### So verbinden Sie Brevo Chat

1. Öffnen Sie die **Brevo Chat**-Kachel.
2. Kopieren Sie in Brevo den Chat-Widget-Schlüssel.
3. Fügen Sie ihn in Callin ein und speichern Sie.

> **Wichtig:** Halten Sie diesen Schlüssel vertraulich. Personen mit Zugriff könnten versuchen, ihn in einer anderen Umgebung zu verwenden.

## Analytics & Tracking API Keys

**Wofür es ist:** Diese Integration verbindet Ihr White Label mit **Marketing-Tracking und Analytics**. Laut den im Panel angezeigten Hinweisen werden unterstützt:

* **Google Ads**-Tracking über eine Pixel-ID
* **Google Analytics (GA4)**-Tracking über eine Measurement-ID

**Warum das im White Label wichtig ist:** Wenn Sie Kampagnen schalten (oder saubere Attribution brauchen), möchten Sie Traffic und Conversions messen, um Budget und ROI zu optimieren.

### Was Sie benötigen (wie im Panel angezeigt)

* **Google-Ads-Pixel-ID** (Beispielformat: `AW-123456789`)
* **Google-Analytics-Measurement-ID (GA4)** (Beispielformat: `G-XXXXXXXXXX`)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations7.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=d147e8b1c74bd9663973058124ebeed7" alt="Panel Analytics & Tracking API Keys mit Anweisungen und Feldern für Google-Ads-Pixel-ID und GA4-Measurement-ID sowie einem Speichern-Button." style={{ width:"100%", display:"block" }} width="1908" height="857" data-path="images/integrations7.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Screenshot: Tracking-Einrichtung, bei der Sie die IDs für Google Ads und GA4 einfügen und speichern.
</p>

### So verbinden Sie das Tracking

1. Öffnen Sie **Analytics & Tracking API Keys**.
2. Kopieren Sie in Google Ads die Pixel-ID und fügen Sie sie in das passende Feld ein.
3. Kopieren Sie in Google Analytics (GA4) die Measurement-ID und fügen Sie sie in das GA4-Feld ein.
4. Speichern Sie.

### Was nach dem Speichern passiert (wie im Panel beschrieben)

* Tracking-Skripte können mit den von Ihnen eingegebenen IDs eingebunden werden (für diese Marke).
* Wenn ein Feld leer bleibt, sollte das Skript dieses Anbieters für diese Marke nicht geladen werden.
* Der Zugriff zum Anzeigen/Ändern dieser IDs ist auf Benutzer mit dem passenden Zugriffslevel beschränkt (wie im Panel angegeben).

> **Tipp:** Verbinden Sie Tracking direkt zu Beginn eines Marken-Launches, damit Ihnen keine Attributionsdaten ab Tag 1 fehlen.