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

# Guide de configuration des intégrations

Activer les intégrations dans la page Integrations Settings de notre application les rend faciles à utiliser. Par défaut, les intégrations fonctionnent via notre app embed. 

Si vous chargez manuellement ces services (listés dans nos Integrations) dans votre `theme.liquid`, si vous utilisez des applications qui ne se chargent pas en app embed (applications legacy) ou si vous les chargez depuis Google Tag Manager, suivez alors la **configuration manuelle** ci-dessous.

Si vous rencontrez des problèmes avec les **intégrations** (par exemple, lorsque vous ne chargez pas les Google Properties depuis notre section d'intégration Google Consent Mode), vous pouvez suivre la configuration manuelle de nos intégrations, comme expliqué ci-dessous.

### 1. Configuration manuelle

La configuration manuelle consiste à injecter notre script `pandectes-rules.js` en haut de votre thème.

1. Dans le Shopify Admin de votre boutique, allez dans **Online Store > Themes > Edit code (sur votre thème actuel)**.
    
2. Sur la gauche, sous le dossier **Layout**, ouvrez le fichier **theme.liquid**.
    
3. Juste après la balise `<head>` d'ouverture, collez ceci :

```
<!-- Pandectes Rules Manual Setup -->
<script src="{{ 'pandectes-rules.js' | file_url }}"></script>
```

4. Cliquez sur **Save**.

![](https://i.imgur.com/7VSuu50.gif) 

### 2. Tester la configuration manuelle

Suivez les étapes ci-dessous pour vérifier que le script `pandectes-rules.js` est correctement chargé sur votre boutique Shopify :

##### 2.1 Étapes

1. **Ouvrez le site de votre boutique Shopify**

Accédez à votre boutique Shopify en ligne, là où le script doit être installé.

2. **Ouvrez les outils de développement**

Sur Google Chrome
     
- Faites un clic droit n'importe où sur la page et sélectionnez **Inspect**.   
- Vous pouvez aussi appuyer sur `Ctrl + Shift + I` (Windows) ou `Cmd + Option + I` (Mac) pour ouvrir les outils de développement.

3. **Accédez à l'onglet Console**

Cliquez sur l'onglet **Console** dans le panneau des outils de développement. C'est ici qu'apparaissent les journaux et les erreurs JavaScript.

4. **Exécutez l'extrait suivant dans la console**
 
Dans la console, saisissez l'extrait de code suivant et appuyez sur **Enter** :

```javascript
const scriptPath = "files/pandectes-rules.js";
const scripts = Array.from(document.getElementsByTagName("script"));
const scriptLoaded = scripts.some(script => script.src.includes(scriptPath));

if (scriptLoaded) {
   console.log(`Pandectes Rules script is correctly loaded!`);
} else {
   console.log(`Pandectes Rules script is NOT loaded.`);
}
```

5. **Interprétez les résultats**

Si le script est correctement chargé, vous verrez le message :
     
```
Pandectes Rules script is correctly loaded!
```

Si le script n'est pas chargé, vous verrez le message :
     
```
Pandectes Rules script is NOT loaded.
```

##### 2.2 Remarques supplémentaires

- Assurez-vous que le script est ajouté après la balise `<head>` d'ouverture de votre thème Shopify.
- Si le script n'est pas chargé, vérifiez les fichiers de votre thème pour voir si l'injection du script est correcte, en particulier en cas de problème d'URL ou de timing de chargement du script.

### 3. Besoin d'aide ?

Si vous rencontrez toujours des problèmes avec les intégrations de notre application et que vous avez besoin d'aide, contactez notre équipe de support via le chat en direct depuis l'application ou par e-mail à support@pandectes.io