> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Ajouter la bannière de l'application et les widgets avec l'éditeur de thèmes de Shopify

Suivez notre guide pour ajouter facilement la bannière de l'application et les widgets à votre boutique Shopify grâce à l'éditeur de thèmes.

### Introduction

Ce guide d'installation s'applique à [Dawn](https://www.shopify.com/partners/blog/shopify-online-store#theme) et aux autres thèmes Shopify compatibles avec les exigences d'[Online Stores 2.0](https://www.shopify.com/partners/blog/shopify-online-store). Shopify a fait évoluer l'architecture de ses thèmes dans Online Store 2.0, ce qui vous permet d'installer les widgets de [Pandectes GDPR Compliance](https://apps.shopify.com/gdpr-cookie-consent) (Customer Data Requests Widget, Cookie Declaration Widget) en ajoutant des blocs d'application dans l'éditeur de thèmes de Shopify. Dans cet article, nous vous guidons pas à pas pour installer notre bannière et nos widgets sur votre boutique.

* Étape 1 : ouvrir l'éditeur de thèmes de Shopify
* Étape 2 : activer l'App Embed
* Étape 3 : ajouter le bloc d'application Customer Data Requests
* Étape 4 : ajouter le bloc d'application Cookies Declaration

### Étapes

###### Étape 1 : ouvrir l'éditeur de thèmes de Shopify

Après avoir ajouté l'application Pandectes GDPR Compliance depuis la boutique d'applications Shopify, cliquez sur **Online Store** dans le menu de gauche, puis sur **Themes**.


![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_wr0pxl.png =300x188)

###### Étape 2 : activer l'App Embed

* Assurez-vous d'activer l'**App Embed** dans l'éditeur de thèmes de Shopify en choisissant **App Embeds** dans le menu latéral gauche.
* Lorsque le panneau **App Embeds** apparaît à gauche, activez le curseur de **Pandectes Core**, puis cliquez sur **Save**.
    
![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/after1_5i6v10.png =1000x497)

**Remarque :** n'oubliez pas de désactiver la méthode d'installation par défaut. Pour cela, cliquez sur le menu *Help* (en haut à droite de l'application), où vous pouvez accéder à l'option *Online Store 2.0 Support*. Sur cette page, au dernier point, vérifiez simplement que l'interrupteur est désactivé.

###### Étape 3 : ajouter le bloc d'application Customer Data Requests

Le **Customer Data Requests code snippet** vous aide à afficher les éléments suivants :

* Le statut de consentement actuel, avec la possibilité de le révoquer
* Le formulaire Customer Data Requests pour les clients ou les visiteurs invités
    
Cette méthode suit la nouvelle approche avec les blocs d'application que Shopify recommande après les changements apportés aux thèmes.

1. Accédez à l'option **Online Store** dans le menu latéral gauche et cliquez sur le bouton **Customize**.
2. En haut au centre de la page, cliquez sur la liste déroulante **Home Page**, accédez à l'option **Pages**, puis cliquez sur **Create a template**.
3. Créez un nouveau modèle de page en lui donnant le nom **Pandectes DSR**.
4. Sur la gauche, accédez à **Template > Add section**. Dans la liste, sélectionnez l'onglet **Apps** et cliquez sur **Pandectes Data Requests**. 

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_1e9meg1.png =400x247)

5. Cliquez sur **Save** en haut à droite.
6. Accédez à l'option **Online Store** dans le menu latéral gauche, puis cliquez sur **Pages**.
7. Créez une nouvelle page et donnez-lui le titre de votre choix (par ex. Customer Data Requests).
8. Sélectionnez comme modèle de page le modèle nouvellement créé appelé **Pandectes DSR** et enregistrez la page.

###### Étape 4 : ajouter le bloc d'application Cookies Declaration

Dans cette étape, vous verrez comment ajouter le Cookies Declaration code snippet sur une page de votre boutique. Le **Cookies Declaration widget** vous aide à afficher un tableau structuré de tous les cookies utilisés dans votre boutique, avec quelques informations de base à leur sujet.

Cette méthode suit la nouvelle approche avec les blocs d'application que Shopify recommande après les changements apportés aux thèmes.

Voici comment y accéder :

* Si vous avez un plan payant, vous pouvez suivre les étapes suivantes.
* Pour l'essayer gratuitement pendant 7 jours, [passez simplement à un plan payant](https://apps.shopify.com/gdpr-cookie-consent).

Étapes pour ajouter la déclaration des cookies :

1. Accédez à l'option **Online Store** dans le menu latéral gauche et cliquez sur le bouton **Customize**.
2. En haut au centre de la page, cliquez sur la liste déroulante **Home Page**, accédez à l'option **Pages**, puis cliquez sur **Create a template**.
3. Créez un nouveau modèle de page en lui donnant le nom **Pandectes Declaration**.
4. Sur la gauche, accédez à **Template > Add section**. Dans la liste, sélectionnez l'onglet **Apps** et cliquez sur **Pandectes Declaration**.
5. Cliquez sur **Save** en haut à droite.
6. Accédez à l'option **Online Store** dans le menu latéral gauche, puis cliquez sur **Pages**.
7. Créez une nouvelle page et donnez-lui le titre de votre choix (par ex. Cookie Policy).
8. Sélectionnez comme modèle de page le modèle nouvellement créé appelé **Pandectes Declaration** et enregistrez la page.