> ## Documentation Index
> Fetch the complete documentation index at: https://www.zippendo.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Connecter Customer.io

> Connectez Customer.io sous Applications et intégrations avec un Site ID, une clé d'API et une région des données (États-Unis ou UE), et choisissez les événements d'expédition, de commande et de suivi qui déclenchent vos campagnes Customer.io.

Customer.io reçoit vos événements d'expédition, de commande et de suivi et les classe sous la personne correspondante. Dans Customer.io, vous pouvez utiliser ces événements pour lancer des campagnes, par exemple un e-mail lorsque le colis est en route. Customer.io envoie les messages depuis votre propre compte Customer.io ; Zippendo ne fait que transmettre les événements.

Les intégrations sont incluses dans toutes les formules. Le test, le journal des envois, la modification et la déconnexion fonctionnent de la même façon pour toutes les applications : voir [Connecter une intégration](/docs/fr/how-to/connect-an-integration). Le guide détaillé est [Customer.io](/docs/fr/integrations/customer-io).

## Avant de commencer

Il vous faut trois éléments depuis votre compte Customer.io :

* **Site ID** et **Clé d'API** : les identifiants de suivi que Customer.io liste sous API and webhook credentials dans les paramètres de votre compte.
* **Votre région de données** : si votre compte Customer.io est hébergé aux États-Unis ou dans l'UE.

<Frame caption="Le guide de Customer.io sur le Site ID et la clé d'API">
  <img src="https://mintcdn.com/zippendo/pwy1g1EbXWJlGtUC/images/how-to/connect-customer-io/10-customerio-track-api-key.png?fit=max&auto=format&n=pwy1g1EbXWJlGtUC&q=85&s=fb9e9ea35f858b5d64db7f70cea05606" alt="Documentation Customer.io expliquant le Site ID et la clé d'API" width="2880" height="2200" data-path="images/how-to/connect-customer-io/10-customerio-track-api-key.png" />
</Frame>

## Connecter Customer.io

<Steps>
  <Step title="Trouver Customer.io dans le catalogue">
    Cliquez sur **Applications et intégrations** dans la barre latérale, puis sur **Catalogue**. Customer.io se trouve sous **Applications**. Cliquez sur **Connecter**, ou sur **Ajouter une connexion** si vous en avez déjà une.
  </Step>

  <Step title="Vérifier l'accès">
    Lisez ce que Zippendo fera avec la connexion et cliquez sur **Continuer**.
  </Step>

  <Step title="Renseigner les informations de connexion">
    Saisissez un **Nom de la connexion**, par exemple « Campagnes Customer.io ». Collez votre **Site ID** et votre **Clé d'API**. Ouvrez ensuite la liste **Région des données** et choisissez **États-Unis (track.customer.io)** ou **UE (track-eu.customer.io)**.
  </Step>

  <Step title="Choisir les événements">
    Cochez les événements que Customer.io doit recevoir, ou cliquez sur **Tout sélectionner**. Voir la liste ci-dessous.
  </Step>

  <Step title="Cliquer sur Connecter">
    Vous voyez **Intégration connectée**, et Customer.io apparaît dans l'onglet **Connecté**.
  </Step>
</Steps>

<Tip>
  Si **Connecter** reste grisé alors que tout est rempli, ouvrez la liste **Région des données** et choisissez votre région, même si elle affiche déjà les États-Unis.
</Tip>

<Frame caption="La carte Customer.io dans le catalogue">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/01-catalog-card-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=d49aca4fc0957fc99bf4b00f4d5906d6" alt="Catalogue avec la carte Customer.io et ses boutons Utiliser dans les automatisations, En savoir plus et Connecter" className="block dark:hidden" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/01-catalog-card-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/01-catalog-card-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=9b6532be285d8187fbc82b123075c581" alt="Catalogue avec la carte Customer.io et ses boutons Utiliser dans les automatisations, En savoir plus et Connecter" className="hidden dark:block" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/01-catalog-card-dark.png" />
</Frame>

