# 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.

- Source: https://docs.ghlcustomercare.com/docs/sites/qr-codes/how-to-create-vcards-in-the-qr-code-builder
- Section: Sites / QR Codes
- Reading time: 3 min
- Images: 9, each explained below
- Modified on Mon, 7 Jul, 2025 at 6:10 AM

---
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?](#what-is-vcard-support-in-qr-code-builder) [](#key-benefits-of-vcard-support-in-qr-code-builder)
-   [Key Benefits of vCard Support in QR Code Builder](#key-benefits-of-vcard-support-in-qr-code-builder)[](#how-to-create-a-vcard-qr-code)
-   [How To Create a vCard QR Code](#how-to-create-a-vcard-qr-code)[](#step-1-navigate-to-the-qr-code-builder)
    -   [Step 1: Navigate to the QR Code Builder](#step-1-navigate-to-the-qr-code-builder)[](#step-2-select-qr-code-type)
    -   [Step 2: Select QR Code Type](#step-2-select-qr-code-type)[](#step-3-fill-in-contact-information)
    -   [Step 3: Fill in Contact Information](#step-3-fill-in-contact-information)[](#step-4-choose-your-desired-qr-code-colors)
    -   [Step 4: Choose your desired QR Code colors](#step-4-choose-your-desired-qr-code-colors)[](#step-5-select-your-qr-shape-and-form)
    -   [Step 5: Select your QR shape and Form](#step-5-select-your-qr-shape-and-form)[](#step-6-add-a-logo)
    -   [Step 6: Add a Logo](#step-6-add-a-logo)[](#step-7-page-background-image)
    -   [Step 7: Page Background Image](#step-7-page-background-image)[](#step-8-download-and-save-your-qr-code)
    -   [Step 8: Download and Save Your QR Code](#step-8-download-and-save-your-qr-code)[](#dynamic-and-ready-to-scan)
-   [Dynamic & Ready-to-Scan](#dynamic-and-ready-to-scan)[](#frequently-asked-questions)
-   [Frequently Asked Questions](#frequently-asked-questions)[](#related-articles)
-   [Related Articles](#related-articles)

---

# **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)](https://jumpshare.com/v/BVTz8ookqrXIib7PWmG8+/Screen+Shot+2025-07-04+at+7.08.31+PM.png)

**Step 1: Navigate to the QR Code Builder (image 1 of 9)**

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.
- What to click: 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.
- Controls: GHL Customer Care sub-account, Sites, QR Codes
- Next: 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.

Full 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](https://jumpshare.com/v/OTQgFGE3JxThoCgSy72g+/Screen+Shot+2025-07-04+at+7.13.18+PM.png)

**Step 1 of 4: Click the Create QR Code button**

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.
- What to click: Click the Create QR Code button.
- Controls: Create QR Code, QR Code Name, Select QR Code Type, vCard, Next
- Next: In the QR Code Name field, enter a descriptive name for your reference.

Full 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](https://jumpshare.com/v/ssnbsvrBrqH93Bi1jKhQ+/Screen+Shot+2025-07-04+at+7.15.21+PM.png)

**Step 4 of 4: Click Next**

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.
- What to click: Click Next.
- Controls: Next, Create QR Code, QR Code Name, Select QR Code Type, vCard

Full 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

8.  Once all necessary fields are filled, click **Next**.

![Step 3: Fill in Contact Information (image 4 of 9)](https://jumpshare.com/v/Sx2xvaIbnj9p7AbQu8Dg+/GIF+Recording+2025-07-04+at+7.26.31+PM.gif)

**Step 3: Fill in Contact Information (image 4 of 9)**

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.
- What to click: Once all necessary fields are filled, click Next.
- Fields: First Name, Last Name, Phone Number (Required), Mobile Number, Email, Website, Street Address, City, State, Country, Postal Code, Company Name and Job Title
- Controls: Next
- Next: Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes.

Example values (illustrative, not read from the screenshot):

- 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

Full 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)](https://jumpshare.com/v/tDSrgvUT0EB7m6YIgBmg+/GIF+Recording+2025-07-04+at+7.36.19+PM.gif)

**Step 4: Choose your desired QR Code colors (image 5 of 9)**

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.
- What to fill in: Background Color Dots Color Marker Border Color Marker Center Color Use a color picker or enter hex codes.
- Fields: Background Color, Dots Color, Marker Border Color, Marker Center Color
- Next: Choose from different styles of:

Full 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)](https://jumpshare.com/v/jWuZtAH1HfqPVbTq0pX3+/GIF+Recording+2025-07-04+at+7.38.42+PM.gif)

**Step 5: Select your QR shape and Form (image 6 of 9)**

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.
- What to choose: Choose from different styles of:
- Controls: Dots, Marker, borders, centers
- Next: Upload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference.

### **Step 6:** Add a Logo

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)](https://jumpshare.com/v/ofUS1fqswAEQEH6PL02s+/GIF+Recording+2025-07-04+at+7.42.49+PM.gif)

**Step 6: Add a Logo (image 7 of 9)**

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.
- What to choose: Upload your logo or choose from built-in options. Toggle Remove background behind logo ON or OFF based on preference.
- Controls: Remove background behind logo
- Next: Upload a Background Image of your choice. Adjust the transparency level for the background as needed.

Full 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)](https://jumpshare.com/v/lghz4NOqm4IMlWWoVeZp+/GIF+Recording+2025-07-04+at+7.48.09+PM.gif)

**Step 7: Page Background Image (image 8 of 9)**

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.
- What this covers: Upload a Background Image of your choice. Adjust the transparency level for the background as needed.
- Controls: Background Image, transparency
- Next: 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.

Full 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)](https://jumpshare.com/v/o1ffJ0ejQvBTOWDB3kGo+/GIF+Recording+2025-07-04+at+7.54.12+PM.gif)

**Step 8: Download and Save Your QR Code (image 9 of 9)**

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.
- What to fill in: 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.
- Fields: PNG, SVG, PDF
- Controls: PNG, SVG, PDF, Download, Save
- Next: 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.

Full 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.

---

## **Related Articles**

[](https://docs.ghlcustomercare.com/docs)

-   [QR Code Generation and Download Guide](https://docs.ghlcustomercare.com/docs/sites/qr-codes/qr-code-generation-and-download-guide)
-   [Bulk QR Code Creation](https://docs.ghlcustomercare.com/docs/sites/qr-codes/bulk-qr-code-creation)
-   [How to create a QR Code linked with Review Page](https://docs.ghlcustomercare.com/docs/sites/qr-codes/how-to-create-a-qr-code-linked-with-review-page)
-   [How to Set up Digital QR Code for Maximising Review Generation](https://docs.ghlcustomercare.com/docs/reputation-management-and-reviews/review-requests/how-to-set-up-digital-qr-code-for-maximising-review-generation)
-   [How to create a QR Code linked with Website](https://docs.ghlcustomercare.com/docs/sites/qr-codes/how-to-create-a-qr-code-linked-with-website)

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com