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

**Explore how to customize your Shopify storefront with our detailed guide. Enhance your store’s design and functionality to better meet your business needs.**

### Introduction

If you landed here, you probably want to use Pandectes GDPR Compliance app on your Shopify custom storefront.

In order to make this happen you need to follow the next two steps:

1. Load the Customer Privacy API by loading this file script from this link: `https://cdn.shopify.com/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js`
2. Visit our app Settings > Custom storefront and enable headless support.

### Activate

When you first access the Custom storefront settings page you can see a screen as depicted below:

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

You can click on the **Enable** button and custom storefront support will be activated.

### Settings

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

**Storefront root domain**

If you know the storefront root domain you can complete it here (ex hydrogen.shop) else the default domain will be used on the snippet.

**Checkout root domain**

If you know the storefront checkout domain you can complete it here (e.x. checkout.hydrogen.shop) else the default domain will be used on the snippet.

**Storefront Access Token**

In order to get the token you need first to install the [Hydrogen](https://apps.shopify.com/hydrogen) app and then create a storefront. Inside the storefront Settings > Storefront API.


### Snippet

Copy and paste the code provided on the script area as the very first item in the <head> of every webpage you want the app to run.

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