<Frame caption="Connexion de Customer.io : un nom, Site ID, Clé d'API et Région des données">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/02-connect-modal-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=e4fa37f73fd13f714ae6c6504790baab" alt="Fenêtre de connexion de Customer.io avec un nom de connexion, Site ID, Clé d'API, Région des données et des cases à cocher pour les événements" className="block dark:hidden" width="2880" height="2800" data-path="images/fr/how-to/connect-customer-io/02-connect-modal-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/02-connect-modal-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=3de4e2fa7a71bc2ca89eb4224820b8cc" alt="Fenêtre de connexion de Customer.io avec un nom de connexion, Site ID, Clé d'API, Région des données et des cases à cocher pour les événements" className="hidden dark:block" width="2880" height="2800" data-path="images/fr/how-to/connect-customer-io/02-connect-modal-dark.png" />
</Frame>

| Champ | Obligatoire | Ce qu'il faut saisir |
| - | - | - |
| **Nom de la connexion** | Oui | N'importe quel nom que vous reconnaîtrez, jusqu'à 100 caractères. |
| **Site ID** | Oui | Le Site ID de Customer.io. |
| **Clé d'API** | Oui | La clé d'API associée à ce Site ID. Elle est masquée pendant la saisie, stockée chiffrée et jamais réaffichée. |
| **Région des données** | Oui | **États-Unis (track.customer.io)** ou **UE (track-eu.customer.io)** : l'endroit où votre compte Customer.io est hébergé. |

<Warning>
  Choisissez la bonne **Région des données**. Avec une région incorrecte, Customer.io refuse chaque événement comme si le Site ID et la clé d'API étaient faux. Un compte hébergé dans l'UE nécessite **UE (track-eu.customer.io)**.
</Warning>

## Événements que Customer.io peut recevoir

| Case à cocher | Envoyé lorsque |
| - | - |
| **Expédition créée** | Une expédition est créée |
| **Expédition envoyée** | Une expédition est envoyée au transporteur et possède son étiquette |
| **Expédition annulée** | Une expédition est annulée ou supprimée |
| **Commande créée** | Une nouvelle commande arrive |
| **Commande mise à jour** | Une commande change |
| **Suivi mis à jour** | Le transporteur signale un nouveau scan de suivi |

<Frame caption="Les événements de commande et de suivi pour Customer.io">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/07-events-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=86664c6a957691fe2ac10d63e977ecc9" alt="Fenêtre de connexion de Customer.io défilée jusqu'aux cases à cocher des événements de commande et de suivi" className="block dark:hidden" width="2880" height="2800" data-path="images/fr/how-to/connect-customer-io/07-events-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/07-events-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=be5574e6b139832b5c0376ffa6074b3d" alt="Fenêtre de connexion de Customer.io défilée jusqu'aux cases à cocher des événements de commande et de suivi" className="hidden dark:block" width="2880" height="2800" data-path="images/fr/how-to/connect-customer-io/07-events-dark.png" />
</Frame>

Dans Customer.io, les événements gardent les noms de Zippendo, comme `shipment.dispatched` pour **Expédition envoyée**. Customer.io classe chaque événement sous la personne à partir de l'e-mail du client. Un événement sans e-mail client est enregistré comme événement anonyme.

Pour donner à un événement un autre nom, envoyez-le depuis une automatisation et renseignez **Nom de l'événement personnalisé** (voir ci-dessous). La fenêtre de connexion n'a pas de champ pour cela.

## Vérifier la connexion

Cliquez sur l'avion en papier sur la ligne de la connexion (**Envoyer un événement de test**), puis ouvrez le journal des envois (l'icône de prise). Un événement de test n'a pas de client, Customer.io l'enregistre donc comme événement anonyme. Une coche verte signifie que vos informations fonctionnent. 401 ou 403 signifie que Customer.io les a refusées : vérifiez le **Site ID**, la **Clé d'API** et la **Région des données**.

<Frame caption="Une connexion Customer.io dans l'onglet Connecté">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/03-connected-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=412ca26f7057b815d1d8cecd0cc8cfe0" alt="Onglet Connecté avec une connexion Customer.io et les icônes de test, de journal des envois, de modification et de suppression" className="block dark:hidden" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/03-connected-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/03-connected-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=45dc9e9bfe69ba3fe939182eb4f612f0" alt="Onglet Connecté avec une connexion Customer.io et les icônes de test, de journal des envois, de modification et de suppression" className="hidden dark:block" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/03-connected-dark.png" />
</Frame>

