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
Open Chrome and navigate to your Shopify store.
Right-click anywhere on the page and select View Page Source .
Copy the code on the top inside the script tag with id pandectes-rules.
Paste it on the top of your custom page just after the <head> tag.
Step 2: Inspect Your Store to Locate Pandectes Core Script
Open Chrome and navigate to your Shopify store.
Right-click anywhere on the page and select Inspect to open the Developer Tools.
Go to the Network tab and select the JS filter to view only JavaScript files.
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:
Add "/shop.json" to the end of your store’s URL and press Enter .
Example: https://yourstore.myshopify.com/shop.json
Use Ctrl+F to search for the keyword "shopId" within the JSON data.
Copy the ShopId value, as this is your Store ID.
Step 5: Add the Script URL to your Custom Page
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.
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.
Step 1: Inspect Your Store to Locate Pandectes Rules Script
Open Chrome and navigate to your Shopify store.
Right-click anywhere on the page and select View Page Source .
Copy the code on the top inside the script tag with id pandectes-rules.
Paste it on the top of your custom page just after the <head> tag.
Step 2: Inspect Your Store to Locate Pandectes Core Script
Open Chrome and navigate to your Shopify store.
Right-click anywhere on the page and select Inspect to open the Developer Tools.
Go to the Network tab and select the JS filter to view only JavaScript files.
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:
Add "/shop.json" to the end of your store’s URL and press Enter .
Example: https://yourstore.myshopify.com/shop.json
Use Ctrl+F to search for the keyword "shopId" within the JSON data.
Copy the ShopId value, as this is your Store ID.
Step 5: Add the Script URL to your Custom Page
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.
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.
Updated on: 06/11/2024
Thank you!