FloatMessage

Quick Start

Get a floating message or live chat widget on your website in under five minutes. No build tools or package installs required.

1. Sign up with Google

Head to floatmessage.com/login and sign in with your Google account. No credit card needed — the free plan gives you everything to get started.

2. Create your first message

From the dashboard, click New Message. Pick a template or start from scratch, customize the text, colors, position, and triggers, then hit Save.

3. Copy the embed code

After saving, you will see an embed snippet. Copy it to your clipboard.

Floating message embed

<script src="https://floatmessage.com/embed/floatmessage.js" data-id="YOUR_MESSAGE_ID"></script>

Live chat embed

For the live chat widget, include both data-id and data-user attributes:

<script src="https://floatmessage.com/embed/floatmessage.js" data-id="YOUR_MESSAGE_ID" data-user="YOUR_USER_ID"></script>

4. Paste before the closing </body> tag

Open your website's HTML and paste the snippet just before the closing </body> tag. If you use a CMS like WordPress, Shopify, or Webflow, you can add it via the custom code / script injection section in your site settings.

<!DOCTYPE html>
<html>
  <head>
    <title>My Website</title>
  </head>
  <body>
    <!-- your website content -->

    <!-- FloatMessage embed — paste before </body> -->
    <script src="https://floatmessage.com/embed/floatmessage.js" data-id="YOUR_MESSAGE_ID"></script>
  </body>
</html>

5. Done!

Refresh your website and you should see the floating message appear. Head back to the dashboard to track impressions, update your message, or create additional ones.

Next steps