Add web widgets in Dreamweaver
Use this topic to add web widgets, such as accordions, tabbed panels, and calendars, in Dreamweaver.


The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this article in Dreamweaver CC and later. For more information, see this article.

A web widget is a web page component comprised of HTML, CSS, and JavaScript. Examples of web widgets include accordions, tabbed panels, and calendars.

You can make your own personal selection of web widgets available in Dreamweaver by using the Adobe Widget Browser—an AIR application that lets you browse, configure, and preview widgets using a visual interface.

  1. Select Insert > Widget.

  2. In the Widget dialog box, select a widget and preset (if applicable) and click OK.

You can also add a web widget to a Dreamweaver page (CS5.5 and later) by doing the following:

  1. In the Widget Browser, navigate to My Widgets.

  2. Select the widget you want to add.

  3. Click and hold the Drag and Drop in Dreamweaver icon at the upper left corner of the Live View tab. Drag the widget to Dreamweaver into Design view (Windows) or Design or Code view (Macintosh OS).

You cannot drag and drop the widget into Live view, but you can use Live view to test the widget once you’ve dropped it into the page.