<Frame caption="Le journal des envois avant le premier événement">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/05-delivery-log-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=ccf8f145a698006557f0584a9330b460" alt="Fenêtre du journal des envois d'une connexion Customer.io indiquant Aucun envoi pour le moment" className="block dark:hidden" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/05-delivery-log-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/05-delivery-log-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=c3fb8f5c836243c22f9f25694b7ff49d" alt="Fenêtre du journal des envois d'une connexion Customer.io indiquant Aucun envoi pour le moment" className="hidden dark:block" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/05-delivery-log-dark.png" />
</Frame>

## Modifier les informations ou déconnecter

Cliquez sur l'icône de curseurs pour ouvrir **Modifier votre connexion Customer.io**. Laissez **Site ID** et **Clé d'API** vides pour conserver ce qui est enregistré.

<Warning>
  Si vous modifiez l'un des trois, renseignez de nouveau **Site ID** et **Clé d'API** et choisissez de nouveau la **Région des données**. Ce que vous saisissez remplace tout ce qui est enregistré pour la connexion. La liste **Région des données** affiche toujours les États-Unis ici et ne mémorise pas un choix UE : une connexion enregistrée sans choisir de région utilise donc les États-Unis.
</Warning>

Cliquez sur **Enregistrer les modifications**.

<Frame caption="Modifier une connexion Customer.io">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/04-edit-modal-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=25a24c75286d93a8bdfbfdd9ab9cd6a3" alt="Fenêtre de modification d'une connexion Customer.io avec le nom de la connexion, les champs d'identifiants vides, Région des données et les événements" className="block dark:hidden" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/04-edit-modal-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/04-edit-modal-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=a4c617b337afc55a9c1ed29fc457b252" alt="Fenêtre de modification d'une connexion Customer.io avec le nom de la connexion, les champs d'identifiants vides, Région des données et les événements" className="hidden dark:block" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/04-edit-modal-dark.png" />
</Frame>

Pour déconnecter, cliquez sur la corbeille, saisissez DELETE et cliquez sur **Déconnecter**. Cela arrête tous les événements vers Customer.io et supprime le journal des envois.

<Frame caption="Saisissez DELETE pour déconnecter">
  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/06-disconnect-modal-light.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=d9d34a7c3dd510359c8e0ec090a9daae" alt="Fenêtre Déconnecter l'intégration demandant de saisir DELETE" className="block dark:hidden" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/06-disconnect-modal-light.png" />

  <img src="https://mintcdn.com/zippendo/N1ddF4iNJRYFMBrw/images/fr/how-to/connect-customer-io/06-disconnect-modal-dark.png?fit=max&auto=format&n=N1ddF4iNJRYFMBrw&q=85&s=fa2ff3a725c1a2260aea6e3e00f6f1f6" alt="Fenêtre Déconnecter l'intégration demandant de saisir DELETE" className="hidden dark:block" width="2880" height="1800" data-path="images/fr/how-to/connect-customer-io/06-disconnect-modal-dark.png" />
</Frame>

## Utiliser Customer.io dans une automatisation

Dans **Automatisations**, ajoutez l'étape **Envoyer un événement Customer.io**. Elle envoie à Customer.io l'événement qui a démarré l'automatisation, mais seulement si vos conditions correspondent.

| Champ | Obligatoire | Ce qu'il fait |
| - | - | - |
| **Connexion** | Oui | Choisissez votre connexion Customer.io dans la liste. Sans elle, vous voyez **La connexion est obligatoire**. |
| **Nom de l'événement personnalisé** | Non | Le nom d'événement que Customer.io affiche à la place de celui par défaut, comme « parcel\_on\_its\_way ». |
| **Propriétés personnalisées** | Non | Cliquez sur **Ajouter** pour envoyer des données supplémentaires avec l'événement, comme la référence de l'expédition. |

Voir [Automatisations](/docs/fr/how-to/automations) pour construire le reste de l'automatisation.

## Voir aussi

* [Connecter une intégration](/docs/fr/how-to/connect-an-integration) - test, journal des envois, modification et déconnexion pour chaque application
* [Customer.io](/docs/fr/integrations/customer-io) - le guide détaillé
* [Dépannage des intégrations](/docs/fr/integrations/troubleshooting)
* [Automatisations](/docs/fr/how-to/automations)
* [Connecter un transporteur ou une intégration](/docs/fr/how-to/connect-index)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.