Hourzero

Widgets

Show, don't tell.

Widgets turn what your actions return into cards, lists, and forms customers can use right in the chat. Describe one to Backstage, or start from a template.

  • The agent answering a delivery question with an order card: status, delivery date, the items, and a Track package button

    Track an order

  • The agent suggesting gifts under $250 as a carousel of product cards with photos, ratings, prices, and Add to cart buttons

    Suggest products

  • The agent ending a chat with a short survey: five stars, quick tags, an optional comment, and a Send feedback button

    Ask how it went

Describe it. Backstage builds it.

No code and no design tools. Tell Backstage what you have in mind, and it does the rest.

Backstage turning a pasted order API response into a draft order card with the status, delivery date, items, and a Track package button

Or start from a template

Ready-made designs for carts, bookings, invoices, flight status, and more. Pick one, and Backstage fits it to the fields your API returns.

  • Commerce6
  • Bookings3
  • Travel5
  • Food & drink2
  • Sales & leads3
  • Support4
  • Finance2
  • Real estate1
  • Insights4
  • Productivity5
  • Media & sports2
The Widgets page: the agent's saved widgets with the actions that show them, and starter widgets below, from product cards to a shopping cart

Build anything

Widgets are made of the same pieces as an app, so customers can read, choose, and act right in the chat.

Show

  • Cards, lists, and tables
  • Carousels and tabs
  • Charts and stats
  • Images, badges, and ratings
  • Progress, steps, and countdowns

Ask

  • Text fields and dropdowns
  • Date pickers and time slots
  • Star ratings and quick picks
  • Sliders and quantities
  • Checkboxes and switches

Do

  • Send a reply to the agent
  • Open a link, like checkout
  • Copy a code or reference
  • Run one of your actions
  • The agent offering a haircut booking card with a calendar, available times, and a Confirm booking button

    Book a time

  • The agent comparing pricing plans with a monthly and yearly switch and a card for each plan

    Compare plans

  • The agent confirming a flight is on time with a card showing the route, times, and progress

    Check a flight

Safe in front of customers

  • Filled from your data

    A widget shows what your action returned, so prices and order details come from your system, not the model.

  • Text where cards don't fit

    Widgets show in your website chat. On other channels, or when a result doesn't fit the design, the agent answers in text.

  • Live when you publish

    Saving a widget updates your draft. Customers see it after you test it in the Playground and publish.

Read how widgets work

FAQ

Questions about widgets

How they're built, and where they show up.

Talk to our team

Ready when your customers are

They're already asking. Train an agent on your site and have it answering by this afternoon.

  • Free plan
  • No credit card needed