Widget Library, Favorites, and Addon Modules

Step 1: Search by the Job
Open Widgets and search for the job you need, such as menu, form, image, product, course, search, video, or dynamic field. Read the widget name and category before inserting it. Similar-looking elements can own different content, accessibility behavior, scripts, and data contracts.

Step 2: Use Favorites and Recent Items
Favorite the small set of widgets your team uses correctly and use the Recent filter while building related sections. Favorites do not disable the rest of the catalog; they reduce hunting and help newer editors start from approved components. Remove a favorite when the team has replaced that pattern.

Step 3: Configure the Element, Not Its Parent
Select the inserted widget in Navigator or the preview, then edit its Content, Design, and Advanced settings. Use the parent section for layout and the widget for its own data and presentation. When a registered addon module supplies the element, keep its wrapper and extension settings intact through save and reload.

Step 4: Verify Assets and Empty States
Check that the widget loads only the styles and scripts it needs on the public page and inside Studio. Test normal data, no data, loading, error, signed-out, and mobile states where they apply. A widget is complete only when it survives save, reopen, responsive preview, and public rendering without a missing dependency.
