# Shopify (beta)

Shopify est une plateforme de commerce électronique basée sur le cloud qui permet aux entreprises de toutes tailles de créer et de gérer des boutiques en ligne, de traiter les paiements et de vendre sur plusieurs canaux. Didomi propose une application native disponible dans le Shopify App Store, qui permet à votre organisation de déployer rapidement le CMP Didomi sur une boutique Shopify. Dans cet article, nous aborderons :

* [Prérequis](#prerequisites)
* [Catégories de consentement Shopify](#shopify-consent-categories)
* [Installer l’application Didomi sur une boutique Shopify](#install-didomi-application-on-shopify-store)
* [Connecter le compte Didomi à Shopify](#connect-didomi-account-to-shopify)
* [Configurer les paramètres de l’avis de consentement Shopify](#configure-shopify-consent-notice-settings)
* [Tester l’intégration Shopify](#test-shopify-integration)
* [Ressources](#resources)

***

### Prérequis

Avant de continuer, veuillez vous assurer que votre organisation remplit les prérequis suivants :&#x20;

* Compte Shopify
* Compte Didomi
* Avis de consentement Didomi publié

### Catégories de consentement Shopify

Dans le tableau ci-dessous, vous trouverez des informations supplémentaires concernant [l’API Customer Privacy de Shopify](https://shopify.dev/docs/api/customer-privacy) et les catégories de consentement qu’elle prend en charge. Lors de la configuration de l’application Didomi pour Shopify, votre organisation associera les finalités de votre avis de consentement à ces catégories de consentement Shopify.

{% hint style="info" %}
Didomi associe automatiquement, par défaut, les finalités IAB aux catégories de consentement Shopify. [Cliquez ici](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/mappage-par-defaut-shopify.md) pour plus d’informations.
{% endhint %}

<table><thead><tr><th width="220">Finalité de consentement Shopify</th><th>Description</th></tr></thead><tbody><tr><td>Analyses</td><td>Cookies permettant de comprendre comment les clients interagissent avec le site.</td></tr><tr><td>Marketing</td><td>Cookies utilisés pour fournir des publicités et des communications marketing en fonction des centres d’intérêt des clients.</td></tr><tr><td>Préférences</td><td>Cookies qui mémorisent les préférences du client, comme le pays ou la langue, afin de personnaliser les visites sur le site web.</td></tr><tr><td>Vente de données</td><td>Indique si la boutique peut partager les données d’un visiteur avec des tiers (recommandé uniquement pour les finalités spécifiques aux États-Unis).</td></tr></tbody></table>

{% hint style="warning" %}
**Remarque**: En plus des catégories de consentement Shopify ci-dessus, votre organisation peut également associer les finalités essentielles/requises de l’avis de consentement à une catégorie **Toujours requis** .&#x20;
{% endhint %}

### Installer l’application Didomi sur une boutique Shopify

Connectez-vous au compte Shopify de votre organisation avec vos identifiants.

<figure><img src="/files/3ba1dbb02ecd6961cfd0097a8ce274220ff8576b" alt="" width="375"><figcaption></figcaption></figure>

Depuis le portail d’administration d’une boutique Shopify, cliquez sur **+ Ajouter** dans le panneau de gauche, sous l’en-tête ***Applications*** .

<figure><img src="/files/dd66aebe58b857b07731cce792e65abfe2a8aff1" alt="" width="563"><figcaption></figcaption></figure>

Cliquez sur le lien **Shopify App Store** .

<figure><img src="/files/3ba37b59fd07e10f845e1bef5495476d29dcea5b" alt="" width="563"><figcaption></figcaption></figure>

Utilisez le champ de recherche fourni pour rechercher **Didomi Cookie Consent** puis sélectionnez-le dans les résultats. Cliquez sur **Installer** sur la page et suivez les instructions qui s’affichent ensuite.

<figure><img src="/files/1a9cf0c4120b61c04063bd4d2d4b6bb97cb33953" alt="" width="563"><figcaption></figcaption></figure>

L’application CMP Didomi sera disponible sous l’en-tête ***Applications*** dans le panneau de gauche.

<figure><img src="/files/03af4b85973f18c4a4093ea0ab80258414c161a7" alt="" width="563"><figcaption></figcaption></figure>

### Connecter le compte Didomi à Shopify

Accédez à l’application **Didomi CMP** installée sur votre boutique Shopify et cliquez sur **Se connecter à Didomi** sur la page suivante.

<figure><img src="/files/a366ab50c41b35ebd2a15efc32f1b8aace419571" alt="" width="563"><figcaption></figcaption></figure>

Si vous n’êtes pas encore connecté à votre compte Didomi, suivez les instructions pour vous connecter au compte Didomi de votre organisation.

<figure><img src="/files/a66ae77c43b0d7e6942a637d259fcdb13f04d84b" alt="" width="375"><figcaption></figcaption></figure>

Une fois votre compte utilisateur authentifié, utilisez le menu déroulant fourni pour sélectionner l’organisation à connecter à votre boutique Shopify. Cliquez sur **Connecter cette organisation** une fois terminé.

<figure><img src="/files/da8bca41509cfc1ef3991c66ad42c7e7979a5ef9" alt="" width="375"><figcaption></figcaption></figure>

### Configurer les paramètres de l’avis de consentement Shopify

Une fois le compte Didomi de votre organisation connecté à Shopify, vous pouvez maintenant sélectionner et configurer un avis de consentement Didomi à lancer sur votre boutique Shopify. Pour commencer, accédez à l’onglet **Choisir le thème** et utilisez le menu déroulant fourni pour sélectionner un thème avec un statut **Actif** .

{% hint style="info" %}
Un thème Shopify est un modèle de site web personnalisable qui définit la mise en page, le design et les fonctionnalités d’une boutique en ligne. [Cliquez ici](https://help.shopify.com/en/manual/online-store/themes) pour plus d’informations.
{% endhint %}

<figure><img src="/files/ffefaf00d3b68c211830d92e998c544ba8c979a6" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %}
L’avis de consentement Didomi ne s’affichera que lorsqu’il est configuré pour un thème ayant un statut **Actif** .
{% endhint %}

Une fois un thème sélectionné, accédez au panneau de gauche et sélectionnez **Paramètres** sous la section de l’application Didomi.

<figure><img src="/files/fd2f720c9e1d9fddc76692813f02d7e513c75ea7" alt="" width="563"><figcaption></figcaption></figure>

Sur la ***Paramètres*** page suivante, le **Sélectionner un avis** panneau répertoriera tous les avis de consentement Didomi publiés pour votre organisation. Utilisez le champ de recherche fourni pour trouver l’avis de consentement souhaité et sélectionnez-le en cliquant sur le bouton radio à gauche du nom de l’avis.

<figure><img src="/files/f18ee001eb2512e47953544919d557c64771eafe" alt="" width="563"><figcaption></figcaption></figure>

Une fois un avis de consentement sélectionné, accédez au panneau **Mappage des finalités** . Pour chaque finalité incluse dans l’avis de consentement, sélectionnez une [catégorie de consentement Shopify](#shopify-consent-categories) à laquelle la finalité doit être associée.

Plusieurs finalités de l’avis de consentement peuvent être associées à la même catégorie de consentement Shopify et la décision de l’utilisateur final concernant les finalités déterminera si la catégorie de consentement Shopify est définie sur `true|yes` ou `false|no` dans l’API Customer Privacy de Shopify.

{% hint style="warning" %}
**Remarque**: Pour qu’une catégorie de consentement Shopify soit `true|yes` **toutes** les finalités de votre avis de consentement mappées à la catégorie de consentement Shopify doivent être acceptées par l’utilisateur final. Si une ou plusieurs finalités de l’avis de consentement sont rejetées/refusées par l’utilisateur final, alors la catégorie de consentement Shopify à laquelle elles sont associées sera définie sur `false|no`.
{% endhint %}

<figure><img src="/files/97b8b7013520f7eeb01853e7abfcc53f839a49f0" alt="" width="563"><figcaption></figcaption></figure>

Toutes les finalités de l’avis de consentement devront être associées à une catégorie de consentement Shopify. Cependant, toutes les catégories de consentement Shopify ne doivent pas nécessairement être incluses dans le mappage. Cliquez sur **Enregistrer** une fois terminé.

{% hint style="info" %}
Si une finalité de l’avis de consentement n’est pas associée, l’avis de consentement ne s’affichera pas sur votre boutique Shopify. [Cliquez ici](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/resoudre-les-problemes-dintegration-shopify.md) pour plus d’informations.

Cette condition **n’** a pas [d’incidence sur l’affichage d’une](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/banniere-de-paiement-shopify.md).
{% endhint %}

<figure><img src="/files/105fd2e170f0dcfc311425773ff3bd91ec9553e4" alt="" width="563"><figcaption></figcaption></figure>

L’avis de consentement sélectionné s’affichera sur votre boutique Shopify dans les [régions](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/configurer-la-ou-les-regions-de-lavis-de-consentement-shopify.md) que vous avez configurées dans la console Didomi pour l’avis de consentement.&#x20;

### Tester l’intégration Shopify

Accédez à la boutique Shopify de votre organisation et vérifiez les tests suivants :

* [Avis de consentement non affiché dans les régions exclues](#consent-notice-not-displayed-in-excluded-regions)
* [Signaux de consentement Didomi](#didomi-consent-signals)
* [Catégories de consentement Shopify](#shopify-consent-categories-1)

#### Avis de consentement non affiché dans les régions exclues

Du point de vue de l’utilisateur final de votre boutique Shopify, vérifiez que l’avis de consentement n’apparaît pas dans les [régions](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/configurer-la-ou-les-regions-de-lavis-de-consentement-shopify.md) qui ont été exclues dans la configuration de l’avis de consentement Didomi.

Lorsqu’une région est exclue (et que l’avis de consentement n’est donc pas affiché), votre organisation peut ouvrir les outils de développement du navigateur et utiliser les appels de méthode suivants pour vérifier la sortie attendue, respectivement, pour l’API Didomi et l’API Customer Privacy de Shopify.

{% tabs %}
{% tab title="Didomi " %}
Utilisez l’appel de méthode `Didomi.getCurrentUserStatus()` pour retourner l’état actuel du consentement de l’utilisateur final pour Didomi.

Comme le consentement n’est pas requis et qu’aucun avis de consentement n’a été affiché, l’appel de méthode devrait retourner un objet dans lequel le consentement pour toutes les finalités et tous les fournisseurs est défini sur `true`.

<figure><img src="/files/ad145079e57c3dff0d16c821462e5ed2c97c28b9" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Shopify" %}
Utilisez l’appel de méthode `Shopify.customerPrivacy.currentVisitorConsent()` pour retourner l’état actuel du consentement de l’utilisateur final pour Shopify.

Comme le consentement n’est pas requis et qu’aucun avis de consentement n’a été affiché, l’appel de méthode devrait retourner un objet dans lequel le consentement pour chaque catégorie de consentement Shopify est défini sur `yes`.

{% hint style="warning" %}
**Remarque**: Si une catégorie de consentement Shopify n’a pas été utilisée dans le mappage entre les finalités de l’avis de consentement et les catégories de consentement Shopify, alors cette catégorie de consentement Shopify renverra une chaîne vide.&#x20;
{% endhint %}

<figure><img src="/files/2342202db1edff664ed0812a3c48040ffebc0540" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Signaux de consentement Didomi

Pour les régions où la collecte du consentement est nécessaire (et où la région est donc incluse et un avis de consentement est affiché), votre organisation voudra vérifier que les décisions de consentement de l’utilisateur final sont correctement capturées dans l’API Didomi.

Accédez à votre boutique Shopify en tant qu’utilisateur final et confirmez que l’avis de consentement Didomi sélectionné s’affiche sur la page.

<figure><img src="/files/39269d0c1d67ffa0e100e086d20fca7333851b48" alt="" width="563"><figcaption></figcaption></figure>

Faites vos choix de consentement via l’avis de consentement et soumettez la réponse.&#x20;

Ouvrez les outils de développement du navigateur et utilisez `Didomi.getCurrentUserStatus()` l’appel de méthode pour retourner l’état actuel du consentement de l’utilisateur final pour Didomi. Assurez-vous que vos sélections se reflètent dans les paramètres de l’objet `finalités` .&#x20;

<figure><img src="/files/23e16f707d85f5fdff77941f7f6e2fb5f1d6cb4e" alt="" width="563"><figcaption></figcaption></figure>

#### Catégories de consentement Shopify

Pour les régions où la collecte du consentement est nécessaire (et où la région est donc incluse et un avis de consentement est affiché), votre organisation voudra vérifier que les décisions de consentement de l’utilisateur final sont correctement associées et capturées dans l’API Customer Privacy de Shopify.

Accédez à votre boutique Shopify en tant qu’utilisateur final et confirmez que l’avis de consentement Didomi sélectionné s’affiche sur la page.

<figure><img src="/files/39269d0c1d67ffa0e100e086d20fca7333851b48" alt="" width="563"><figcaption></figcaption></figure>

Faites vos choix de consentement via l’avis de consentement et soumettez la réponse.&#x20;

Ouvrez les outils de développement du navigateur et utilisez `Shopify.customerPrivacy.currentVisitorConsent()` l’appel de méthode pour retourner l’état actuel du consentement de l’utilisateur final pour l’API Customer Privacy de Shopify. Assurez-vous que vos sélections se reflètent dans les catégories de consentement Shopify [configurées dans le mappage](#configure-shopify-consent-notice-settings) effectué entre les finalités de consentement Didomi et les catégories de consentement Shopify.

{% hint style="warning" %}
**Remarque**: Pour qu’une catégorie de consentement Shopify soit `yes` toutes les finalités de votre avis de consentement mappées à la catégorie de consentement Shopify doivent être acceptées par l’utilisateur final. Si une ou plusieurs finalités de l’avis de consentement sont rejetées/refusées par l’utilisateur final, alors la catégorie de consentement Shopify à laquelle elles sont associées sera définie sur `no`.

De plus, si une catégorie de consentement Shopify n’a pas été utilisée dans le mappage entre les finalités de l’avis de consentement et les catégories de consentement Shopify, alors cette catégorie de consentement Shopify renverra une chaîne vide.&#x20;
{% endhint %}

<figure><img src="/files/268deb280824bb218ed82e7546305ac18bcccbf6" alt="" width="563"><figcaption></figcaption></figure>

***

### Ressources

Consultez les articles suivants pour plus d’informations sur la configuration de votre intégration Didomi avec Shopify :

* [Configurer les régions de l’avis de consentement Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/configurer-la-ou-les-regions-de-lavis-de-consentement-shopify.md)
* [Mappage par défaut de Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/mappage-par-defaut-shopify.md)
* [Réafficher l’avis de consentement Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/reafficher-lavis-de-consentement-shopify.md)
* [Voir l’intégration Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/voir-lintegration-shopify.md)
* [Déconnecter la boutique Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/deconnecter-la-boutique-shopify.md)
* [Ajouter une finalité à l’avis de consentement Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/ajouter-la-finalite-a-lavis-de-consentement-shopify.md)
* [Bannière de paiement Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/banniere-de-paiement-shopify.md)
* [Résoudre les problèmes de l’intégration Shopify](/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta/resoudre-les-problemes-dintegration-shopify.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.didomi.io/fr/integrations/systeme-de-gestion-de-contenu-cms/shopify-beta.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
