Skip to content

component

Book a Call Simplize

By Yungcultr

Details

Summary

Interactive hover contact card component

Description

Transform your standard contact buttons into an engaging user experience. This component is designed to boost conversions by turning a simple call-to-action into a dynamic profile card. When users hover over the button, it smoothly reveals a beautifully formatted card showcasing your profile picture, availability badge, pricing details, and action links. It is the ultimate sleek alternative to boring, traditional booking widgets. Key Features: Smooth Hover Expansion: Premium micro-interaction that expands seamlessly from a compact button into a rich detailed card. Versatile Connectivity: Easily link the CTA buttons to scheduling platforms ( Cal.com , Calendly), dedicated contact pages, or direct mailto: links. Dynamic Badges: Includes a vertical availability badge (e.g., "Slots Open") to create urgency and drive bookings. 100% Customizable: Change images, adjust text fields, update colors, and swap icons directly from the Framer properties panel. Fully Responsive & Clean: Built perfectly within auto-layout to ensure it looks flawless on any screen size. How to use: Copy and paste the component into your Framer project. Open the right-side properties panel to replace the default profile photo and text. Add your custom links to the booking and profile buttons, and you are ready to launch!

Introduction

Interactive hover contact card component

Rank history

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

11001200128938/148/228/309/79/15
  • All · #2734