VCard ✅

Generate a downloadable VCard for sharing contract information to a phone, or desktop contact manager.

You can CMS bind all fields. Leverage that for employee directories.

Variants

• Button variant. Displays a standard Webflow button. You can change the text, and you can style it using a CSS style string.

• Slot variant. Place your own custom arrangement of elements in the slot, to act as a click target. The component will intercept the click for the VCard download.

Demos

VCardwebflow-core-component-test.webflow.io

Best Practices

VCards are probably more targeted at mobile phones. It may be worth hiding this element on breakpoints above mobile landscape.

Full Name is required. First Name and Last Name are also recommended as separate fields.

See future notes.

Properties

These are the currently supported properties.

Property	Type	Notes
Full Name	Text	Required.
First Name	Text
Last Name	Text
Organization	Text
Title	Text
Cell Phone	Text
Work Phone	Text
Email	Text
Additional Email	Text
Street Address	Text
City	Text
State / Province	Text
Postal Code	Text
Country	Text
Website URL	Link
Note	Text

Future

Might consider adding a QR code option.