Skip to content
Sites

How to Create vCards in the QR Code Builder

Create a vCard QR Code using the GHL Customer Care QR Code Builder. Share your contact details with a single scan, ideal for networking, events, and lead generation.

3 min read771 words9 explained imagesUpdated Mon, 7 Jul, 2025 at 6:10 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of vCard Support in QR Code Builder
  2. How To Create a vCard QR Code
  3. Step 1: Navigate to the QR Code Builder
  4. Step 2: Select QR Code Type
  5. Step 3: Fill in Contact Information
  6. Step 4: Choose your desired QR Code colors
  7. Step 5: Select your QR shape and Form
  8. Step 6: Add a Logo
  9. Step 7: Page Background Image
  10. Step 8: Download and Save Your QR Code
  11. Dynamic & Ready-to-Scan
  12. Frequently Asked Questions
  13. Related Articles

This article explains how to create a vCard QR Code using the GHL Customer Care QR Code Builder. Share your contact details with a single scan—ideal for networking, events, and lead generation.

TABLE OF CONTENTS

What is vCard Support in QR Code Builder? 

vCard Support in QR Code Builder allows users to create QR codes that, when scanned, instantly display a digital contact card. This functionality simplifies sharing professional and personal contact details by leveraging dynamic QR codes to open a full contact card on any mobile device. Users can now input vital contact information like names, phone numbers, email addresses, physical addresses, websites, and even a profile image, ensuring a seamless networking experience.

Key Benefits of vCard Support in QR Code Builder

This feature enhances your networking abilities by offering several key advantages:

  • Instant sharing of comprehensive contact details, reducing manual data entry.
  • Customizable contact fields for tailored professional branding.
  • Dynamic QR codes that enable updates and re-use without generating new codes.
  • Ideal for digital networking, contactless information sharing, and efficient lead generation.

How To Create a vCard QR Code

Setting up vCard Support in the QR Code Builder is a straightforward process that ensures your contact information is shared instantly and efficiently. Follow these steps to get started:

Step 1: Navigate to the QR Code Builder

  1. Log in to your GHL Customer Care sub-account.
  2. Click on the Sites tab in the left-hand menu.
  3. Click on the QR Codes tab.
Step 1: Navigate to the QR Code Builder (image 1 of 9) What this shows Log in to your GHL Customer Care sub-account. What this shows Illustrates the "Step 1: Navigate to the QR Code Builder" section of "How to Create vCards in the QR Code Builder". This screenshot appears in the "Step 1: Navigate to the QR Code Builder" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Log in to your GHL Customer Care sub-account. Click on the Sites tab in the left-hand menu. Click on the QR Codes tab. Immediately after, the guide continues: Click the Create QR Code button. In the QR Code Name field, enter a descriptive name for your reference. From the Select QR Code Type section, choose vCard. Click Next. Image 1 of 9 What to clickLog in to your GHL Customer Care sub-account. Click on the Sites tab in the left-hand menu. Click on the QR Codes tab.
Buttons and menus referenced GHL Customer Care sub-accountSitesQR Codes
Next stepClick the Create QR Code button. In the QR Code Name field, enter a descriptive name for your reference. From the Select QR Code Type section, choose vCard. Click Next.
All 3 steps in this procedure
  1. Log in to your GHL Customer Care sub-account.
  2. Click on the Sites tab in the left-hand menu.
  3. Click on the QR Codes tab.

