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

# Custom storefront

**Ontdek met onze gedetailleerde handleiding hoe je je Shopify-storefront aanpast. Verbeter het ontwerp en de functionaliteit van je winkel zodat ze beter aansluiten bij je zakelijke behoeften.**

### Inleiding

Als je hier bent beland, wil je waarschijnlijk de Pandectes GDPR Compliance-app gebruiken op je Shopify custom storefront.

Om dit mogelijk te maken, volg je de volgende twee stappen:

1. Laad de Customer Privacy API door dit scriptbestand te laden via deze link: `https://cdn.shopify.com/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js`
2. Open in onze app All settings > Custom/Headless support en schakel headless support in.

### Activeren

Wanneer je de pagina met de Custom storefront-instellingen voor het eerst opent, zie je een scherm zoals hieronder afgebeeld:

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/cleanshot-2025-02-17-at-095523_pfa771.png)

Je kunt op de knop **Enable** klikken en ondersteuning voor custom storefronts wordt geactiveerd.

### Instellingen

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/cleanshot-2025-02-17-at-101421_t2aar1.png)

**Storefront root domain**

Als je het root domain van je storefront kent, kun je het hier invullen (bijv. hydrogen.shop), anders wordt het standaarddomein in het fragment gebruikt.

**Checkout root domain**

Als je het checkoutdomein van je storefront kent, kun je het hier invullen (bijv. checkout.hydrogen.shop), anders wordt het standaarddomein in het fragment gebruikt.

**Storefront Access Token**

Om het token te krijgen, moet je eerst de [Hydrogen](https://apps.shopify.com/hydrogen)-app installeren en vervolgens een storefront maken. Ga binnen de storefront naar Settings > Storefront API.


### Fragment

Kopieer de code in het scriptgedeelte en plak deze als allereerste item in de <head> van elke webpagina waarop je de app wilt laten draaien.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/cleanshot-2025-02-17-at-101538_pfelvz.png)