Quickstart

Create a widget and embed it on your site in about five minutes

This is the fastest path to a working widget: create one in the dashboard, copy the script tag, paste it on your site.

1. Create the widget

In the Wexio dashboard, go to Settings → Integrations, find the Web Messenger card, and click Connect.

Web Messenger card on the Settings → Integrations page

In the Create Web Messenger modal, enter a Name (1–100 characters — an internal label, never shown to visitors) and click Create.

Create Web Messenger modal with the Name field

The modal reveals your shared secret once. Copy it and store it in a secrets manager — you'll need it later for authenticated visitors. Click Done.

Shared secret reveal step with the Copy button

You land in the Brand editor. Your widget already works with sensible defaults; you can customise it later.

On the Free tier the Connect button shows an upgrade prompt — the Web Widget requires Standard or higher.

2. Copy your embed snippet

In the Brand editor, open Setup → Install. Copy the public key (pk_live_…) at the top, or copy a ready-made snippet from one of the embed tabs.

Setup → Install sub-tab with the public key and embed snippets

3. Paste it on your site

Drop this just before the closing </body> tag on any page:

<script
  async
  src="https://cdn.wexio.io/widget/loader.js"
  data-public-key="pk_live_..."
></script>

Replace pk_live_... with your public key. That's it — reload the page and the launcher appears in the corner.

The widget launcher live in the corner of a website

What you get out of the box

  • A launcher bubble that opens the widget panel.
  • Home, Messages, Help, News, and Profile tabs (toggle any off in Configure).
  • AI auto-reply using your organisation's default assistant.
  • The default near-monochrome theme, following the visitor's light/dark system preference.

Next steps

On this page