IdukkiIdukki
Industry playbook

UGC and shoppable video on Magento and Adobe Commerce, without a deploy

Adobe Commerce stores can place UGC galleries through CMS blocks and widgets instances rather than template changes. Here is the no-deploy install, the product feed path, and where attribution stands.

Nobody on the Adobe Commerce team wanted to touch the PDP template. It had been customised by an agency that no longer existed, and the last deploy had taken a weekend. The UGC gallery went in through a CMS block instead, and nobody had to open the template at all.

In this article

Adobe Commerce (and open-source Magento) is where "add a widget" most often turns into "schedule a deploy". It does not have to. The platform's own content tools can place a third-party gallery on any page without a developer, as long as the gallery is a plain div and a deferred script, which is what Idukki ships.

The site-wide loader, through configuration

In the admin, open Content, then Design, then Configuration, and edit the store view. Under Footer there is a Miscellaneous HTML field that renders on every page. Paste the loader script there and save. The change goes live on the next cache flush with no code deploy, which is exactly why the field exists.

html
<script async src="https://widget.idukki.io/idukki.js"></script>

Placing a gallery with a CMS block and a widget instance

  1. 1Content, Blocks, Add New Block. Paste the placeholder div into the block content and save it with a recognisable identifier such as idukki-home-gallery.
  2. 2Content, Widgets, Add Widget. Choose CMS Static Block as the type, pick the theme, and set the layout update: for the homepage choose the CMS Home Page, for product pages choose Catalog Product View and a container such as content.bottom.
  3. 3Select the block you created and save. Flush the cache. The gallery renders wherever the container sits in the layout.

For product-page filtering, the gallery needs the product id. The cleanest no-deploy route is a tiny CMS block using the directive syntax to output the current product's id into data-filter-pid; if your store already has a custom PDP template, a developer can add the div there instead in a few minutes.

Products: use the feed you already have

Almost every Adobe Commerce store runs a feed extension for Google Shopping or a marketplace. Paste that feed URL into the Idukki product import and schedule the re-sync. If there is no feed, the built-in System, Export produces a product CSV that maps in one pass. Tag posts to configurable parents, not simple children, so the gallery links to the page shoppers actually use.

Attribution and cart on Adobe Commerce today

Impressions, clicks, product clicks and add-to-cart intent are tracked regardless of platform. In-gallery cart writes and order attribution are Shopify-only today; Adobe Commerce order webhooks are on the integration roadmap alongside BigCommerce and WooCommerce. Until then, the gallery opens the product page for add-to-cart, and the analytics stop at intent. The WooCommerce guide covers the same boundary in more detail.

FAQs

  • Does this need a Magento extension?

    No. The loader and placeholder are plain HTML, placed through the admin content tools. No extension, no composer install, no deploy.

  • Will it work with Hyvä or a headless PWA Studio storefront?

    Hyvä renders server-side HTML, so the same install applies. PWA Studio and other headless fronts mount the widget from the loader in the app shell; the headless guide covers the pattern.

  • Can I attribute orders to UGC posts on Adobe Commerce?

    Not yet. Order attribution needs the platform order webhook integration, which is scheduled. Click and add-to-cart intent reporting works today.

Sources

  1. 1Adobe Commerce documentation: Widgets
  2. 2Adobe Commerce documentation: Design configuration
  3. 3Idukki: Headless Shopify UGC widgets
  4. 4Idukki: Adobe Commerce platform page
#magento#adobe-commerce#shoppable-video#install

More from Rohin Aggarwal

We use cookies

We use essential cookies to run this site and optional analytics cookies to understand how it’s used. You can change your choice anytime in our privacy policy.