DunaHub

Live Chat Widget for Your Website

How to install DunaHub's free live chat widget on any website, customize the look and behavior, and route conversations into your unified inbox.

What the live chat widget does

The DunaHub webchat is a customizable chat bubble you embed on your website. Visitors click it, type a message, and the conversation lands in your unified inbox — next to WhatsApp, SMS, and email. When you reply, the visitor sees it in real time.

It is included free on every DunaHub plan, with no cap on the number of conversations.

Enable webchat

  1. Open Settings → Webchat in your dashboard.
  2. Toggle Enable webchat on.
  3. Adjust the customization fields below (subtitle, auto-reply, colors, offline bot).
  4. Click Save.

The widget becomes available the moment you save. Nothing else to install on our side.

Install the snippet on your website

In Settings → Webchat, copy the snippet shown at the bottom of the page. It looks like:

<script src="https://www.dunahub.com/api/webchat/widget?org=YOUR_ORG_UUID" async></script>

Paste it once into your website, right before the closing </body> tag. The widget loads asynchronously, so it never slows your page down.

WordPress install via HFCM

If your site runs on WordPress, the simplest install path is the free HFCM (Header Footer Code Manager) plugin:

  1. In WordPress admin, open Plugins → Add New and install Header Footer Code Manager.
  2. Open HFCM → Add new snippet.
  3. Site Display: Site Wide. Location: Footer. Device Display: Show on all devices.
  4. Paste the DunaHub snippet into the snippet box.
  5. Save and activate. The widget appears on every page of your site.

Other platforms

  • Shopify / Wix / Squarespace: add the snippet to the Custom Code / Footer settings.
  • Static / hand-built sites: paste before </body>.
  • React / Next.js apps: add it through your existing <Script /> strategy with strategy="afterInteractive".

Customize the widget

All customization lives in Settings → Webchat.

  • Subtitle — the small line shown under your business name in the chat header (e.g. "We usually reply within minutes").
  • Auto-reply — sent automatically the first time a visitor messages you, so they know the message was received.
  • Closing message — shown when the conversation ends, e.g. "Thanks for chatting! We'll follow up soon."
  • Brand color — the accent color of the bubble, header, and primary button. Pick something from your brand palette.
  • Intro form — when enabled, the widget asks for the visitor's name and email before the first message. The fields land on the lead created from the conversation.
  • Offline bot — when nobody is online, the bot asks a short list of questions (configurable, e.g. "What service are you interested in?") and creates a lead with the answers.

How messages appear in your inbox

Every webchat conversation lands in the Unified Inbox alongside WhatsApp, SMS, and email threads. You see the visitor name, the channel marker (a webchat icon), and the full transcript. Replying from the inbox sends the response back to the visitor in real time, as long as the widget is open on their page.

If the visitor closes the widget mid-conversation, DunaHub still creates a lead and saves the transcript — so you can follow up by email later.

Tracking & analytics

The widget fires events compatible with Google Tag Manager, GA4, and the Meta Pixel — so chat conversions can be measured the same way as form submissions or phone clicks. No extra configuration is required on the widget side; set the IDs in Settings → Organization and the events flow through.

The widget shows a small "Powered by DunaHub" footer link by default. This is light attribution in exchange for the widget staying free on every plan — no banner ads, no upsell popups inside the chat.

PreviousDunaHub Free Plan: What's Included, Limits, and When to Upgrade
NextQuickBooks Integration: Auto-Sync Customers, Invoices & Payments