Add a Widget in Adobe Commerce Cloud

Learn how to add a widget and insert Firework videos into your storefront.

Last updated:
October 8, 2025
Help
Integrations
Add a Widget in Adobe Commerce Cloud
Circular representation of the United States flag with red and white stripes and white stars on a blue field.
English
Table of Contents
h2
Example H2
h3
Example H3
h4
Example H4
h5
Example H5
h6
Example H6

Pattern 1: Using Widget Insert

  1. Go to Content -> Pages.
  2. Select Edit on the page you want.
Widget in Adobe Commerce Cloud
  1. Choose Edit with Page Builder.
  2. Add an HTML Code block where you want to embed the widget.
  3. Click Edit (⚙).
Widget in Adobe Commerce Cloud1
  1. Select Insert Widget and choose Firework Videos.
  2. Choose layout, channel, and playlist, then click Save.
Widget in Adobe Commerce Cloud2
  1. Pattern 2: Using HTML Code
    • Get HTML code from Firework Dashboard → Playlist/Layout.
    • Paste and edit the HTML code in the content section.
    Use Pattern 1 for simple embed without coding (limited customization).
    Use Pattern 2 to customize layout, size, titles, etc. (requires HTML knowledge).
Widget in Adobe Commerce Cloud3

If you would like to implement Product/Cart Hydration you will need to add the following script -

<script async type="text/javascript" src="//asset.fwcdn3.com/js/integrations/magento.js"></script>

Show Multiple Playlists Avoid script duplication by using only fwn.js, which includes logic from storyblock.js and embed-feed.js.