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

# Add the Banner on a Custom Page Outside Shopify

To make the Pandectes GDPR Compliance banner function correctly on a custom page outside of Shopify, follow these steps:

**Step 1: Inspect Your Store to Locate Pandectes Rules Script**

1. **Open Chrome** and navigate to your Shopify store.

2. **Right-click** anywhere on the page and select **View Page Source**.

3. **Copy the code** at the top inside the script tag with id pandectes-rules.
 
![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_1knx0ir.png =1000x126)
4. **Paste it** on the top of your custom page just after the <head> tag.

**Step 2: Inspect Your Store to Locate Pandectes Core Script**

1. **Open Chrome** and navigate to your Shopify store.

2. **Right-click** anywhere on the page and select **Inspect** to open the Developer Tools.

3. **Go to the Network tab** and select the **JS filter** to view only JavaScript files.

4. In the **search bar on the left,** type **“pandectes”** to filter for scripts that contain the word “pandectes.”

You should see one script appear in the list. Right-click on it and select **Copy link address** to copy the URL.

**Step 3: Retrieve and Modify the Script URL**

After copying the URL, you should have the link similar to these:

Example:

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

or

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

For this URL (pandectes-core.js), you’ll need to add an extra parameter to include your store’s unique **Store ID** .

**Add the Store ID Parameter** : Before the sp-cache-control parameter in the URL, insert &storeId=

Example:

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

or

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

**Find Your Store ID**

To locate your store ID:

1. Add "/shop.json" to the end of your store’s URL and press **Enter** .

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

2. Use **Ctrl+F** to search for the keyword "shopId" within the JSON data.

3. Copy the **ShopId** value, as this is your Store ID.

**Step 5: Add the Script URL to your Custom Page**

1. Use the first snippet and the url (with the modified storeId in the pandectes-core script) and include them at the top of your custom page, ideally after the <head> tag.

2. This setup ensures the banner will operate correctly on your headless storefront, capturing consent information as intended.

By following these steps, you’ll successfully integrate the Pandectes banner on a custom page outside Shopify, ensuring compliance and proper functionality across your entire site. If you encounter any issues, feel free to contact our support team for further assistance.