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

# Añadir el banner en una página personalizada fuera de Shopify

Para que el banner de Pandectes GDPR Compliance funcione correctamente en una página personalizada fuera de Shopify, sigue estos pasos:

**Paso 1: Inspecciona tu tienda para localizar el script Pandectes Rules**

1. **Abre Chrome** y ve a tu tienda Shopify.

2. **Haz clic derecho** en cualquier parte de la página y selecciona **View Page Source**.

3. **Copia el código** de la parte superior, dentro de la etiqueta script con el id pandectes-rules.
 
![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_1knx0ir.png =1000x126)
4. **Pégalo** en la parte superior de tu página personalizada, justo después de la etiqueta <head>.

**Paso 2: Inspecciona tu tienda para localizar el script Pandectes Core**

1. **Abre Chrome** y ve a tu tienda Shopify.

2. **Haz clic derecho** en cualquier parte de la página y selecciona **Inspect** para abrir las herramientas de desarrollo.

3. **Ve a la pestaña Network** y selecciona el **filtro JS** para ver solo los archivos JavaScript.

4. En la **barra de búsqueda de la izquierda,** escribe **“pandectes”** para filtrar los scripts que contengan la palabra “pandectes”.

Deberías ver aparecer un script en la lista. Haz clic derecho sobre él y selecciona **Copy link address** para copiar la URL.

**Paso 3: Obtén y modifica la URL del script**

Después de copiar la URL, deberías tener un enlace similar a estos:

Ejemplo:

`https://cdn.shopify.com/proxy/5f9815de638bdd6ff91a0e4ac91dc8c78b381461559c9c78b08728f8f3dcff24/s.pandect.es/scripts/pandectes-core.js?shop=pandectes.myshopify.com&sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA`

o

`https://cdn.shopify.com/extensions/6110e6e6-11de-41ee-8f29-ae62507bc73b/pandectes-gdpr-compliance-96/assets/pandectes-core.js`

Para esta URL (pandectes-core.js), tendrás que añadir un parámetro adicional para incluir el **Store ID** único de tu tienda.

**Añade el parámetro Store ID** : Antes del parámetro sp-cache-control de la URL, inserta &storeId=

Ejemplo:

`https://cdn.shopify.com/proxy/5f9815de638bdd6ff91a0e4ac91dc8c78b381461559c9c78b08728f8f3dcff24/s.pandect.es/scripts/pandectes-core.js?shop=pandectes.myshopify.com&storeId=61655154908&sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA`

o

`https://cdn.shopify.com/extensions/6110e6e6-11de-41ee-8f29-ae62507bc73b/pandectes-gdpr-compliance-96/assets/pandectes-core.js&storeId=61655154908`

**Encuentra tu Store ID**

Para localizar tu store ID:

1. Añade "/shop.json" al final de la URL de tu tienda y pulsa **Enter** .

Ejemplo: https://yourstore.myshopify.com/shop.json

2. Usa **Ctrl+F** para buscar la palabra clave "shopId" dentro de los datos JSON.

3. Copia el valor de **ShopId**, ya que este es tu Store ID.

**Paso 5: Añade la URL del script a tu página personalizada**

1. Usa el primer fragmento y la URL (con el storeId modificado en el script pandectes-core) e inclúyelos en la parte superior de tu página personalizada, idealmente después de la etiqueta <head>.

2. Esta configuración garantiza que el banner funcione correctamente en tu tienda headless, capturando la información de consentimiento como se espera.

Siguiendo estos pasos, integrarás correctamente el banner de Pandectes en una página personalizada fuera de Shopify, garantizando el cumplimiento y el funcionamiento adecuado en todo tu sitio. Si tienes algún problema, no dudes en ponerte en contacto con nuestro equipo de soporte para recibir más ayuda.