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

**Descubre cómo personalizar tu storefront de Shopify con nuestra guía detallada. Mejora el diseño y la funcionalidad de tu tienda para adaptarla mejor a las necesidades de tu negocio.**

### Introducción

Si has llegado hasta aquí, probablemente quieras usar la app Pandectes GDPR Compliance en tu storefront personalizado de Shopify.

Para lograrlo, debes seguir estos dos pasos:

1. Carga la Customer Privacy API cargando este archivo de script desde este enlace: `https://cdn.shopify.com/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js`
2. En nuestra app, abre All settings > Custom/Headless support y activa el soporte headless.

### Activar

Cuando accedes por primera vez a la página de ajustes de Custom storefront, ves una pantalla como la que se muestra a continuación:

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

Puedes hacer clic en el botón **Enable** y se activará el soporte para custom storefront.

### Ajustes

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

**Storefront root domain**

Si conoces el dominio raíz del storefront, puedes completarlo aquí (p. ej., hydrogen.shop); de lo contrario, se utilizará el dominio predeterminado en el snippet.

**Checkout root domain**

Si conoces el dominio de checkout del storefront, puedes completarlo aquí (p. ej., checkout.hydrogen.shop); de lo contrario, se utilizará el dominio predeterminado en el snippet.

**Storefront Access Token**

Para obtener el token, primero debes instalar la app [Hydrogen](https://apps.shopify.com/hydrogen) y luego crear un storefront. Dentro del storefront, ve a Settings > Storefront API.


### Snippet

Copia y pega el código proporcionado en el área de script como el primer elemento del <head> de cada página web en la que quieras que se ejecute la app.

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