Website Chat Widget

Add a live chat widget to your website so customers can reach you instantly — right from your site.

Overview

The Zupport Website Chat Widget is a lightweight, customizable live chat that you can embed on any website. Visitors can start conversations that appear as tickets in your Zupport inbox.

Features

  • Real-time live chat with customers
  • Customizable widget colors, position, and branding
  • Pre-chat forms to capture customer information
  • File and image upload support
  • Offline message support — messages are queued when agents are offline
  • Email follow-up for widget conversations
  • Mobile-responsive design

Setup Instructions

1

Go to Settings → Channels → Website Widget

Navigate to the Website Widget section in your channel settings.

2

Configure widget appearance

Customize the look and feel of your widget:

  • Brand color — Match your website's colour scheme
  • Widget position — Bottom-right or bottom-left
  • Welcome message — Greeting text when the widget opens
  • Logo — Upload your company logo
3

Copy the embed code

Copy the JavaScript snippet provided and paste it into your website's HTML, just before the closing </body> tag.

4

Test the widget

Visit your website and click the chat icon to test. Send a test message and verify it appears in your Zupport inbox.

Email Follow-up

When a customer starts a widget conversation and leaves your website before receiving a reply, Zupport can send an email follow-up. If the customer provided their email in the pre-chat form, replies from your agents will also be sent via email through your configured@mail.zupport.app domain.

💡 Tip: Enable the pre-chat form to capture customer name and email before the chat starts. This helps you follow up even if the customer leaves your site.

Last updated: March 2026