# How to Create Custom Business Card QR Codes > Learn how to design a digital business card QR code in GHL Customer Care. Share your contact info instantly with a scannable, mobile-friendly, and professional layout. - Source: https://docs.ghlcustomercare.com/docs/sites/qr-codes/how-to-create-custom-business-card-qr-codes - Section: Sites / QR Codes - Reading time: 5 min - Images: 8, each explained below - Modified on Wed, 5 Aug at 12:54 PM --- This article will guide you through creating a fully customizable Business Card QR Code in GHL Customer Care. You’ll learn how to build a sleek digital business card that makes sharing your contact details easy and efficient, perfect for networking, promotions, or client engagement. --- **TABLE OF CONTENTS** - [What is Business Card QR Code?](#what-is-business-card-qr-code)[](#key-benefits-of-business-card-qr-code) - [Key Benefits of Business Card QR Code](#key-benefits-of-business-card-qr-code)[](#how-to-create-a-business-card-qr-code) - [How To Create a Business Card QR Code](#how-to-create-a-business-card-qr-code)[](#step-1-access-the-qr-code-builder) - [Step 1: Access the QR Code Builder](#step-1-access-the-qr-code-builder)[](#step-2-configure-qr-code-details) - [Step 2: Configure QR Code Details](#step-2-configure-qr-code-details) - Step 3: Set Page Color - Step 4: Add Branding Image - Step 5: Enter Business Contact Information - Step 6: Set Business Hours - Step 7: Add Social Media Links - Step 8: Customize QR Code Appearance - Step 9: Download and Save[](#customizable-design) - [Customizable Design](#customizable-design)[](#operating-hours-display) - [Operating Hours Display](#operating-hours-display)[](#frequently-asked-questions) - [Frequently Asked Questions](#frequently-asked-questions)[](#related-articles) - [Related Articles](#related-articles) --- # **What is Business Card QR Code?** Business Card QR Codes in GHL Customer Care let you create a mobile-friendly digital card that can be scanned and saved instantly. Instead of handing out paper cards or having people manually type in your details, you can share one sleek QR code that includes your contact info, logo, hours, and even social media links, making it easier than ever for people to connect with your brand. --- ## **Key Benefits of Business Card QR Code** This feature streamlines networking and enhances brand presentation by letting you generate digital business cards accessible via a simple QR scan. Benefits include: - **Dynamic Business Card Generation:** Easily select the “Business Card” QR type from a diverse options list. - **Customizable Design:** Personalize colors, logo, background transparency, and more to match your branding. - **Complete Contact Details:** Integrate phone, email, website, address, and company information all in one card. - **Operating Hours Display:** Incorporate your weekly business timings with individual day toggles. - **Social Media Integration:** Add links to your Instagram, Facebook, LinkedIn, Pinterest, and other profiles. - **Live Preview:** Instantly see how your digital card appears to users before finalizing the design. --- ## **How To Create a Business Card QR Code** The Business Card QR Code builder in GHL Customer Care lets you create a professional, scannable digital card that instantly shares your contact information. Follow the steps below to build and customize your own. #### **Step 1:** Access the QR Code Builder 1. Log in to your **GHL Customer Care sub-account**. 2. From the left-hand sidebar, click **Sites**. 3. Under the Sites section, click on **QR Codes**. 4. Click the **Create QR Code** button. ![Step 1: Access the QR Code Builder (image 1 of 8)](https://jumpshare.com/v/X9jljPKXiYcgSRZpbA48+/Screen+Shot+2025-07-21+at+8.22.19+PM.png) **Step 1: Access the QR Code Builder (image 1 of 8)** This screenshot appears in the "Step 1: Access the QR Code Builder" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Log in to your GHL Customer Care sub-account. From the left-hand sidebar, click Sites. Under the Sites section, click on QR Codes. Click the Create QR Code button. Immediately after, the guide continues: Give your QR Code a name (e.g., "My Digital Business Card"). Select Business Card as the QR code type. You will see a live preview of your digital card on the right-hand side. Click Next to proceed. - Where to go: Log in to your GHL Customer Care sub-account. From the left-hand sidebar, click Sites. Under the Sites section, click on QR Codes. Click the Create QR Code button. - Controls: GHL Customer Care sub-account, Sites, QR Codes, Create QR Code - Next: Give your QR Code a name (e.g., "My Digital Business Card"). Select Business Card as the QR code type. You will see a live preview of your digital card on the right-hand side. Click Next to proceed. Full procedure: 1. Log in to your GHL Customer Care sub-account. 2. From the left-hand sidebar, click Sites. 3. Under the Sites section, click on QR Codes. 4. Click the Create QR Code button. #### **Step 2:** Configure QR Code Details 1. Give your QR Code a **name** (e.g., "My Digital Business Card"). 2. Select **Business Card** as the QR code type. 3. You will see a **live preview** of your digital card on the right-hand side. 4. Click **Next** to proceed. ![Step 2: Configure QR Code Details (image 2 of 8)](https://jumpshare.com/v/fUQw8ndNRvIpKTXO5E7T+/Screen+Shot+2025-07-21+at+8.25.22+PM.png) **Step 2: Configure QR Code Details (image 2 of 8)** This screenshot appears in the "Step 2: Configure QR Code Details" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Give your QR Code a name (e.g., "My Digital Business Card"). Select Business Card as the QR code type. You will see a live preview of your digital card on the right-hand side. Click Next to proceed. Immediately after, the guide continues: Click Browse to your company logo then select the opacity level (%). Enter your company information including: U se the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and…. - What to fill in: Give your QR Code a name (e.g., "My Digital Business Card"). Select Business Card as the QR code type. You will see a live preview of your digital card on the right-hand side. Click Next to proceed. - Controls: name, Business Card, live preview, Next - Next: Click Browse to your company logo then select the opacity level (%). Enter your company information including: U se the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and close times for each day you're operational. Once all information has been added, click on the Styles tab at the top. Full procedure: 1. Give your QR Code a name (e.g., "My Digital Business Card"). 2. Select Business Card as the QR code type. 3. You will see a live preview of your digital card on the right-hand side. 4. Click Next to proceed. #### **Step 3:** Enter Your Business Information 1. Click **Browse** to your company logo then select the opacity level (%). 2. Enter your company information including: - Company Name - Company Description - Email - Website - Phone - Address 3. Use the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and close times for each day you're operational. 4. Once all information has been added, click on the **Styles** tab at the top. ![Step 3: Enter Your Business Information (image 3 of 8)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077730825/original/6FlbRdpr2xaycn8Z5aZLVkXIML8jf5AUew.gif) **Step 3: Enter Your Business Information (image 3 of 8)** This animation appears in the "Step 3: Enter Your Business Information" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Click Browse to your company logo then select the opacity level (%). Enter your company information including: U se the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and close times for each day you're operational. Once all…. This part of the guide covers 6 fields, listed below. Immediately after, the guide continues: Select one of the available cover-image templates, or click Browse to use a custom image. Then select the opacity level (%). Use thecolor picker to select a color for the page, text, logo/icon, button and button color. Turn Show icon…. - What to fill in: Click Browse to your company logo then select the opacity level (%). Enter your company information including: U se the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and close times for each day you're operational. Once all information has been added, click on the Styles tab at the top. - Fields: Company Name, Company Description, Email, Website, Phone, Address - Controls: Browse, Styles - Next: Select one of the available cover-image templates, or click Browse to use a custom image. Then select the opacity level (%). Use thecolor picker to select a color for the page, text, logo/icon, button and button color. Turn Show icon label on to display labels such as Phone and Email, or turn it off for a more minimal design. Once all customizations have been set, click on the Links tab at the top. Example values (illustrative, not read from the screenshot): - Company Name: Priya Raman - Company Description: Northgate Dental - Email: priya.raman@northgatedental.com - Website: https://northgatedental.com - Phone: +1 312 847 1928 - Address: 4180 W Belmont Ave Full procedure: 1. Click Browse to your company logo then select the opacity level (%). 2. Enter your company information including: 3. U se the toggle switches to mark which days you're open or closed. By default, Sunday is toggled off (closed). Set the open and close times for each day you're operational. 4. Once all information has been added, click on the Styles tab at the top. #### **Step 4:** Customize the Style 1. Select one of the available cover-image templates, or click **Browse** to use a custom image. Then select the opacity level (%). 2. Use thecolor picker to select a color for the page, text, logo/icon, button and button color. 3. Turn **Show icon label** on to display labels such as Phone and Email, or turn it off for a more minimal design. 4. Once all customizations have been set, click on the **Links** tab at the top. ![Step 4: Customize the Style (image 4 of 8)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077731075/original/g-M7GE0Ix-rFQ1Z084ehZW86gsyybpObhw.gif) **Step 4: Customize the Style (image 4 of 8)** This animation appears in the "Step 4: Customize the Style" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Select one of the available cover-image templates, or click Browse to use a custom image. Then select the opacity level (%). Use thecolor picker to select a color for the page, text, logo/icon, button and button color. Turn Show icon label on to display labels such as Phone and Email, or turn it…. Immediately after, the guide continues: Select built-in social links, such as X, Instagram, Facebook, LinkedIn, YouTube, TikTok, or Pinterest, then enter the corresponding URL or username. To add another destination, click Add custom links, enter the link name and URL, and…. - What to choose: Select one of the available cover-image templates, or click Browse to use a custom image. Then select the opacity level (%). Use thecolor picker to select a color for the page, text, logo/icon, button and button color. Turn Show icon label on to display labels such as Phone and Email, or turn it off for a more minimal design. Once all customizations have been set, click on the Links tab at the top. - Controls: Browse, Show icon label, Links - Next: Select built-in social links, such as X, Instagram, Facebook, LinkedIn, YouTube, TikTok, or Pinterest, then enter the corresponding URL or username. To add another destination, click Add custom links, enter the link name and URL, and choose an icon. Use the drag handles to reorder links or click the trash icon to remove a link. Once all links have been set, click on the Exchange Contact tab at the top. Full procedure: 1. Select one of the available cover-image templates, or click Browse to use a custom image. Then select the opacity level (%). 2. Use thecolor picker to select a color for the page, text, logo/icon, button and button color. 3. Turn Show icon label on to display labels such as Phone and Email, or turn it off for a more minimal design. 4. Once all customizations have been set, click on the Links tab at the top. #### **Step 5:** Add Links 1. Select built-in social links, such as X, Instagram, Facebook, LinkedIn, YouTube, TikTok, or Pinterest, then enter the corresponding URL or username. 2. To add another destination, click **Add custom links**, enter the link name and URL, and choose an icon. 3. Use the drag handles to reorder links or click the trash icon to remove a link. 4. Once all links have been set, click on the **Exchange Contact** tab at the top. ![Step 5: Add Links (image 5 of 8)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077731891/original/0FcZb9jHN9SvmmR0_W94ugrUJbnPhJZh_g.gif) **Step 5: Add Links (image 5 of 8)** This animation appears in the "Step 5: Add Links" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Select built-in social links, such as X, Instagram, Facebook, LinkedIn, YouTube, TikTok, or Pinterest, then enter the corresponding URL or username. To add another destination, click Add custom links, enter the link name and URL, and choose an icon. Use the drag handles to reorder links or click…. Immediately after, the guide continues: Exchange Contact turns your Business Card into a lead-capture tool by letting visitors submit their own contact information. When they complete the form, a new contact is created in the CRM and the activity shows that the lead came from…. - What to fill in: Select built-in social links, such as X, Instagram, Facebook, LinkedIn, YouTube, TikTok, or Pinterest, then enter the corresponding URL or username. To add another destination, click Add custom links, enter the link name and URL, and choose an icon. Use the drag handles to reorder links or click the trash icon to remove a link. Once all links have been set, click on the Exchange Contact tab at the top. - Next: Exchange Contact turns your Business Card into a lead-capture tool by letting visitors submit their own contact information. When they complete the form, a new contact is created in the CRM and the activity shows that the lead came from the Business Card. #### **Step 6:** Exchange Contact Settings Exchange Contact turns your Business Card into a lead-capture tool by letting visitors submit their own contact information. When they complete the form, a new contact is created in the CRM and the activity shows that the lead came from the Business Card. 1. Open the **Exchange contact** tab and turn on **Exchange contact**. 2. Choose **New form** to create a form for the card, or **Use an existing form** to select a GHL Customer Care form you already created. Click **Edit form** to update the fields, styling, or form settings without leaving the QR Code Builder. 3. Customize the Exchange Contact button text as needed, then review the button and form in the live preview. 4. Turn on **Open Exchange Contact Form by Default** to display the form when the Business Card opens. 5. Turn on **Automatically Download My Contact Info** to begin the contact-saving experience when the page opens. 6. Once all settings have been set, click **Next**. #### ![Step 6: Exchange Contact Settings (image 6 of 8)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155077732082/original/Ad5gh9aEbBE9NmoKIZuJb9qd_lKR6GYD6A.gif) **Step 6: Exchange Contact Settings (image 6 of 8)** This animation appears in the "Step 6: Exchange Contact Settings" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Open the Exchange contact tab and turn on Exchange contact. Choose New form to create a form for the card, or Use an existing form to select a GHL Customer Care form you already created. Click Edit form to update the fields, styling, or form settings without leaving the QR Code Builder. Customize…. Immediately after, the guide continues: Customize Background Color, Dots Color, Marker Border & Center Color. Choose Dot Styles for the QR and customize Marker Borders and Centers. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). Enable or disable…. - Where to go: Open the Exchange contact tab and turn on Exchange contact. Choose New form to create a form for the card, or Use an existing form to select a GHL Customer Care form you already created. Click Edit form to update the fields, styling, or form settings without leaving the QR Code Builder. Customize the Exchange Contact button text as needed, then review the button and form in the live preview. Turn on Open Exchange Contact Form by Default to display the form when the Business Card opens. Turn on Automatically Download My Contact Info to begin the contact-saving experience when the page opens. Once all settings have been set, click Next. - Next: Customize Background Color, Dots Color, Marker Border & Center Color. Choose Dot Styles for the QR and customize Marker Borders and Centers. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). Enable or disable Remove Background Behind Logo depending on your preference. Upload a background image for the entire page. Adjust its transparency using the slider. #### **Step 7:** Customize the QR Code Design 1. Customize **Background Color,** **Dots Color,** **Marker Border & Center Color.** 2. Choose **Dot Styles** for the QR and customize **Marker Borders and Centers.** 3. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). 4. Enable or disable **Remove Background Behind Logo** depending on your preference. 5. Upload a **background image** for the entire page. 6. Adjust its **transparency** using the slider. ![Step 7: Customize the QR Code Design (image 7 of 8)](https://jumpshare.com/v/puk5lTnPY8zPVgi43REW+/GIF+Recording+2025-07-21+at+10.16.32+PM.gif) **Step 7: Customize the QR Code Design (image 7 of 8)** This animation appears in the "Step 7: Customize the QR Code Design" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Customize Background Color, Dots Color, Marker Border & Center Color. Choose Dot Styles for the QR and customize Marker Borders and Centers. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). Enable or disable Remove Background Behind Logo depending on your preference…. Immediately after, the guide continues: Choose your download format: PNG, SVG, or PDF. Click Download to save your QR code. Click the Save button to save the QR Code to your GHL Customer Care library. - What to choose: Customize Background Color, Dots Color, Marker Border & Center Color. Choose Dot Styles for the QR and customize Marker Borders and Centers. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). Enable or disable Remove Background Behind Logo depending on your preference. Upload a background image for the entire page. Adjust its transparency using the slider. - Controls: Background Color,, Dots Color,, Marker Border & Center Color., Dot Styles, Marker Borders and Centers., Remove Background Behind Logo, background image, transparency - Next: Choose your download format: PNG, SVG, or PDF. Click Download to save your QR code. Click the Save button to save the QR Code to your GHL Customer Care library. Full procedure: 1. Customize Background Color, Dots Color, Marker Border & Center Color. 2. Choose Dot Styles for the QR and customize Marker Borders and Centers. 3. Upload your own logo or use a preloaded icon (e.g., Google, YouTube, WhatsApp). 4. Enable or disable Remove Background Behind Logo depending on your preference. 5. Upload a background image for the entire page. 6. Adjust its transparency using the slider. #### **Step 8:** Download and Save 1. Choose your **download format**: PNG, SVG, or PDF. 2. Click **Download** to save your QR code. 3. Click the **Save** button to save the QR Code to your GHL Customer Care library. ![Step 8: Download and Save (image 8 of 8)](https://jumpshare.com/v/j9uwdq1WmlBc769y9NCK+/GIF+Recording+2025-07-21+at+10.19.37+PM.gif) **Step 8: Download and Save (image 8 of 8)** This animation appears in the "Step 8: Download and Save" section of "How to Create Custom Business Card QR Codes". The text alongside this image reads: Choose your download format: PNG, SVG, or PDF. Click Download to save your QR code. Click the Save button to save the QR Code to your GHL Customer Care library. Immediately after, the guide continues: Customizable Design gives you full control over your digital business card’s appearance, ensuring it aligns with your brand identity. - What to choose: Choose your download format: PNG, SVG, or PDF. Click Download to save your QR code. Click the Save button to save the QR Code to your GHL Customer Care library. - Controls: download format, Download, Save - Next: Customizable Design gives you full control over your digital business card’s appearance, ensuring it aligns with your brand identity. Full procedure: 1. Choose your download format: PNG, SVG, or PDF. 2. Click Download to save your QR code. 3. Click the Save button to save the QR Code to your GHL Customer Care library. --- ## **Customizable Design** Customizable Design gives you full control over your digital business card’s appearance, ensuring it aligns with your brand identity. - Adjust background colors and transparency to suit your branding. - Upload your company logo to create a personalized look. - Real-time design preview available to see your adjustments as you make them. --- ## **Operating Hours Display** The Operating Hours Display feature accommodates businesses with varying weekly schedules. - Toggle on/off for each day to display accurate operating hours. - Sunday is off by default, ideal for six-day work weeks but can be turned on if needed. - Simple interface to input and adjust daily timings effortlessly. --- ## **Frequently Asked Questions** **Q: Can I edit a Business Card QR Code after it's created?** Yes, you can return to the QR code details and make any necessary changes after generation. **Q: What happens if I do not want to display Sunday’s hours?** Sunday is toggled off by default, making it ideal for businesses with a six-day work week. **Q: Is it possible to add multiple social media links?** Absolutely, you can add a variety of social media profiles including Instagram, Facebook, LinkedIn, and Pinterest. **Q: Will the QR code work on all mobile devices?** Yes, the QR code is designed to be mobile-responsive and works seamlessly across various devices. **Q: Will the QR code work on physical printouts? **Yes! The generated QR code is high resolution and can be used on flyers, business cards, event booths, or even store signage. --- ## **Related Articles** - [QR Code Generation and Download Guide](https://docs.ghlcustomercare.com/docs/sites/qr-codes/qr-code-generation-and-download-guide) - [How to Create vCards in the QR Code Builder](https://docs.ghlcustomercare.com/docs/sites/qr-codes/how-to-create-vcards-in-the-qr-code-builder) - [Bulk QR Code Creation](https://docs.ghlcustomercare.com/docs/sites/qr-codes/bulk-qr-code-creation) - [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) - [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) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com