The newest Connected Data addition is the HTML widget. It enables you to add connected data elements to your HTML widget, and use the HTML widget in your dynamic pages.

How to Use This in Dynamic Pages


The HTML widget allows you to add customized code to your site. With this new addition, you can combine connected data elements in it.



For example, if you want to embed an element in your Dynamic Page – a podcast from SoundCloud, an external calendar or any customized code – and you want it to be different in each dynamic page, you can store the ID in your collection and embed the code in the HTML widget. In the widget itself, click ‘Connect’, select the ID field, and paste it in the relevant place.


Use Case: Add a Podcast to Every Dynamic Page 


If we take the podcast “Design Matters’ and embed it in our site, we’ll notice 3 differences between the embedded codes: track ID, URL slug [the end of the URL] and guest name. If we store these 3 elements in the collection, we can embed the code once, and connect it.



For more about the HTML widget, see this.

For more about Connected Data, see this.


November 23, 2021
Inbar Amir

 • 

Connected Data: Now in the HTML Widget

Stay in the Loop with Duda Updates

Sign up to get feature releases, tools, and more to your inbox.

Latest product updates

Shopping cart overlay with Nocturne Vase and recommended decor items on a beige shopping page
By Rim Elfahem • September 30, 2026
4 Duda eCommerce updates to simplify order management and enhance your upsells.
Website booking page with “Book your appointment” banner and a contact form on the right
By Tal Levi • September 24, 2026
Control what happens after a form is submitted in your Vibe project - directly from the visual edits panel.
Close-up of a web app dropdown menu over a blue-and-white graphic design canvas.
By Tal Levi • September 21, 2026
Keep different tasks separate, go back to previous conversations, and pick up right where you left off.