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

# Eigenes Storefront

**Erfahren Sie in unserer ausführlichen Anleitung, wie Sie Pandectes in Ihrem eigenen Shopify-Storefront einsetzen und so Gestaltung und Funktion an Ihre Anforderungen anpassen.**

### Einführung

Wenn Sie hier gelandet sind, möchten Sie die App Pandectes GDPR Compliance vermutlich in Ihrem eigenen Shopify-Storefront verwenden.

Dafür sind zwei Schritte nötig:

1. Laden Sie die Customer Privacy API, indem Sie diese Skriptdatei einbinden: `https://cdn.shopify.com/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js`
2. Öffnen Sie in unserer App **All settings > Custom storefront** und aktivieren Sie die Headless-Unterstützung.

### Aktivieren

Beim ersten Aufruf der Einstellungsseite Custom storefront sehen Sie folgende Ansicht:

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

Klicken Sie auf **Enable**, und die Unterstützung für eigene Storefronts ist aktiviert.

### Einstellungen

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

**Storefront root domain**

Kennen Sie die Root-Domain Ihres Storefronts, tragen Sie sie hier ein (zum Beispiel hydrogen.shop). Andernfalls wird im Snippet die Standarddomain verwendet.

**Checkout root domain**

Kennen Sie die Checkout-Domain Ihres Storefronts, tragen Sie sie hier ein (zum Beispiel checkout.hydrogen.shop). Andernfalls wird im Snippet die Standarddomain verwendet.

**Storefront Access Token**

Um den Token zu erhalten, installieren Sie zunächst die App [Hydrogen](https://apps.shopify.com/hydrogen) und legen ein Storefront an. Den Token finden Sie dann in dessen Einstellungen unter **Settings > Storefront API**.


### Snippet

Kopieren Sie den im Skriptbereich angezeigten Code und fügen Sie ihn als allererstes Element in den `<head>` jeder Seite ein, auf der die App laufen soll.

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