Adobe Commerce Cloud
      Back to home
      1. Help Center
      2. Integrations
      3. Adobe Commerce Cloud

      Add a Widget in Adobe Commerce Cloud

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

      Pattern 1: Using Widget Insert

      1. Go to Content -> Pages.

      2. Select Edit on the page you want.

      3. Choose Edit with Page Builder.

      4. Add an HTML Code block where you want to embed the widget.

      5. Click Edit (⚙).

      6. Select Insert Widget and choose Firework Videos.

      7. Choose layout, channel, and playlist, then click Save.

        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).

       

      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.