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.
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:
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
Visit our app Settings > Custom storefront and enable headless support.
When you first access the Custom storefront settings page you can see a screen as depicted below:

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

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 app and then create a storefront. Inside the storefront Settings > Storefront API.
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.

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

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

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

Updated on: 17/02/2025
Thank you!