Link to the plugin page:
https://zeroqode.com/plugin/vcard-generator-plugin-for-bubble-1739734029595x275904834498277730
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.
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
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. |