This guide will walk you through integrating our video widgets into your Magento store. You’ll be able to display short videos (UGC, tutorials, explainers, etc.) in formats like stories, carousels, floating widgets, etc.
Step 1 – Add the Vidjet script to Magento
To activate the Vidjet player on your store, you’ll first need to add your unique script tag to your site's header code.
Log in to your Magento Admin Panel
Go to: Content → Design → Configuration
Select the theme you want to edit by clicking Edit on the appropriate row.
Scroll to the HTML Head section.
In the Scripts and Style Sheets field, paste the Vidjet script. You can find this script in your Vidjet dashboard (under Settings > Integrations).
Click "Save Configuration"
Clear the Magento cache: System → Cache Management → Click Flush Magento Cache`
💡 Alternative: you can also integrate the Vidjet script via Google Tag Manager.
Step 2 – Sync your products with Vidjet
To link your videos to specific products, you need to sync your product catalog with Vidjet.
Export your product feed from Magento (or other platforms, such as Google Merchant Center) in one of these formats: XML, CSV, or JSON.
Send it to leo@vidjet.io, and he will integrate it for you, making sure the data is correctly structured.
Leo will email you once done. You will be able to see the following view:
✅ Once synced, you’ll be able to tag products to specific videos and enable Add-to-Cart buttons directly from the widget.
Step 3 – Install a widget in your product page template
Now, it’s time to embed your first widget into the product page layout.
In the Vidjet dashboard:
Click Create Widget and follow the setup process (choose widget type, select videos, and set display rules)
Once created, Vidjet will give you an embed code.
Log in to your Magento Admin Panel and access your product page template:
Go to Content → Design → Theme Files
Find or create a file called
catalog_product_view.xmlor navigate to the actual.phtmlfile used to render the product view (commonlyapp/design/frontend/YourTheme/YourPackage/Magento_Catalog/templates/product/view.phtml)
Paste the Vidjet embed code where you want the video widget to appear (we suggest below the add-to-cart CTA).
Save the file and deploy static content if needed:
arduinoCopyEditphp bin/magento setup:static-content:deploy
Clear cache again:
bashCopyEditphp bin/magento cache:clean php bin/magento cache:flush
💡 Once installed, you won't need to update your Magento code anymore! You will be able to manage all your videos from your Vidjet account.
✅ That’s it!
Your Magento store is now fully integrated with Vidjet. You can:
Show videos on product pages
Tag products inside videos
Enable "Add to Cart" or "Buy now' directly from widgets
Boost conversion with engaging, dynamic content
If you need help during integration, our team is here to assist you via live chat or at contact@vidjet.io.