Skip to main content

Magento : Install a Snackeet script on all product pages

Install a Snackeet script on all product pages, dynamically using the product ID as an alias.

Written by Snackeet Team


For instance $productId as DynamicAlias

1️⃣ Create a snackeet.phtml file in Magento_Catalog/templates/ and insert the following script:

phpCopierModifier<?php $product = $block->getLayout()->getBlock('product.info')->getProduct(); $productId = $product ? $product->getId() : ''; ?> <script> var widgetScript = document.createElement('script'); widgetScript.src = "https://widget.snackeet.com/script.js"; widgetScript.defer = true; 

widgetScript.dataset.snktProjectId = "YOUR_PROJECT_ID";

widgetScript.dataset.snktDynamicAlias = "<?php echo $productId; ?>"; document.body.appendChild(widgetScript); </script>

2️⃣ Include the snackeet.phtml file on all product pages via catalog_product_view.xml:

  • Modify or create this file: Magento_Catalog/layout/catalog_product_view.xml

  • Add the following block inside <body>:

xmlCopierModifier<referenceContainer name="after.body.start"> <block class="Magento\Framework\View\Element\Template" name="snackeet_script" template="Magento_Catalog::snackeet.phtml" /> </referenceContainer>

3️⃣ Clear Magento’s cache after implementation by running the following command:

shCopierModifierbin/magento cache:flush && bin/magento cache:clean

Expected result:
The Snackeet script will be loaded on all product pages, with dataset.snktDynamicAlias automatically set to the product ID. 🚀

Did this answer your question?