Scheduling & Triggers
FloatMessage gives you fine-grained control over when a message appears, how it enters the viewport, and where it is positioned on the page.
Schedule Checking
All schedule checks run against the visitor's local time, not the server's. This means a message scheduled for 9 AM–5 PM will appear during business hours in every time zone.
Date Range
Set a start date and/or end date to limit when the message is active. Both dates are inclusive. Leave either field empty for an open-ended range.
Days of Week
Select specific days of the week the message should appear. For example, enable only Monday through Friday for a business-hours campaign.
Time Range
Define a start time and end time in 24-hour format. Overnight ranges are supported — for example, setting 22:00–06:00 will show the message from 10 PM to 6 AM the next morning.
URL Targeting
Restrict a message to specific pages on your site. Add one or more URL patterns — the message will only appear if the current page matches at least one pattern. Leave empty to show on all pages.
- Exact URL —
https://example.com/pricing - Wildcard — Use
*to match any characters, e.g.,https://example.com/blog/* - Path only —
/pricingmatches the pathname on any domain
https://example.com/checkout/* to show a promo message only on checkout pages.Trigger Types
The trigger determines what event causes the message to appear after it passes all schedule and dismiss checks.
| Trigger | Value | Behavior |
|---|---|---|
IMMEDIATE | — | Message appears as soon as the page loads |
DELAY | milliseconds | Message appears after the specified delay (e.g., 3000 = 3 seconds) |
SCROLL | percentage | Message appears when the visitor scrolls past the given percentage of the page (e.g., 50 = halfway) |
EXIT_INTENT | — | Message appears when the visitor's cursor moves toward the browser's close/back area (desktop only) |
Positioning
Choose where the message appears on the visitor's screen. All positions use position: fixed so the message stays visible while scrolling.
| Position | CSS Details |
|---|---|
bottom-right | bottom: 20px; right: 20px |
bottom-left | bottom: 20px; left: 20px |
top-right | top: 20px; right: 20px |
top-left | top: 20px; left: 20px |
center | top: 50%; left: 50%; transform: translate(-50%, -50%) |
top-center | top: 0; left: 50%; transform: translateX(-50%); width: 100% |
bottom-center | bottom: 0; left: 50%; transform: translateX(-50%); width: 100% |
Click Tracking
Every CTA button click inside a FloatMessage is automatically tracked. When a visitor clicks a button, the embed script sends a tracking event to the FloatMessage API before navigating to the target URL. You can view click counts and click-through rates in the dashboard analytics.