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

# Installatiegids voor integraties

Door integraties in te schakelen op de pagina Integrations Settings van onze app, kun je ze eenvoudig gebruiken. Standaard werken de integraties via onze app embed. 

Als je deze services (vermeld in onze Integrations) handmatig laadt in je `theme.liquid`, apps gebruikt die niet als app embed worden geladen (verouderde apps) of ze laadt vanuit Google Tag Manager, volg dan de **Handmatige installatie** hieronder.

Als je problemen ondervindt met **Integrations** (bijvoorbeeld wanneer de Google Properties niet worden geladen vanuit onze sectie Google Consent Mode Integration), kun je de handmatige installatie van onze integraties volgen, zoals hieronder uitgelegd.

### 1. Handmatige installatie

Bij de handmatige installatie wordt ons `pandectes-rules.js`-script bovenaan je thema geplaatst.

1. Ga in de Shopify Admin van je winkel naar **Online Store > Themes > Edit code (on your current theme)**.
    
2. Open aan de linkerkant onder de map **Layout** het bestand **theme.liquid**.
    
3. Plak dit direct na de openingstag `<head>`:

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

4. Klik op **Save**.

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

### 2. De handmatige installatie testen

Volg de onderstaande stappen om te controleren of het script `pandectes-rules.js` correct in je Shopify-winkel wordt geladen:

##### 2.1 Stappen

1. **Open de website van je Shopify-winkel**

Ga naar je live Shopify-winkel waar het script geïnstalleerd zou moeten zijn.

2. **Open de Developer Tools**

In Google Chrome
     
- Klik met de rechtermuisknop ergens op de pagina en selecteer **Inspect**.   
- Je kunt ook op `Ctrl + Shift + I` (Windows) of `Cmd + Option + I` (Mac) drukken om de Developer Tools te openen.

3. **Ga naar de tab Console**

Klik op de tab **Console** in het paneel Developer Tools. Hier verschijnen JavaScript-logs en -fouten.

4. **Voer het volgende fragment uit in de console**
 
Typ in de console het volgende codefragment en druk op **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. **Interpreteer de resultaten**

Als het script correct is geladen, zie je de volgende melding:
     
```
Pandectes Rules script is correctly loaded!
```

Als het script niet is geladen, zie je de volgende melding:
     
```
Pandectes Rules script is NOT loaded.
```

##### 2.2 Aanvullende opmerkingen

- Zorg ervoor dat het script is toegevoegd na de openingstag `<head>` van je Shopify-thema.
- Als het script niet is geladen, controleer dan of je themabestanden de juiste scriptinjectie bevatten, vooral als er problemen zijn met de URL of de timing van het laden van het script.

### 3. Hulp nodig?

Als je nog steeds problemen hebt met de Integrations van onze app en hulp nodig hebt, neem dan contact op met ons supportteam via livechat in de app of per e-mail via support@pandectes.io