- QR CODES
-
PRODUCT FREE
QR Code Generator
Create custom QR Codes for every use case
-
Dynamic QR Code Generator
-
Choosing the Best QR Code Generator
-
QR Code Tracking
-
QR Code API
-
GET STARTED
Select a template to continue
-
- DIGITAL BUSINESS CARDS
-
PRODUCT POPULAR
Digital Business Cards
Measure your networking with digital business cards
-
All About Digital Business Cards
-
Apple Wallet Business Cards
-
Physical Vs Digital Business Cards
-
Choosing The Best Digital Business Card Solution
-
GET STARTED
Select a template to continue
-
- SOLUTIONS
-
BY INDUSTRY
-
BY USE CASE
-
BY BUSINESS
-
- LEARN
-
A powerful and easy solution for our business.
Uniqode’s solution has made our lives a lot easier.
MARCELO YANEZ
PRODUCT MANAGER,
NESTLE
Read all customer stories
- QR CODES QR CODES
PRODUCT FREE
QR Code Generator
Create custom QR Codes for every use case
GET STARTED
Select a template to continue
- DIGITAL BUSINESS CARDS DIGITAL BUSINESS CARDS
PRODUCT POPULAR
Digital Business Cards
Measure your networking with digital business cards
All About Digital Business Cards
Apple Wallet Business Cards
Physical Vs Digital Business Cards
Choosing the Best Digital Business Card Solution
GET STARTED
Select a template to continue
- SOLUTION SOLUTION
BY INDUSTRY
BY USE CASE
BY BUSINESS
- LEARN LEARN
A powerful and easy solution for our business.
Uniqode's solution has made our lives a lot easier.
MARCELO YANEZ
PRODUCT MANAGER,
NESTLE
Read all customer stories
-
PRICING
PRICING
-
DEMO
DEMO
×
-
Sneh Ratna Choudhary
-
Last Updated: March 28, 2024
This is an easy guide to learn how to scan QR Codes with Android phones. Find out how to scan QR Codes on Android without an app for specific Android versions and models.
💻 Key takeaways:
1. Google Lens integration within the camera app on Android 8 and above allows scanning QR Codes by activating Google Lens suggestions and pointing the camera at the QR Code.
2. Download a third-party QR Code scanner app for Android versions 7 and below, such as Kaspersky’s QR Code Reader, QR, and Barcode Reader by Gamma Play, QR Code Reader by Scan, or Neoreader QR Scanner.
3. For Samsung Galaxy phones, use the native QR Code scanner by pointing the camera at the QR Code for 2-3 seconds.
From delivering discounts to allowing consumers to listen to their favorite Spotify playlist while they shop, QR Codes are versatile in their use case. Marketers and big brands alike have begun to run campaigns based on cost-effective QR Code technology.
Imagine you come across a QR Code on a flyer with a text that reads “Scan for discounts.” It’s your favorite brand, having an annual discounted sale on the product you’ve been eyeing for a while. Or imagine your favorite restaurant making scanning and accessing everything from the menu to the payment terminal more accessible. QR Codes have long automated restaurant operations to ensure they cut costs and increase efficiency.
You take your Android phone out but are unable to scan the QR Code. Or you’re unsure which app to use or how you can scan it.
If you’ve been in a similar situation, or are just wanting to know how you can scan a QR Code with your Android device, here’s where the answers are.
Read on to find out!
Table of contents
- How to scan QR Codes with Android phones?
- Scan QR Codes on Android without an app: an easy guide
a. Android 7 and below
b. Android 8 and above
c. Google Pixel
d. Samsung Galaxy
3. Frequently asked questions
How to scan QR Codes with Android phones?
Scanning QR Codes with Android phones is as simple as opening up the camera app, thanks to the latest updates in the software. If your phone doesn’t have a built-in QR code scanner, you can download a QR code scanner app from the Google Play Store. There are many free and paid QR code scanner apps available for Android devices.
If you have an older device or simply are facing issues with scanning a QR Code, know that there are three ways to scan a QR Code with Android phones:
- Using the native camera
- Using Google Lens
- Using a third-party app (for older versions)
Scan QR Codes on Android: An Easy Guide
Whether you have a phone with Android 7 and older, or the latest Google Pixel, here’s your guide to how to scan QR Codes on Android devices. Let’s dive into the specifics for each category.
How to scan QR Codes on Android 7 and below
On Android 7 and below, QR Code scanning requires a dedicated app. Pick from our list of third-party QR Code Scanner apps to scan and access QR Codes on your Android phone.
Some of the popular third-party apps for scanning QR Codes are:
- Kaspersky’s QR Code Reader
- QR and Barcode Reader by Gamma Play
- QR Code reader by Scan
- Neoreader QR Scanner
- QR Droid
How to scan QR Codes on Android 8 and above
If you’re using Android eight (Oreo) and above, you can use the integrated QR Code scanner built into Google Lens, which is as precise as an image annotation tool. To try it out, follow these steps:
Using camera
- Open the camera app
- Click ‘More’ or access ‘Settings’ and activate Google Lens suggestions
- Point your camera at a QR Code to scan its contents
Using Google Lens
Google Lens is an AI interface by Google, Google Lens recognizes everything in the camera including QR Codes. It is available on both the camera app as well as Google Assistant.
You can also download the Google Lens app and follow the same steps. Once you open the Google Lens app, point it for 2-3 seconds at the QR Code, and a pop-up with the redirected content will appear.
Using Google Screen Search
You can also use Google Screen Search to scan QR Codes. Here’s what you’d have to do:
- Take a picture of the QR Code
- Open the image and long-press the home button
- Click “what’s on my screen?”
- A pop-up with the URL appears
If your smartphone’s screen search is not on, open the Google app and tap navigation. From the settings, enable “Screen search”.
How to scan QR Codes on Google Pixel
As a Google smartphone, the Google lens feature is built right into the native camera for Google Pixel users. All you need to do is open the camera app, point it at the QR Code, and a link associated with the QR Code will appear as a pop-up above the code.
How to scan QR Codes on Samsung Galaxy
Scanning QR Codes on Samsung phones depends on the OS you are using. For Samsung OS 9 and above, QR Code scanning is a native feature in the camera. For OS below 9, you may need a QR Code scanner app.
Here’s how to scan QR Codes on Samsung in two ways:
Using the native camera
To scan the QR Code using the native camera, here are the steps to follow:
- Swipe down to access “Quick settings” and select “QR Code scanner”
- This opens the camera app
- Aim it at the QR Code for 2-3 seconds
If the QR Code still doesn’t scan, you may have to enable it. Click “Settings” in the top left and toggle on the “Scan QR Codes” option to enable it.
Using Bixby Vision
Bixby Vision is Samsung’s version of Google Lens, built into Samsung devices with OS 7 and above. To use this:
- Open the camera app
- Select ‘Bixby Vision’
- Enable permission to use it, if you haven’t used it before
- Point it at the QR Code and click “Go” to access the QR Code content
Frequently asked questions
1. What happens when you scan QR Codes?
When consumers scan QR Codes, a number of things can occur. Businesses can use QR Codes to deliver coupons, product information, and deals or use them to ask shoppers to leave reviews and feedback and follow them on social media.
2. Are QR Codes free?
Yes, QR Codes can be generated for free online. Although these QR Codes are static codes and, once downloaded, cannot be edited. To change QR Code destination or content, you need editable QR Codes.
3. How do I download a QR Code on my Android phone?
Once you create a QR Code using a QR Code generator like Uniqode, you can download it in the file formats available. It is then saved to your phone’s gallery. You can share online or print the QR Code image to share offline.
4. Why won’t my Android camera scan a QR Code?
Your Android camera may have smudges, or you may be too close or too far from the QR Code. Ensure that the QR Code is clearly visible in the camera and not blurry. This can ensure that the QR Code is scannable by the camera.
Author Details
Sneh is a Content Marketing Manager at Uniqodeand has a penchant for all things tech and startups that improve human lives. She adores dogs, Radiohead, and Michael Gary Scott.
Related Posts
14 day free trial of the QR platform
Products
-
QR CODES
-
QR Code Generator
-
Dynamic QR Code Generator
-
Bulk QR Code Generator
-
QR Code API
-
QR Code Tracking
-
DIGITAL BUSINESS CARD
-
Digital Business Cards
-
Digital Address Book
-
All Products & Features
-
Schedule a Demo
Use Cases
-
QR CODES
-
PDF Files
-
Website URLs
-
Location
-
App Download
-
Custom Landing Pages
-
Restaurant Menus
-
Custom Forms
-
All QR Code Use Cases
-
DIGITAL BUSINESS CARD
-
Email Signatures
-
Lead Management
-
Trade Shows
-
Field Sales
-
Law Firms
Learn
-
QR CODES
-
All About QR Codes
-
Dynamic vs. Static QR Codes
-
QR Code Analytics 101
-
QR Code + Google Analytics
-
Guide: Custom QR Codes
-
DIGITAL BUSINESS CARD
-
Digital Business Cards 101
-
Active Directory Integration
-
Knowledge Base
Compare
-
QR CODES
-
Uniqode vs. QR Code Generator Pro
-
Uniqode vs. QR Code Monkey
-
Uniqode vs. Scanova
-
Uniqode vs. Flowcode
-
Uniqode vs. QR Tiger
-
Uniqode vs. SurveyMonkey
-
DIGITAL BUSINESS CARD
-
Uniqode vs. HiHello
-
Uniqode vs. Blinq
-
Uniqode vs. Popl
Company
-
Products
-
Use Cases
-
QR CODES
-
PDF Files
-
Website URLs
-
Location
-
App Download
-
Custom Landing Pages
-
Restaurant Menus
-
Custom Forms
-
All QR Code Use Cases
-
DIGITAL BUSINESS CARD
-
Email Signatures
-
Lead Management
-
Trade Shows
-
Field Sales
-
Law Firms
-
-
Learn
-
Compare
-
Company
-
Contact Us
- [email protected]
- +1 (646) 968 0378
-
© 2024 Uniqode Phygital, Inc. All rights reserved.
© QR Code is a registered trademark of Denso Wave Incorporated.
${range.value} ${countText}
`; // count.style.left = `calc(${newValue}% + (${newPosition}px))`; document.documentElement.style.setProperty("--range-progress", `calc(${newValue}% + (${newPosition}px))`); const saving_amount_element = document.getElementById("saving_amount"); saving_amount_element.textContent = '$'+ (parseInt(range.value) * 194).toLocaleString(); const tree_count_element = document.getElementById("tree_count"); const main_val = (range.value - 50); tree_count_element.textContent = parseInt(( main_val / 35 )) + parseInt(1); if(range.value <= 50){ document.getElementById("recommended-plan-text").textContent = "Lite"; }else if(range.value >= 85 && range.value <= 225){ document.getElementById("recommended-plan-text").textContent = "Pro"; }else if(range.value >= 260 && range.value <= 470){ document.getElementById("recommended-plan-text").textContent = "Plus"; }else{ document.getElementById("recommended-plan-text").textContent = "Enterprise"; }};document.addEventListener("DOMContentLoaded", setValue);range.addEventListener('input', setValue);}function navheaderTemplateRedirectToSignup(campaign = 'template', header = "", product, device = "desktop") { const utm_source = "Website"; let medium; let codeData = null; let layout = ''; if (product === 'QR') { const qrCodeDataArray = { 1:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMwMDAwMDAiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAicm91bmRlZCIsCiAgICAiZXllRnJhbWVTaGFwZSI6ICJsZWZ0LWxlYWYiLAogICAgImV5ZUJhbGxDb2xvciI6ICIjMDAwMDAwIiwKICAgICJleWVGcmFtZUNvbG9yIjogIiNGRjk0MjQiLAogICAgImxvZ29CYWNrZ3JvdW5kIjogdHJ1ZSwKICAgICJtYXJnaW4iOiA4MCwKICAgICJkb3RTY2FsZSI6IDEsCiAgICAicmVjdGFuZ3VsYXIiOiB0cnVlLAogICAgImxvZ29XaWR0aCI6IDAsCiAgICAibG9nb0hlaWdodCI6IDAsCiAgICAibG9nb01hcmdpbiI6IDEwLAogICAgImxvZ29TY2FsZSI6IDAuMiwKICAgICJpc1ZDYXJkIjogdHJ1ZQogIH0KfQ==', 2:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiNBRjlENUUiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogInJhZGlhbCIsCiAgICAiYmFja2dyb3VuZEltYWdlIjogIiIsCiAgICAiYmFja2dyb3VuZENvbG9yIjogIiMwMDAwMDAiLAogICAgImxvZ29JbWFnZSI6ICIiLAogICAgImZyYW1lU3R5bGUiOiAibm9uZSIsCiAgICAiZnJhbWVDb2xvciI6ICIjRDAyRTYwIiwKICAgICJmcmFtZVRleHQiOiAiIiwKICAgICJmcmFtZVRleHRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJkYXRhUGF0dGVybiI6ICJraXRlIiwKICAgICJleWVCYWxsU2hhcGUiOiAic3F1YXJlIiwKICAgICJleWVGcmFtZVNoYXBlIjogInNxdWFyZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiNBRjlENUUiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiI0ZGRkZGRiIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9', 3:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMyRTFEODkiLAogICAgImNvbG9yTGlnaHQiOiAiIzJFMUQ4OSIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjQzBGRjQwIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAiY2lyY2xlIiwKICAgICJleWVGcmFtZVNoYXBlIjogImNpcmNsZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiMyRTFEODkiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiIzJFMUQ4OSIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9' }; const qrTemplates = getTemplates("qr-template", "qr-template-mob", device); const qrTemplateSelected = getSelectedTemplate(qrTemplates,product); codeData = qrCodeDataArray[qrTemplateSelected]; medium = 'topnav' + qrTemplateSelected; } else if (product === 'DBC') { const dbcCodeDataArray = { 1:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMwMDAwMDAiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAicm91bmRlZCIsCiAgICAiZXllRnJhbWVTaGFwZSI6ICJsZWZ0LWxlYWYiLAogICAgImV5ZUJhbGxDb2xvciI6ICIjMDAwMDAwIiwKICAgICJleWVGcmFtZUNvbG9yIjogIiNGRjk0MjQiLAogICAgImxvZ29CYWNrZ3JvdW5kIjogdHJ1ZSwKICAgICJtYXJnaW4iOiA4MCwKICAgICJkb3RTY2FsZSI6IDEsCiAgICAicmVjdGFuZ3VsYXIiOiB0cnVlLAogICAgImxvZ29XaWR0aCI6IDAsCiAgICAibG9nb0hlaWdodCI6IDAsCiAgICAibG9nb01hcmdpbiI6IDEwLAogICAgImxvZ29TY2FsZSI6IDAuMiwKICAgICJpc1ZDYXJkIjogdHJ1ZQogIH0KfQ==', 2:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiNBRjlENUUiLAogICAgImNvbG9yTGlnaHQiOiAiIzAwMDAwMCIsCiAgICAiZ3JhZGllbnRUeXBlIjogInJhZGlhbCIsCiAgICAiYmFja2dyb3VuZEltYWdlIjogIiIsCiAgICAiYmFja2dyb3VuZENvbG9yIjogIiMwMDAwMDAiLAogICAgImxvZ29JbWFnZSI6ICIiLAogICAgImZyYW1lU3R5bGUiOiAibm9uZSIsCiAgICAiZnJhbWVDb2xvciI6ICIjRDAyRTYwIiwKICAgICJmcmFtZVRleHQiOiAiIiwKICAgICJmcmFtZVRleHRDb2xvciI6ICIjRkZGRkZGIiwKICAgICJkYXRhUGF0dGVybiI6ICJraXRlIiwKICAgICJleWVCYWxsU2hhcGUiOiAic3F1YXJlIiwKICAgICJleWVGcmFtZVNoYXBlIjogInNxdWFyZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiNBRjlENUUiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiI0ZGRkZGRiIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9', 3:'ewogICJxcl9jYW1wYWlnbl90eXBlIjogImdlbmVyYWwiLAogICJkZXNpZ24iOiB7CiAgICAiY29sb3IiOiAiIzAwMDAwMCIsCiAgICAiY29sb3JEYXJrIjogIiMyRTFEODkiLAogICAgImNvbG9yTGlnaHQiOiAiIzJFMUQ4OSIsCiAgICAiZ3JhZGllbnRUeXBlIjogIm5vbmUiLAogICAgImJhY2tncm91bmRJbWFnZSI6ICIiLAogICAgImJhY2tncm91bmRDb2xvciI6ICIjQzBGRjQwIiwKICAgICJsb2dvSW1hZ2UiOiAiIiwKICAgICJmcmFtZVN0eWxlIjogIm5vbmUiLAogICAgImZyYW1lQ29sb3IiOiAiI0QwMkU2MCIsCiAgICAiZnJhbWVUZXh0IjogIiIsCiAgICAiZnJhbWVUZXh0Q29sb3IiOiAiI0ZGRkZGRiIsCiAgICAiZGF0YVBhdHRlcm4iOiAiY2lyY2xlIiwKICAgICJleWVCYWxsU2hhcGUiOiAiY2lyY2xlIiwKICAgICJleWVGcmFtZVNoYXBlIjogImNpcmNsZSIsCiAgICAiZXllQmFsbENvbG9yIjogIiMyRTFEODkiLAogICAgImV5ZUZyYW1lQ29sb3IiOiAiIzJFMUQ4OSIsCiAgICAibG9nb0JhY2tncm91bmQiOiB0cnVlLAogICAgIm1hcmdpbiI6IDgwLAogICAgImRvdFNjYWxlIjogMSwKICAgICJyZWN0YW5ndWxhciI6IHRydWUsCiAgICAibG9nb1dpZHRoIjogMCwKICAgICJsb2dvSGVpZ2h0IjogMCwKICAgICJsb2dvTWFyZ2luIjogMTAsCiAgICAibG9nb1NjYWxlIjogMC4yLAogICAgImlzVkNhcmQiOiB0cnVlCiAgfQp9' }; const dbcTemplates = getTemplates("dbc-template", "dbc-template-mob", device); const dbcTemplateSelected = getSelectedTemplate(dbcTemplates,product); codeData = dbcCodeDataArray[dbcTemplateSelected-DASHBOARD_LAYOUT_NO]; medium = 'topnav' + dbcTemplateSelected; layout = `&layout=${dbcTemplateSelected}`; } if (codeData) { const url = generateSignupURL(header, product, utm_source, codeData, medium, campaign, layout); window.location.href = url; }}function getTemplates(desktopName, mobileName, device) { const templates = device === 'desktop' ? document.getElementsByName(desktopName) : document.getElementsByName(mobileName); return templates;}function getSelectedTemplate(templates,product) { for (let i = 0; i < templates.length; i++) { if (templates[i].checked) { return i + (product == 'DBC' ? 4 : 1); } } return 1;}function generateSignupURL(header, product, utm_source, codeData, medium, campaign, layout) { return `https://www.uniqode.com/store/starter-signup?trial_source=${header}&product_selected=${product}&utm-source=${utm_source}&qr_code_data=${codeData}&medium=${medium}&campaign=${campaign}${layout}`;}function closeAllTab() { const elementsToRemoveClass = [ 'product-drop', 'dbcProduct-drop', 'solution-drop', 'learn-drop' ]; elementsToRemoveClass.forEach(elementId => { const element = document.getElementById(elementId); if (element) { element.classList.remove('open'); } }); const dropdownLinks = document.querySelectorAll('[data-productid]'); dropdownLinks.forEach(currentDropdown => { currentDropdown.classList.remove('open'); currentDropdown.style.backgroundColor = ''; currentDropdown.style.color = ''; });}let isAnimate = true;let isStartingLoad = true;let isSameNavItem = '';const ANIMATION_DURATION = '0.4s';const ANIMATION_NONE = '0s';const ANIMATION_CLASS = 'slideAndFade';const ACTIVE_CLASS = 'list-active';const OPEN_CLASS = 'open';function openNavTab(element) { closeAllTab(); const expanedNavItem = document.getElementById(element.getAttribute('data-productid')); element.classList.add('open'); expanedNavItem.classList.add('open'); if (isAnimate) { expanedNavItem.style.animation = `${ANIMATION_CLASS} ${ANIMATION_DURATION} forwards`; } else { expanedNavItem.style.animation = `${ANIMATION_CLASS} ${ANIMATION_NONE} forwards`; }}const dropdown = document.querySelectorAll('[data-productid]');dropdown.forEach((currentNavItem) => { currentNavItem.addEventListener("mouseover", function (event) { if(isStartingLoad) { isStartingLoad = !isStartingLoad; } else { isAnimate = false; } const navItemId = currentNavItem.getAttribute('data-productid'); if (isSameNavItem !== navItemId) { if (isSameNavItem !== '') { closeAllTab(); } openNavTab(currentNavItem); } isSameNavItem = navItemId; });});const dropdownContent = document.querySelectorAll('.dropdown-content');dropdownContent.forEach((currentDropdownContent) => { currentDropdownContent.addEventListener("mouseleave", handleMouseLeave);});function handleMouseLeave(event) { const { clientY } = event; const { bottom } = this.getBoundingClientRect(); if (clientY > bottom) { resetFlagsAndNavigation(); closeAllTab(); }}function resetFlagsAndNavigation() { isAnimate = true; isStartingLoad = true; isSameNavItem = '';}const nonDropdownItems = document.querySelectorAll('.list-non-dropdown');nonDropdownItems.forEach(currentNavItem => { currentNavItem.addEventListener("mouseover", handleNonDropdownMouseOver);});function handleNonDropdownMouseOver() { isSameNavItem = ''; isStartingLoad = true; isAnimate = true; closeAllTab();}const dropdownViewport = document.querySelectorAll('.dropdown-content');dropdownViewport.forEach(currentDropdown => { currentDropdown.addEventListener('mouseover', () => { if (currentDropdown.classList.contains('open')) { const currentExpandedLink = document.querySelector(`[data-productid="${currentDropdown.id}"]`); currentExpandedLink.style.backgroundColor = '#2595FF'; currentExpandedLink.style.color = 'white'; } });});if(576 <= window.innerWidth && window.innerWidth <=768) { const navDropDown = document.querySelectorAll('.dropdown-link'); for(let nav = 0;nav