Live Chat5 min read

Setting Up Live Chat on Your Website

FloatMessage includes a built-in live chat widget that lets you talk to your website visitors in real time. This guide walks you through enabling chat, customizing the widget, adding it to your site, and managing conversations.

1

Go to Live Chat in the dashboard

Sign in to your FloatMessage dashboard and click Live Chat in the sidebar. This is where all your visitor conversations will appear.

FloatMessage dashboard sidebar with Live Chat selected, showing empty conversations view
The Live Chat section in the dashboard sidebar
2

Open Chat Settings

Click the Chat Settings button at the top of the Live Chat page. This opens the configuration panel where you can enable chat and customize the widget.

Chat Settings page showing the General tab with Enable Live Chat toggle, welcome message, and offline message fields
Chat Settings — General tab with the Enable Live Chat toggle
3

Enable Live Chat and customize

Toggle Enable Live Chat on. You can also customize:

  • Welcome Message — the first message visitors see when they open the chat
  • Offline Message — shown when you're not available
Chat Settings with Enable Live Chat toggled on
Toggle Enable Live Chat on and set your messages

Click Save Settings when you're done.

Tip: Explore the other tabs to further customize your chat widget: Appearance (colors, position), Pre-Chat Form (collect visitor info), Visibility (show on specific pages), and AI Auto-Reply (automatic responses).
4

Add the embed code to your site

If you haven't already, add the FloatMessage embed snippet to your website. Go to your Dashboard home page and copy the snippet. Make sure it uses the data-user attribute — this is required for chat to work.

<script src="https://floatmessage.com/embed/floatmessage.js" data-user="YOUR_USER_ID" defer></script>
FloatMessage dashboard showing the embed snippet with User ID
Copy the embed snippet with your User ID
Warning: The chat widget requires the data-user attribute. If you're using data-id for specific messages only, chat won't appear. Switch to data-user or add both attributes.
5

See the chat widget on your site

Open your website in a new tab. You'll see the chat widget appear in the bottom corner. Visitors can click it to start a conversation.

Website showing the FloatMessage chat widget open in the bottom right corner
The chat widget appears on your live site
6

Reply to visitors from the dashboard

When a visitor sends a message, it appears in the Live Chat section of your dashboard. Click a conversation to view the messages and reply in real time.

FloatMessage chat dashboard showing a conversation with a visitor, including their online status and current page
View and reply to conversations from your dashboard
Tip: You can see each visitor's online status and the page they're currently viewing — helpful for giving contextual support.
Tip: Enable Push Notifications to get alerts on your phone or desktop when visitors message you, even when the dashboard isn't open.