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