vCard Generator

Demo to preview the plugin:

Introduction

The vCard Generator plugin makes it easy to create, save, and download electronic business cards (vCards) directly within your Bubble app. A vCard (.vcf file) is a widely recognized format for storing and sharing contact information digitally. When opened, it lets users instantly add the details to their phone, email client, or address book.
Whether you’re building a directory, team page, or networking platform, this plugin streamlines the process of sharing professional contact details in a quick, universal, and user-friendly way.
Note: This version supports the following fields: First Name, Last Name, Phone, Email, Company, and URL. All fields must be completed to ensure proper display.
Key Features

Prerequisites

Before using the vCard Generator plugin, ensure the following:
  • You have a Bubble application where the plugin will be installed.
  • The plugin must be added from the Bubble Plugin Marketplace.
  • You need to have dynamic data (First Name, Last Name, Phone, Email, Company, and URL) available in your app to populate the vCard fields.
  • All supported fields should be filled (either with static text or dynamic data) to ensure the vCard displays properly.
  • No external API keys or third-party services are required — the plugin works natively inside Bubble.

Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure the vCard Fields

Step 4 – Set Up the Download Workflow

Step 5 – Preview and Test

Plugin Element Properties

vCard Generator

Image without caption

Element Actions

Generate and Open vCard

Generate – Create a New vCard

Exposed states

Title
Description
Type
Uploaded vCard
The vCard file that has been successfully uploaded or generated, available for further processing or download.
File
Additional Fields
Extra contact details provided for inclusion in the vCard (e.g., TITLE, ADDRESS, SECONDARY EMAIL). Stored as text.
Text

Element Events

Title
Description
A new vCard has been generated
Triggered when a vCard file is successfully created through the plugin, making it available for immediate use or download.
Image without caption

Changelogs