Articles on: Rooms

Adding and reordering widgets

Widgets are the pieces of content that fill a section — text, image, video, CTA, signature, meeting, etc. (Sometimes called "blocks" in other tools — in Katalyz they're widgets.) Here's how to add, reorder, duplicate, and delete them.


The floating build bar


All widget-adding happens from the floating build bar at the bottom of the editor.


Left to right, the bar contains:


  1. Primary widgets (always visible): Text · Bento · Image · Video · Document · Step · Field · Link.
  2. A chevron (All widgets) that opens the full catalog: Timeline, Contact, Spacer, Meeting, Table, KPI, Chart, Battle card, Before/After, CTA, Signature, Testimonial, FAQ, Tabs, Placeholder, Room, Board, Scheduler, Video bubble — plus the primary eight again.
  3. + Add section — opens a popover with From scratch (an Empty section to drag in) and From a template (searchable section templates). Covered in Adding and reordering pages and sections.


floating build bar with the eight primary widgets, the All widgets chevron and + Add section


What moved off the bar


  • The Cover / Add banner and Title / Hide title chips are gone. Page cover and title are now controlled from the page header: + Add cover / Remove banner on the page banner, and a Hide title toggle in the title details popover. See Page cover and Page title options.
  • The AI block is no longer in the catalog. AI lives in the round Ask AI launcher in the bottom-right corner of the room — see Ask AI.


Add a widget


Drag & drop from the build bar — this is the only way to add a widget. Clicking a widget in the bar does nothing on its own.


  1. Find the widget — in the primary row, or open All widgets if it's not there.
  2. Drag it onto the target section of the page.
  3. Configure its content.


Inside an action details panel


When you open the details of a Step (action), it has its own widget-adding flow — a + button at the bottom of the panel that opens a smaller widget picker. The build bar isn't used inside that context.


Select a widget


Click a widget once. A light selection pill appears above it with quick actions:


  • Open — open the widget's full configuration
  • S / M / L — per-widget layout toggles (width)
  • Edit content — edit the widget's content inline
  • Design — open the contextual Design panel (see Styling sections and widgets)
  • More — Duplicate, Toggle visibility, Copy link, plus a couple of coming-soon items
  • Ask AI — gradient AI chip to start an AI thread anchored on this widget (see Ask AI)


Reorder widgets


Drag the widget to a new position. Within a section, reordering is direct.


For cross-section moves: drag the widget into the target section, or use the selection pill's More → Duplicate then delete the original.


Duplicate a widget


Selection pill → More → Duplicate. The copy appears directly below the original.


Delete a widget


Select the widget, then click the vertical ⋮ (More) chip on the selection pill and choose Delete.


Edit a widget


Click to select it, then:

  • For text content — type directly (an inline text toolbar appears for formatting).
  • For widgets with options (video URL, CTA destination, embed source, etc.) — use the Open chip on the selection pill to bring up the configuration panel.


Widget visibility


Individual widgets do not have a "hide from buyers" toggle. To hide content:

  • Move it to a hidden section (or hidden page).
  • Or use a Placeholder widget to hold space for content coming later.


Design & layout


Each selected widget has a Design chip on its selection pill. Clicking it opens the Design panel on the left, which shows the selected item's design controls (Layout & corners, Spacing, Background, Border, Effects, Media picker) at the top, above the global page settings. See Styling sections and widgets.


Updated on: 02/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!