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

# Wie Flowella zusammenpasst

> Architekturüberblick von Flowella: Komponenten, Datenflüsse zwischen App, WhatsApp Cloud API und HubSpot sowie Hosting und Sicherheitsgrenzen kompakt erklärt.

Flowella befindet sich zwischen Ihrem CRM und dem Meta von WhatsApp Business Platform. Auf dieser Seite wird in groben Zügen erklärt, wo sich die einzelnen Teile befinden und wie Daten zwischen ihnen übertragen werden.

## Die drei Systeme

<CardGroup cols={3}>
  <Card title="HubSpot" icon="database">
    Ihre Quelle der Wahrheit für Kontakte, Formulare, Eigenschaften und Workflows.
  </Card>

  <Card title="Flowella" icon="workflow">
    Verbindet HubSpot und WhatsApp. Besitzt Flows, Vorlagen, den Posteingang, Opt-outs und die API.
  </Card>

  <Card title="Meta (WhatsApp)" icon="message-circle">
    Hostet Ihr WABA, Telefonnummern, Vorlagen und das WhatsApp Business Platform selbst.
  </Card>
</CardGroup>

## Datenfluss im Überblick

Eine typische End-to-End-Interaktion sieht so aus:

<Steps>
  <Step title="Auslöser">
    Ein HubSpot-Workflow, ein Klick auf eine WhatsApp-Anzeige oder ein Kontakt, der eine Nachricht an Ihre Nummer sendet, macht den Anfang.
  </Step>

  <Step title="Flowella entscheidet, was gesendet werden soll">
    Flowella prüft den Opt-in-Status, wählt die richtige Vorlage oder den richtigen Flow aus und löst alle Variablen aus den HubSpot-Eigenschaften auf.
  </Step>

  <Step title="Meta überbringt die Nachricht">
    Flowella sendet die Nachricht über Metas WhatsApp Business Platform. Der Kontakt empfängt sie über WhatsApp.
  </Step>

  <Step title="Der Kontakt antwortet oder schließt einen Flow ab">
    Antworten und Flow-Übermittlungen kommen über die Webhooks von Meta an Flowella zurück.
  </Step>

  <Step title="Flowella schreibt das Ergebnis zurück an HubSpot">
    Formularübermittlungen, Flow-Antworten und Gesprächsaktivitäten werden mit dem entsprechenden HubSpot-Kontakt synchronisiert und lösen alle HubSpot-Workflows aus, die Sie eingerichtet haben.
  </Step>
</Steps>

## Was lebt wo

| Sorge                                                                                | System   |
| ------------------------------------------------------------------------------------ | -------- |
| Kontaktdatensätze, Formulare, Eigenschaften, Listen, Workflows                       | HubSpot  |
| WABA, Telefonnummern, Vorlagen, Anzeigename, Nachrichtenübermittlung                 | Meta     |
| Flow ↔ Formularzuordnung, Posteingang, Opt-outs, API-Schlüssel, Webhooks, Abrechnung | Flowella |

## Grenzen der Authentifizierung

* **HubSpot** ist über OAuth verbunden. Sie autorisieren Flowella einmal während des Onboardings; die Verbindung wird auf der Orgebene gespeichert.
* **Meta** ist über die eingebettete Anmeldung von Meta verbunden. Flowella speichert die langlebigen Zugriffstoken, die für den Betrieb des WABA benötigt werden.
* **Die Flowella API** wird mit API-Schlüsseln authentifiziert, die Sie unter **Einstellungen → API-Schlüssel** erstellen.
* **Ausgehende Webhooks** von Flowella sind signiert, damit Sie überprüfen können, ob die Anfragen von uns stammen. Konfigurieren Sie sie in **Einstellungen → Webhooks**.

## Mehrere Kanäle und mehrere WABA

Eine einzelne Flowella-Org kann mehrere WABAs und mehrere Telefonnummern hosten. Die meisten App-Seiten sind auf einen Kanal beschränkt - Sie werden sehen, dass sich die URL in `/{org}/{waba}/{phone}/…` ändert, wenn Sie einen Kanal auswählen. Unter [Multi-Channel und multi-WABA](/de/essentials/multi-channel) erfahren Sie, wie Sie zwischen den Kanälen wechseln können.

<Tip>
  Wenn Sie Flowella für einen technischen Käufer evaluieren, verbinden Sie diese Seite mit [Datensicherheit](/de/security/data-security).
</Tip>

## Verwandt

<CardGroup cols={2}>
  <Card title="Mehrkanalige" icon="layers" href="/de/essentials/multi-channel">
    Wie Kanäle, WABAs und Telefonnummern auf Flowella URLs abgebildet werden.
  </Card>

  <Card title="Glossar" icon="book" href="/de/essentials/glossary">
    Definitionen für WABA, Kanal, Konversation, Vorlage und mehr.
  </Card>

  <Card title="API-Einführung" icon="code" href="/de/api-reference/introduction">
    Autorisierung, Fehler, Ratenbegrenzung und Paginierung.
  </Card>

  <Card title="Status und Vorfälle" icon="activity" href="/de/essentials/status-and-incidents">
    Triage, wenn bei Flowella, Meta oder HubSpot etwas nicht in Ordnung ist.
  </Card>
</CardGroup>