Step 2: Select QR Code Type

  1. Click the Create QR Code button.
    Step 1 of 4: Click the Create QR Code button What this shows Step 1 of 4: Click the Create QR Code button. What this shows Shows what to click for step 1 of 4 in the "Step 2: Select QR Code Type" section of "How to Create vCards in the QR Code Builder". This screenshot accompanies step 1 of 4 in the "Step 2: Select QR Code Type" section of "How to Create vCards in the QR Code Builder". At this point in the walkthrough you click the Create QR Code button. For context, this section explains: Click the Create QR Code button. In the QR Code Name field, enter a descriptive name for your reference. From the Select QR Code Type section, choose vCard. Click Next. The next step is to in the QR Code Name field, enter a descriptive name for your reference. Step 1 of 4Image 2 of 9 What to clickClick the Create QR Code button.
    Buttons and menus referenced Create QR CodeQR Code NameSelect QR Code TypevCardNext
    Next stepIn the QR Code Name field, enter a descriptive name for your reference.
    All 4 steps in this procedure
    1. Click the Create QR Code button. this image
    2. In the QR Code Name field, enter a descriptive name for your reference.
    3. From the Select QR Code Type section, choose vCard.
    4. Click Next.
  2. In the QR Code Name field, enter a descriptive name for your reference.
  3. From the Select QR Code Type section, choose vCard.
  4. Click Next.
    Step 4 of 4: Click Next What this shows Step 4 of 4: Click Next. What this shows Shows what to click for step 4 of 4 in the "Step 2: Select QR Code Type" section of "How to Create vCards in the QR Code Builder". This screenshot accompanies step 4 of 4 in the "Step 2: Select QR Code Type" section of "How to Create vCards in the QR Code Builder". At this point in the walkthrough you click Next. For context, this section explains: Click the Create QR Code button. In the QR Code Name field, enter a descriptive name for your reference. From the Select QR Code Type section, choose vCard. Click Next. Step 4 of 4Image 3 of 9 What to clickClick Next.
    Buttons and menus referenced NextCreate QR CodeQR Code NameSelect QR Code TypevCard
    All 4 steps in this procedure
    1. Click the Create QR Code button.
    2. In the QR Code Name field, enter a descriptive name for your reference.
    3. From the Select QR Code Type section, choose vCard.
    4. Click Next. this image

Step 3: Fill in Contact Information

Enter the following contact fields:

  1. First Name
  2. Last Name
  3. Phone Number (Required)
  4. Mobile Number
  5. Email
  6. Website
  7. Upload your profile image or company logo.
  8. Street Address, City, State, Country, Postal Code
  9. Company Name and Job Title
  1. Once all necessary fields are filled, click Next.
Step 3: Fill in Contact Information (image 4 of 9) What this shows Once all necessary fields are filled, click Next. What this shows Illustrates the "Step 3: Fill in Contact Information" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 3: Fill in Contact Information" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Once all necessary fields are filled, click Next. This part of the guide covers 8 fields, listed below. Immediately after, the guide continues: Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes. Image 4 of 9 What to clickOnce all necessary fields are filled, click Next.
Fields in this part of the guide First NameLast NamePhone Number (Required)Mobile NumberEmailWebsiteStreet Address, City, State, Country, Postal CodeCompany Name and Job Title
Buttons and menus referenced Next
Next stepBackground Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes.
Example values
First Name
Priya
Last Name
Raman
Phone Number (Required)
+1 312 847 1928
Mobile Number
+1 312 847 1928
Email
priya.raman@northgatedental.com
Website
https://northgatedental.com
Street Address, City, State, Country, Postal Code
60641
Company Name and Job Title
Northgate Dental

Illustrative values showing the expected format. They are not read from the screenshot.

All 9 steps in this procedure
  1. First Name
  2. Last Name
  3. Phone Number (Required)
  4. Mobile Number
  5. Email
  6. Website
  7. Upload your profile image or company logo.
  8. Street Address, City, State, Country, Postal Code
  9. Company Name and Job Title

Step 4: Choose your desired QR Code colors

  1. Background Color
  2. Dots Color
  3. Marker Border Color
  4. Marker Center Color
  5. Use a color picker or enter hex codes.
Step 4: Choose your desired QR Code colors (image 5 of 9) What this shows Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes. What this shows Illustrates the "Step 4: Choose your desired QR Code colors" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 4: Choose your desired QR Code colors" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Choose from different styles of. Image 5 of 9 What to fill inBackground Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes.
Fields in this part of the guide Background ColorDots ColorMarker Border ColorMarker Center Color
Next stepChoose from different styles of:
All 5 steps in this procedure
  1. Background Color
  2. Dots Color
  3. Marker Border Color
  4. Marker Center Color
  5. Use a color picker or enter hex codes.

Step 5: Select your QR shape and Form

  1. Choose from different styles of:
    • Dots.
    • Marker borders.
    • Marker centers.
Step 5: Select your QR shape and Form (image 6 of 9) What this shows Choose from different styles of: What this shows Illustrates the "Step 5: Select your QR shape and Form" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 5: Select your QR shape and Form" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Choose from different styles of. For context, this section explains: Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes. Immediately after, the guide continues: Upload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference. Image 6 of 9 What to chooseChoose from different styles of:
Buttons and menus referenced DotsMarkerborderscenters
Next stepUpload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference.
  1. Upload your logo or choose from built-in options.
  2. Toggle Remove background behind logo ON or OFF based on preference.
    • ON: Makes the background around the logo clear.
    • OFF: Places the logo as-is on top of the QR code.
