> ## 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.

# Comment Flowella s'articule-t-il ?

> Vue de haut niveau de la circulation des données, des messages et des webhooks entre HubSpot, Flowella et la WhatsApp Business Platform de Meta, à travers toute l'intégration.

Flowella se situe entre votre CRM et le Meta de WhatsApp Business Platform. Cette page explique, à un niveau élevé, où se trouve chaque pièce et comment les données circulent entre elles.

## Les trois systèmes

<CardGroup cols={3}>
  <Card title="HubSpot" icon="database">
    Votre source de vérité pour les contacts, les formulaires, les propriétés et les flux de travail.
  </Card>

  <Card title="Flowella" icon="workflow">
    Fait le lien entre HubSpot et WhatsApp. Possède les flux, les modèles, la boîte de réception, les opt-outs et l'API.
  </Card>

  <Card title="Meta (WhatsApp)" icon="message-circle">
    Héberge votre WABA, vos numéros de téléphone, vos modèles et le WhatsApp Business Platform lui-même.
  </Card>
</CardGroup>

## Aperçu du flux de données

Une interaction typique de bout en bout se présente comme suit :

<Steps>
  <Step title="Déclencheur">
    Un flux de travail HubSpot, un clic sur une annonce WhatsApp ou un contact envoyant un message à votre numéro donnent le coup d'envoi.
  </Step>

  <Step title="Flowella décide de ce qu'il faut envoyer">
    Flowella vérifie le statut de l'opt-in, sélectionne le bon modèle ou le bon flux, et résout les éventuelles variables des propriétés HubSpot.
  </Step>

  <Step title="Meta délivre le message">
    Flowella envoie le message via Meta's WhatsApp Business Platform. Le contact le reçoit sur WhatsApp.
  </Step>

  <Step title="Le contact répond ou complète un flux">
    Les réponses et les soumissions de flux sont renvoyées à Flowella via les webhooks de Meta.
  </Step>

  <Step title="Flowella renvoie le résultat à HubSpot">
    Les soumissions de formulaires, les réponses aux flux et l'activité des conversations sont synchronisées avec le contact HubSpot correspondant, déclenchant ainsi les flux de travail HubSpot que vous avez mis en place.
  </Step>
</Steps>

## Ce qui vit où

\| Système | --- | --- | --- | ---
\| --- | --- |
\| HubSpot | WABA, numéros de téléphone, modèles, nom d'affichage, envoi de messages, etc.
HubSpot | WABA, numéros de téléphone, modèles, nom d'affichage, envoi de messages | Meta | Meta | Meta | WABA
Meta | Flux ↔ mappage de formulaires, boîte de réception, opt-outs, clés API, webhooks, facturation | Flowella | Meta | WABA

## Limites d'authentification

* **HubSpot** est connecté via OAuth. Vous autorisez Flowella une fois pendant l'onboarding ; la connexion est stockée au niveau de l'organisation.
* Meta\*\* est connecté via l'inscription intégrée de Meta. Flowella stocke les jetons d'accès à long terme nécessaires au fonctionnement de WABA.
* L'API\*\* du Flowella est authentifiée par les clés d'API que vous créez dans **Paramètres → Clés d'API**.
* **Les webhooks sortants** de Flowella sont signés afin que vous puissiez vérifier que les requêtes proviennent bien de nous. Configurez-les dans **Réglages → Webhooks**.

## Multi-canal et multi-WABA

Un seul Flowella org peut héberger plusieurs WABAs et plusieurs numéros de téléphone. La plupart des pages de l'application sont limitées à un seul canal - vous verrez l'URL changer en `/{org}/{waba}/{phone}/…` lorsque vous choisirez un canal. Voir [Multi-canal et multi-WABA](/fr/essentials/multi-channel) pour savoir comment passer de l'un à l'autre.

<Tip>
  Si vous évaluez Flowella pour un acheteur technique, associez cette page à [Sécurité des données](/fr/security/data-security).
</Tip>

## Relatif

<CardGroup cols={2}>
  <Card title="Multi-canal" icon="layers" href="/fr/essentials/multi-channel">
    Comment les chaînes, les WABA et les numéros de téléphone s'associent aux URL Flowella.
  </Card>

  <Card title="Glossaire" icon="book" href="/fr/essentials/glossary">
    Définitions de WABA, canal, conversation, modèle, etc.
  </Card>

  <Card title="Introduction à l'API" icon="code" href="/fr/api-reference/introduction">
    Auth, erreurs, limites de taux et pagination.
  </Card>

  <Card title="Statut et incidents" icon="activity" href="/fr/essentials/status-and-incidents">
    Triage lorsque quelque chose ne va pas sur Flowella, Meta, ou HubSpot.
  </Card>
</CardGroup>
