---
title: "Floating Contacts — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Buttons. What is Floating Contacts?"
canonical: "https://framer.elliotli.dev/component/floating-contacts"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Floating Contacts

# Floating Contacts

One-tap access to every contact channel.

[View on Framer](https://framer.com/marketplace/components/floating-contacts/?via=elliot-li)

![Floating Contacts preview image 1](https://framer.elliotli.dev/og/component/floating-contacts/867375af8724d021/1600x1200.jpg)

## 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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## 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**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #8288

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-04-23
- **Updated**: 2026-06-13
- **Added**: 2026-04-08
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow