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.Widget in Adobe Commerce Cloud

      3. Choose Edit with Page Builder.

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

      5. Click Edit (⚙).Widget in Adobe Commerce Cloud1

      6. Select Insert Widget and choose Firework Videos.

      7. Choose layout, channel, and playlist, then click Save.Widget in Adobe Commerce Cloud2

        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.