In-app widget

Support inside your product.

Paste one script tag and your users can chat with you and search your help articles without leaving your app. Signed-in users arrive verified, in their language, under your brand.

No credit card. Email, live chat, portal and knowledge base included.

  • No credit card
  • Free on every plan
  • One script tag

One script tag

Loads async, no framework

Under 30 KB

Gzipped, one file

Shadow DOM

Your page's CSS never changes it

Verified users

Signed with your identity secret

What you get

A chat widget that feels like part of your app.

One script tag

Add it to any page; it loads asynchronously and needs no framework or build step. Light and dark themes follow your page.

Identified visitors

Pass the signed-in user with a hash from your identity secret, and your team sees who they are talking to. Unsigned details stay unverified claims.

A home screen you arrange

A greeting, help article search, suggested articles, opening hours and links. Choose the launcher icon, label, size and position.

Pre-chat questions

Ask a few questions before the chat starts: up to 2 on Free, more on Premium.

In your customers' language

The widget follows the visitor's browser, or your site's language picker through Zono.setLocale(). Free includes one extra language.

A JavaScript API

Open and close the panel, identify users, set attributes, start a conversation, listen for replies and log out on sign-out.

Behaviour rules

Show or hide the launcher by page, open the chat after a delay, handle offline hours and limit which sites can embed it.

The AI agent in the widget

Grounded in your knowledge base and past answers. It replies on its own once you switch it on, and hands over to your team when it is unsure.

Embed

Paste it once. Identify signed-in users.

Your widget token is in Settings > Channels > Live chat. The hash is computed on your server with your identity secret.

<script>
  window.ZonoChat = {
    token: 'wgt_your_widget_token',
    user: {
      id: 'usr_12345',            // your user id (externalId is accepted as an alias)
      email: '[email protected]',
      name: 'Jane Doe',
      hash: '<?= $userHash ?>'    // hex HMAC-SHA256 computed on your server
    }
  };
</script>
<script src="https://zono.support/widget.js" async></script>
FAQ

Questions, answered

In-app widget

Put support inside your product.
Free, no credit card.

No credit card. Email, live chat, portal and knowledge base included.