Floating Contacts

What is Floating Contacts?

Floating Contacts is a compact, animated floating button that expands into a styled contact panel with up to eight action rows. Each row links directly to a phone call, email, WhatsApp chat, booking page, or any URL. It sticks to any viewport corner and collapses with a smooth spring animation, keeping your layout clean while making every contact channel instantly reachable. Built for service sites, consultancies, clinics, real estate, and any business where fast visitor-to-lead conversion matters.

Core Features

• Expandable contact panel with staggered entrance animations and smooth open/close transitions

• Nine built-in action icons: Phone, Email, WhatsApp, Calendar, Map, Chat, Instagram, SMS, and Link

• Five themed presets — Midnight, Dark, Light, Ocean, and Glass (with live backdrop blur) — plus a fully customisable Custom theme

• Fixed-position placement at any viewport corner (Bottom Right, Bottom Left, Top Right, Top Left) or inline Canvas mode

• Attention-grabbing pulse animation on the trigger button, with automatic theme-matched glow colour

• Independent font controls for the panel header, action labels, and sublabels

• Click-outside and Escape key dismissal with a single toggle

Controls inside Framer

Contacts

• Icon (9 options: Phone, Email, WhatsApp, Calendar, Map, Chat, Link, Instagram, SMS)

• Label

• Sublabel (secondary text such as a phone number or email address)

• URL / Action (native Framer Link picker — supports tel:, mailto:, sms:, and web URLs)

Theme & Position

• Theme (Midnight, Dark, Light, Ocean, Glass, Custom)

• Position (Canvas, Bottom Right, Bottom Left, Top Right, Top Left)

Trigger Button

• Size

• Shape (Circle or Rounded)

• Icon (Chat, Plus, Phone, Headset, Dots)

• Pulse Animation toggle

Panel

• Width

• Border Radius

• Show Header toggle

• Header Text

Animation

• Style (Spring, Smooth, Bounce)

Custom Colors (visible when Theme is set to Custom)

• Button Background

• Button Icon

• Panel Background

• Action Icons

• Label Text

• Sublabel Text

• Header Text

• Dividers

• Row Hover Background

Fonts

• Header Font

• Label Font

• Sublabel Font

Behaviour

• Close on Outside Click

Best use cases

• Service businesses (clinics, salons, law firms) that need phone, email, and booking links always visible

• SaaS and agency sites replacing generic "Contact Us" pages with an instant floating menu

• Real estate and hospitality sites offering WhatsApp chat and calendar booking from every page

• Any Framer site that wants a polished, multi-channel contact button without building a custom widget

Drop it onto any page, wire up your contact details, and give visitors a faster path to reach you.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.