Step 6: Add a Logo (image 7 of 9) What this shows Upload your logo or choose from built-in options. What this shows Illustrates the "Step 6: Add a Logo" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 6: Add a Logo" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Upload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference. Immediately after, the guide continues: Upload a Background Image of your choice. Adjust the transparency level for the background as needed. Image 7 of 9 What to chooseUpload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference.
Buttons and menus referenced Remove background behind logo
Next stepUpload a Background Image of your choice. Adjust the transparency level for the background as needed.
All 2 steps in this procedure
  1. Upload your logo or choose from built-in options.
  2. Toggle Remove background behind logo ON or OFF based on preference.

Step 7: Page Background Image

  1. Upload a Background Image of your choice.
  2. Adjust the transparency level for the background as needed.
Step 7: Page Background Image (image 8 of 9) What this shows Upload a Background Image of your choice. What this shows Illustrates the "Step 7: Page Background Image" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 7: Page Background Image" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Upload a Background Image of your choice. Adjust the transparency level for the background as needed. Immediately after, the guide continues: Click on the file type (PNG by default), from the dropdown, choose one of the available formats: Click Download to store the QR code file in your device. Click Save to store it in GHL Customer Care. Image 8 of 9 What this coversUpload a Background Image of your choice. Adjust the transparency level for the background as needed.
Buttons and menus referenced Background Imagetransparency
Next stepClick on the file type (PNG by default), from the dropdown, choose one of the available formats: Click Download to store the QR code file in your device. Click Save to store it in GHL Customer Care.
All 2 steps in this procedure
  1. Upload a Background Image of your choice.
  2. Adjust the transparency level for the background as needed.

Step 8: Download and Save Your QR Code

  1. Click on the file type (PNG by default), from the dropdown, choose one of the available formats:
    • PNG
    • SVG
    • PDF
  2. Click Download to store the QR code file in your device.
  3. Click Save to store it in GHL Customer Care.
Step 8: Download and Save Your QR Code (image 9 of 9) What this shows Click on the file type (PNG by default), from the dropdown, choose one of the available formats: Click Download to store the QR code file… What this shows Illustrates the "Step 8: Download and Save Your QR Code" section of "How to Create vCards in the QR Code Builder". This animation appears in the "Step 8: Download and Save Your QR Code" section of "How to Create vCards in the QR Code Builder". The text alongside this image reads: Click on the file type (PNG by default), from the dropdown, choose one of the available formats: Click Download to store the QR code file in your device. Click Save to store it in GHL Customer Care. This part of the guide covers 3 fields, listed below. Immediately after, the guide continues: The dynamic nature of the vCard QR codes means that the links remain update-able and reusable. This sub-feature is tailored for efficiency and ongoing adaptability. Image 9 of 9 What to fill inClick on the file type (PNG by default), from the dropdown, choose one of the available formats: Click Download to store the QR code file in your device. Click Save to store it in GHL Customer Care.
Fields in this part of the guide PNGSVGPDF
Buttons and menus referenced PNGSVGPDFDownloadSave
Next stepThe dynamic nature of the vCard QR codes means that the links remain update-able and reusable. This sub-feature is tailored for efficiency and ongoing adaptability.
All 3 steps in this procedure
  1. Click on the file type (PNG by default), from the dropdown, choose one of the available formats:
  2. Click Download to store the QR code file in your device.
  3. Click Save to store it in GHL Customer Care.

Dynamic & Ready-to-Scan

The dynamic nature of the vCard QR codes means that the links remain update-able and reusable. This sub-feature is tailored for efficiency and ongoing adaptability.

  • Supports dynamic URLs, allowing for real-time updates.
  • Ensures that the QR code remains effective for multiple contact sharing events.
  • Ideal for scenarios where contact information might change over time.

Frequently Asked Questions

Q: Do vCard QR Codes work offline?

Once the QR code is scanned, the contact details are saved directly to the device, even if offline.

Q: Can I include social media links?

Currently, only basic contact info is supported. For social links, consider using a Profile Card.

Q: What devices are compatible with scanning vCard QR codes?

All standard smartphones with a QR code scanner app can easily scan and view the vCard.

Q: Can I update my contact information after generating the QR code?

Yes, the dynamic URL feature allows updates without needing to create a new QR code.

Was this guide helpful?

Related guides

How to Create Custom Profile Card QR Codes6 min read · 12 imagesQR Code Bulk Actions, Renaming & Copy Link Shortcut3 min read · 14 imagesHow to Create Custom Business Card QR Codes5 min read · 8 imagesQuizzes and QR Codes in SaaS Plan Configurations3 min read · 4 images