Best Practices5 min read

Choosing the Right Template

FloatMessage offers 10+ templates, each designed for a different use case. Picking the right one can make the difference between a message visitors engage with and one they immediately dismiss. Here's a breakdown of every template and when to use it.

FloatMessage template selector showing all available templates: Welcome Banner, Social Proof, Newsletter CTA, Coupon Card, Image Message, Cookie Notice, Sticky Top Banner, Image Background, Modal with Image, and Story Carousel
All available templates in the FloatMessage editor
1

High-visibility announcements

Welcome Banner

A floating banner that slides in from the corner. Best for greetings, general announcements, and first-time visitor messages. Non-intrusive but noticeable.

Best for: welcome messages, announcements, soft CTAs

Sticky Top Banner

A thin bar that sticks to the top of the page. Always visible without taking up much space. Great for site-wide notices.

Best for: sales banners, shipping notices, site-wide alerts

Modal with Image

A centered popup with an image area. Commands full attention — use sparingly. Pair with a dark or blur background overlay.

Best for: exit-intent offers, major announcements, product launches

2

Lead capture & conversions

Newsletter CTA

Designed to capture email signups. Includes a clear call-to-action button. Works well on blog pages or content-heavy sites.

Best for: email list building, content upgrades, lead magnets

Coupon Card

A card-style message perfect for sharing discount codes. The layout emphasizes the offer and makes the code easy to copy.

Best for: discount codes, limited-time offers, cart abandonment

3

Visual & media-rich messages

Image Message

A simple floating image with optional text. Great when you want to show a product photo, graphic, or visual element.

Best for: product highlights, visual promotions, brand imagery

Image Background

Text and CTA overlaid on a full background image. High visual impact for image-driven brands.

Best for: lifestyle brands, event promotions, visual storytelling

Story Carousel

Multi-slide stories with auto-advance, similar to Instagram stories. Each slide can have its own image, text, and CTA button. Available in small, medium, and large sizes.

Best for: product tours, feature showcases, onboarding sequences, multi-step promotions

4

Trust & compliance

Social Proof

A small notification-style message that mimics social proof alerts — "12 people bought this today". Builds trust and urgency.

Best for: e-commerce, SaaS signups, event registrations

Cookie Notice

A clean, minimal banner for cookie consent or privacy notices. Typically placed at the bottom of the page.

Best for: GDPR compliance, cookie consent, privacy policy notices

5

Quick reference table

Use CaseRecommended Template
Welcome new visitorsWelcome Banner
Sale / promotionSticky Top Banner or Coupon Card
Exit-intent offerModal with Image
Email signupNewsletter CTA
Product showcaseStory Carousel or Image Background
Social proof / urgencySocial Proof
Cookie / privacy noticeCookie Notice
Onboarding / feature tourStory Carousel
Tip: Every template supports full HTML and CSS customization. Pick the template closest to your use case, then customize the content and styling to match your brand.