Contact Link

Framer code component

AUTO-DETECTING CONTACT LINKS

Every contact detail, instantly clickable.

Paste an email address, phone number or web address. Contact Link figures out what it is and makes it a working link. It takes typed values and CMS fields.

AUTO-DETECTION

Paste anything. Get the right link.

There is one Value property. Whatever you put in it, the component picks the matching link type.

Email

Anything with an @ becomes a mailto link. One tap opens a new message.

Phone

Numbers turn into tel links. Visitors see the number the way you typed it; phones dial the digits.

Web link

Web addresses open as normal links, in a new tab if you want. Add a label when the URL is too ugly to show.

WhatsApp

Makes a wa.me chat link from a plain phone number. Set a country code, and a message to open the chat with.

WORKS WITH YOUR CMS

Plain text in your CMS. Clickable on your site.

Bind the Value property to a CMS field and every item gets working links. Editors only type the address.

TEAM — CMS COLLECTION

3 items

Maya Janssen

Bookings & events

Daan de Vries

Front desk

Studio Noord

General enquiries

These links are live. Value is bound to the Email and Phone fields of this collection.

PROPERTIES

Small, focused controls.

Twelve settings. This is what they do.

Value

The email, phone number, or URL. Type it or bind a CMS field.

Label

Optional display text, like “Get your tickets” instead of the raw URL.

Type

Auto by default. Or force Email, Phone, WhatsApp or Web Link.

New Tab

Opens web and WhatsApp links in a new tab.

Spam Shield

Spam bots that scan your HTML never see the address. Visitors do.

Copy Button

A copy icon next to emails and phone numbers. Useful on desktop, where mailto and tel links often do nothing.

WhatsApp

wa.me links from a plain phone number, with country code and a pre-filled message.

Subject & Body

Pre-fill the subject and message. Type {url} to insert the page the visitor came from.

Click Tracking

Fires click events to Google Tag Manager, gtag, or your own listener via a tracking ID.

Style

Color, hover color and underline.

Font

Family, size, weight and spacing.

Works everywhere

Use it on pages, in components, and inside CMS collection lists.

Contact Link

A Framer code component

Create a free website with Framer, the website builder loved by startups, designers and agencies.