Smart Contact Link

Smart Contact Link turns a phone number or an email address into a smart contact link that gives your visitors a choice. One click opens a small popup above the link with two actions: call or send an email, or copy the value to the clipboard.

You only enter one value. Smart Contact Link detects whether it's a phone number or an email and adapts the icons, the labels and the main action automatically. The popup floats above the link, so the layout never shifts, which makes it ideal for stacked lists of contact links in footers and contact sections.

Features

• Single field: auto-detects phone numbers and emails

• Popup with two actions: Call / Send email and Copy

• Choose icons, text, or icon + text for the buttons

• Descriptive headings and fully editable labels

• Animated "Copied!" confirmation inside the button

• Optional email subject and body

• Popup above or below, with optional arrow

• Align left, center or right

• Zero layout shift: perfect for footers and contact lists

• Full control over fonts, colors, hover states, radius, padding, shadow and animation

• Keyboard accessible with screen-reader announcements

• Clipboard fallback for older browsers

Share your build

If you ship something cool with it, post it on X and tag me @danielgrafix_, or send it over. I'd love to see what you create.

Need help? Questions or feedback?

Reach me anytime: danielgrafix12@gmail.com or on X @danielgrafix_.