Skip to content

component

Floating Contacts

By Aidan Looker

Details

Summary

What is Floating Contacts?

Description

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 .

Introduction

One-tap access to every contact channel.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600166158/148/228/309/79/15
  • All · #6615