Learn to add, select, create, and edit QR codes in GHL Customer Care’s Page Builder. Use search, handle deleted/cross‑location QRs, and style for mobile and desktop.
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
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.
Give visitors a simple way to open any link by scanning a QR code placed directly on your website or funnel page. This article explains how to add and edit QR codes in the GHL Customer Care Page Builder.
The QR Code element is an element in the GHL Customer Care Page Builder that renders a scannable code linked to any supported destination URL (for example, a funnel/website page, calendar, form, survey, payment link, or external URL). It lets you select an existing QR from your library or create/edit one inline without leaving the builder.
You can place this element anywhere on your page, point it to a destination, and visitors can scan it with their phone camera (or click on it) to go there instantly.
Key Benefits of QR Code Element
Inline Creation/Editing: Create a new QR or edit the selected one directly from the builder.
Clear Destination: See the URL the QR will open, so you can confirm it’s correct before publishing.
Deleted Detection: If the previously selected QR was removed from your library, you’re prompted to pick or create a new one.
Cross‑Location Awareness: Labels flag QR codes that belong to a different location, preventing confusion.
On‑Canvas control: Resize and position the element to fit your layout for desktop and mobile.
How To Use QR Code Element
Follow these steps to place a working QR on your page, confirm the destination, and publish with confidence.
Step 1: Navigate to Page
Open Sites → Websites (or Funnels) and choose the page to edit.
Step 1: Navigate to Page (image 1 of 4)What this shows Open Sites → Websites (or Funnels) and choose the page to edit.What this showsIllustrates the "Step 1: Navigate to Page" section of "QR Code Element in Page Builder".This screenshot appears in the "Step 1: Navigate to Page" section of "QR Code Element in Page Builder". The text alongside this image reads: Open Sites → Websites (or Funnels) and choose the page to edit. Immediately after, the guide continues: Click the + (add elements) icon to open the elements section Scroll down to QR Code and drag the element into the page.Image 1 of 4Where to goOpen Sites → Websites (or Funnels) and choose the page to edit.
Buttons and menus referencedSites → Websites (or Funnels)
Next stepClick the + (add elements) icon to open the elements section Scroll down to QR Code and drag the element into the page
Step 2: Add QR Code Element
Click the + (add elements) icon to open the elements section
Scroll down to QR Code and drag the element into the page
Step 2: Add QR Code Element (image 2 of 4)What this shows Click the + (add elements) icon to open the elements section Scroll down to QR Code and drag the element into the pageWhat this showsIllustrates the "Step 2: Add QR Code Element" section of "QR Code Element in Page Builder".This screenshot appears in the "Step 2: Add QR Code Element" section of "QR Code Element in Page Builder". The text alongside this image reads: Click the + (add elements) icon to open the elements section Scroll down to QR Code and drag the element into the page. Immediately after, the guide continues: Use the drop down to select the QR Code you would like to add To create a new QR Code, click the text below the drop down. This will open the QR Code builder.Image 2 of 4What to clickClick the + (add elements) icon to open the elements section Scroll down to QR Code and drag the element into the page
Buttons and menus referenced+(add elements)
Next stepUse the drop down to select the QR Code you would like to add To create a new QR Code, click the text below the drop down. This will open the QR Code builderAll 2 steps in this procedure
Click the + (add elements) icon to open the elements section
Scroll down to QR Code and drag the element into the page
Step 3: Select a QR Code
Use the drop down to select the QR Code you would like to add
To create a new QR Code, click the text below the drop down. This will open the QR Code builder
Step 3: Select a QR Code (image 3 of 4)What this shows Use the drop down to select the QR Code you would like to add To create a new QR Code, click the text below the drop down.What this showsIllustrates the "Step 3: Select a QR Code" section of "QR Code Element in Page Builder".This screenshot appears in the "Step 3: Select a QR Code" section of "QR Code Element in Page Builder". The text alongside this image reads: Use the drop down to select the QR Code you would like to add To create a new QR Code, click the text below the drop down. This will open the QR Code builder. Immediately after, the guide continues: To edit the QR Code after element has been added, select the element. Click the blue button labeled Edit QR Code.Image 3 of 4What to chooseUse the drop down to select the QR Code you would like to add To create a new QR Code, click the text below the drop down. This will open the QR Code builderNext stepTo edit the QR Code after element has been added, select the element. Click the blue button labeled Edit QR Code.All 2 steps in this procedure
Use the drop down to select the QR Code you would like to add
To create a new QR Code, click the text below the drop down. This will open the QR Code builder
Step 4: Edit QR Code
To edit the QR Code after element has been added, select the element. Click the blue button labeled Edit QR Code.
Step 4: Edit QR Code (image 4 of 4)What this shows To edit the QR Code after element has been added, select the element.What this showsIllustrates the "Step 4: Edit QR Code" section of "QR Code Element in Page Builder".This screenshot appears in the "Step 4: Edit QR Code" section of "QR Code Element in Page Builder". The text alongside this image reads: To edit the QR Code after element has been added, select the element. Click the blue button labeled Edit QR Code. Immediately after, the guide continues: Q: Where do QR codes live outside the Page Builder? They are stored in your QR library for the current location. You can access and manage them from the QR builder screens and from the inline editor in the element.Image 4 of 4What to chooseTo edit the QR Code after element has been added, select the element. Click the blue button labeled Edit QR Code.
Buttons and menus referencedEdit QR Code
Next stepQ: Where do QR codes live outside the Page Builder? They are stored in your QR library for the current location. You can access and manage them from the QR builder screens and from the inline editor in the element.
Frequently Asked Questions
Q: Where do QR codes live outside the Page Builder? They are stored in your QR library for the current location. You can access and manage them from the QR builder screens and from the inline editor in the element.
Q: Do I need to republish after editing a QR’s destination? Yes. After updating the QR or swapping the selected QR in the element, publish/update the page so visitors get the latest destination.
Q: What if the QR I previously selected was deleted? The element will prompt you to pick another QR or create a new one. Choose a replacement and republish.
Q: Can I use a QR from another location? Cross‑location QRs are flagged for clarity. For consistency and control, create/select a QR owned by the current location.
