Overview

If you need to test how the live chat widget looks or behaves before deploying it to a live site, you can do so quickly by previewing it in a local HTML file on your computer. This approach works for both technical and non-technical users and requires no web hosting or development tools.

What You'll Need

• Your unique widget code value (created by following the previous KB article here )
• A plain text editor (e.g. Notepad on Windows, TextEdit on Mac, or VS Code)
• A web browser (e.g. Chrome, Edge, Firefox)

Steps

1. Create a new HTML file

Open your text editor and paste the following code into a new file:

2. Add your code value

Replace YOUR_CODE_HERE in the script tag with your unique code value. It should look something like this:

3. Save the file

Save the file with an .html extension — for example, chat-test.html.

4. Open the file in your browser

Double-click the saved file to open it in your default web browser. If the widget loads correctly, you will see a chat button appear — typically in the bottom-right corner of the page.

What to Expect

Once the page loads, the widget will initialise and display a chat launcher button. Clicking it will open the chat interface, just as it would appear to visitors on your live site.

Notes

• This test page is for preview purposes only and does not need to be published or hosted anywhere.
• Each partner has a unique code value — do not share this with others.
• An active internet connection is required, as the widget script is loaded from an external server.