VCard

Share your contact details using this VCard code component.

Set your contact details as the component properties, or bind them to the CMS.

The user clicks the button or other clickable artwork you provide, and the VCard download is triggered as a .vcf file.

This is handled best on mobile devices, but most desktops also have contact management app support.

Documentation
Video Tutorial
collaboration illustration

VCard - Button Variant

Uses the default Webflow button, with no styling.
‍

VCard - Button Variant + Style

CSS style string added to give the button some distinctiveness.
‍

VCard - Slot Variant

Alternatively, you can use the Slot Variant, and insert a button or artwork such as an SVG or animated Lottie. We'll collect the click event directly, even if you put a clickable item within the slot. This setup gives you maximum styling control, since native Webflow components can be slotted which means better styling system and class support.

VCard - Slot Variant

For demonstration, a non-button element- still clickable.
‍

Heading