How To Scan a QR Code on an iPhone: A Really Simple Guide (2024)

Table of Contents
Table of Contents What devices use iOS? How to scan a QR Code with an iPhone, iPad, or iPod touch 1. Scan QR Code on iPhone,iPad, or iPod touch with your camera 2. Scan QR Code on iPhone via Control Center 3. Scan QR Code on iPhone with Chrome 4. Scan QR Code on iPhone from your camera roll 5. Scan QR Code on iPhone with the Wallet app How to enable QR Code scanning on my iPhone and iPad Apps you didn’t know could also scan QR Codes on your iPhone Final thoughts Frequently Asked Questions 1. How do I scan a QR Code from the photo album on my iPhone? 2. Where is the QR Code scanner on my iPhone? 3. Do I need an app to scan a QR Code on my iPhone? 4. My iPhone is not scanning a QR Code. Why is that? 5. Does the iPhone have a QR Code scanner? 6. How to scan a QR Code with iPhone 6? Related Posts Leave a Reply

×

Learn how to scan QR Codes with your iPhone, iPad, and iPod touch and view deals, coupons, and passes (along with bonus tips).

How To Scan a QR Code on an iPhone: A Really Simple Guide (93)

Apoorva Hegde

Last Updated:&nbspAugust 19, 2024

How To Scan a QR Code on an iPhone: A Really Simple Guide (94)

In 2017, Apple made QR Code scanning native from its newly launched iOS 11 camera app. Ever since then, scanning a QR Code on an iPhone has become a muscle memory for most of us, just like firing a flashlight or scrolling the Instagram feed.

The best part is that the QR Code scanning experience has improved over the years, so you must know all about it.

Whether you want a way to scan a QR Code on your iPhone gallery or add passes and deals to your Apple Wallet, we’ve got you covered.

How To Scan a QR Code on an iPhone: A Really Simple Guide (95)

Table of Contents

  1. What devices use iOS?
  2. How to scan a QR Code with an iPhone, iPad, or iPod touch
    • a. Camera
    • b. Control Center
    • c. Chrome
    • d. Google Lens
    • e. Wallet app
  3. How to enable QR Code scanning on my iPhone and iPad
  4. Apps you didn’t know could scan QR Codes on your iPhone and iPad
  5. Final thoughts
  6. FAQs

What devices use iOS?

iOS is an operating system developed by Apple Inc. It is the world’s second most popular mobile operating system (OS) and is proprietary to the Apple ecosystem. While initially launched for all of Apple’s mobile devices—iPhone, iPad, and iPod series—iOS was later restricted to the iPhone lineup since the 13th generation. Currently, the only devices that run on iOS include the iPhone and iPod (until 7th gen) lineup.

ℹ️Note: We explain how to scan QR Codes on iPhones, but the same methods apply to iPads and iPod touch devices.

How to scan a QR Code with an iPhone, iPad, or iPod touch

1. Scan QR Code on iPhone,iPad, or iPod touch with your camera

How To Scan a QR Code on an iPhone: A Really Simple Guide (96)

To scan a QR Code on your iPhone, iPad, or iPod touch using the native camera app, follow these steps –

  1. Launch the Camera
  2. Point it at a QR Code to scan
  3. Click on the notification banner at the top of the screen – this is the information stored in the QR Code
  4. If the QR Code contains any actionable data (phone number, email address, or an audio clip) tap on the banner to trigger the action or pull down the banner to reveal more information before you tap on it

2. Scan QR Code on iPhone via Control Center

How To Scan a QR Code on an iPhone: A Really Simple Guide (97)

Setting up the QR Code scanner on iPhone in the Control Center is far more convenient than using the camera every time. To add the built-in QR Code reader to the Control Center –

  1. Go to Settings on your iPhone
  2. Click on Control Center
  3. Tap on Customize Controls
  4. Under the More Controls tab, press on the ‘+’ next to the QR Code reader
  5. Move the QR Code reader to any location you want on the Control Center using the hamburger icon next to it

To scan a QR Code on your iPhone from the Control Center,

  1. Click on the QR Code reader icon in the Control Center
  2. Point the camera near a QR Code to scan

The QR Code reader on the Control Panel allows you to scan a QR Code in low-light using the flashlight even if it is blurred.

This iPhone QR Code scanner is very powerful and fast, that can scan a QR Code within seconds, even if it is damaged or blurred (up to 30% damaged and inverted).

3. Scan QR Code on iPhone with Chrome

How To Scan a QR Code on an iPhone: A Really Simple Guide (98)

Now, scan a QR Code on your iPhone using Google Chrome with these simple steps –

  1. Download Chrome from the App Store. If you already have Google Chrome on your iPhone, make sure to update it.
  2. With your iPhone, 3D touch the Google Chrome app icon on the home screen
  3. Now, click on Scan QR Code that will appear in the shortcut menu
  4. Enable the app to access the camera. Tap on OK in the popup menu to scan a QR Code

NOTE: On devices that do not support 3D Touch, swipe down from the top of the Home Screen to access Spotlight. Now, type in QR Code in the search field. Google Chrome will prompt you with the option to scan a QR Code. Just tap on the app icon (Don’t forget to allow the app to access the Camera.)

4. Scan QR Code on iPhone from your camera roll

How To Scan a QR Code on an iPhone: A Really Simple Guide (99)

An iPhone and iPad are capable of scanning a QR Code from its photos via Google Lens. To scan a QR Code on your iPhone from your camera roll,

  1. Download Google Photos from the App Store and grant access to your camera roll
  2. Open an image containing a QR Code from Google Photos
  3. Tap on the Google Lens icon in the native camera
  4. Click on the dots that appear on the screen with the QR Code to view the notification banner
  5. Tap on the link to view the triggered action

To scan a QR Code using the Google Assistant on your iPhone,

  1. Open the Google Assistant on your iPhone
  2. In the search bar, tap on the Google Lens icon next to the microphone icon
  3. Allow Google to access your camera. Tap on Turn on the camera to use Lens option
  4. Look for the Photos icon on the upper right part of the screen. Your Photo Library will appear
  5. Tap the All Photos icon to select the photo that contains a QR Code you want to scan and tap on it
  6. The notification banner will appear on the screen, click on it to be directed to the set action

NOTE 1: To scan a QR Code using Google Lens from your Google Assistant, pre-download the app.

NOTE 2: A QR Code can be scanned using the iPod Touch as well using the native camera app and via the Control Center. To scan a QR Code using the iPod Touch, simply follow the steps mentioned above.

Read about how to scan a qr code from a picture

5. Scan QR Code on iPhone with the Wallet app

How To Scan a QR Code on an iPhone: A Really Simple Guide (100)

The wallet app on iPhone, iPad, and iPod touch are capable of scanning a QR Code.

To access the scanner on the wallet app,

  1. Tap on the Wallet app and click on the “+” button at the top of the Passes section
  2. Tap on Scan Code to Add a Pass
  3. From here, you can scan QR Codes for coupons, tickets, boarding passes, and loyalty cards

However, the Wallet app only allows you to scan coupons, loyalty cards, and tickets. If you try scanning any other QR Code, you will receive an error message.

Read about the latest iOS 13 updates including QR Codes, NFC Tags, and Bluetooth

How to enable QR Code scanning on my iPhone and iPad

Any iPhone and iPad with iOS 11 has the ability to scan QR Codes from their native camera. In case your camera is unable to scan a QR Code, follow these instructions –

  1. Open Settings from your home screen
  2. Scroll down and click on Camera
  3. Search for Scan QR Codes and push the toggle button to enable your camera to scan QR Codes

Apps you didn’t know could also scan QR Codes on your iPhone

You may already have these apps on your iPhone, but did not know that these apps are also capable of scanning QR Codes seamlessly. Some of these apps include –

  1. Snapchat
  2. Shazam
  3. WhatsApp
  4. Twitter
  5. LinkedIn
  6. Pinterest

Final thoughts

Apple, with its latest iOS 13, has introduced QR Code scanning with a flashlight. Users do not have to worry about scanning QR Codes in pesky low-light situations anymore.

Not just that, the QR Code reader on iPhone is so strong that any QR Code can be scanned even with maximum damage (70%).

Brands and businesses now do not have to worry about their consumers using QR Codes anymore. This only indicates that QR Codes are here to stay.

How To Scan a QR Code on an iPhone: A Really Simple Guide (101)

Frequently Asked Questions

1. How do I scan a QR Code from the photo album on my iPhone?

If you own an iPhone with iOS 11 and higher, open the photo from your photo album and follow these steps –

  1. Tap on Google Lens icon in the native camera
  2. Click on the dots that appear on the screen with the QR Code to view the notification banner
  3. Tap on the link to view the triggered action

2. Where is the QR Code scanner on my iPhone?

iPhones with iOS 11 and above have an in-built QR Code scanner that can be accessed via the native camera app or the Control Panel.

To view the QR Code scanner on iPhone, click on the Camera icon and point to a QR Code to view the information.

3. Do I need an app to scan a QR Code on my iPhone?

If you own an iPhone with iOS 11 and above, you do not need to download a separate app to scan a QR Code. If you do not, there are several third-party apps that can be downloaded to scan a QR Code.

Here is a list of QR Code scanner apps that can be downloaded for your iPhone to scan a QR Code.

4. My iPhone is not scanning a QR Code. Why is that?

If your iPhone isn’t scanning a QR Code, please check if your iOS is updated to the latest version. If it is, then you should experience no trouble scanning the QR Code.

Even after downloading the latest OS if your iPhone isn’t scanning a QR Code, then try these actions –

  1. Hold the iPhone straight and not tilted to any angle
  2. Make sure there is adequate lighting. If not, switch on the flashlight
  3. Scan the QR Code from a distance
  4. Clean the camera for better visibility

If your iPhone doesn’t support the latest OS, download a third-party app to scan a QR Code.

5. Does the iPhone have a QR Code scanner?

Yes. iPhones with iOS 11 and above have an in-built QR Code scanner that can be accessed via the native camera app, Control Center, and Google Lens.

6. How to scan a QR Code with iPhone 6?

If your iPhone 6 is equipped with iOS 11 and above, then you can scan a QR Code using the camera. If not, download the latest version to scan a QR Code via the native in-built camera app.

If your device doesn’t permit it to be upgraded to iOS 11 or above, then consider downloading a third-party app to scan a QR Code.

To create a QR Code today, explore our QR Code solutions or start a 14-day free trial. If you need further assistance, talk to one of our experts today!

  • Author Details
  • Recent Posts

How To Scan a QR Code on an iPhone: A Really Simple Guide (102)

Author Details

Content Marketing Strategist –Uniqode

Tech-aficionado, curious about all things related to marketing, and an ardent junkie of The Office.

Related Posts

Leave a Reply

How To Scan a QR Code on an iPhone: A Really Simple Guide (110)

14 day free trial of the QR platform

How To Scan a QR Code on an iPhone: A Really Simple Guide (112)

575 5th Avenue, New York

NY 10017, USA

Contact Us

How To Scan a QR Code on an iPhone: A Really Simple Guide (116) How To Scan a QR Code on an iPhone: A Really Simple Guide (117) How To Scan a QR Code on an iPhone: A Really Simple Guide (118)

© 2024 Uniqode Phygital, Inc. All rights reserved.

© QR Code is a registered trademark of Denso Wave Incorporated.

' ; document.body.appendChild(cookiePolicyDiv); } function hideAcceptCookiesModal(){ document.getElementById('privacy-policy-modal').style.visibility = 'hidden'; document.getElementById('privacy-policy-modal').style.opacity = '0'; } function createUserEntryPointCookie(cookieName, userEntryLink, userReferrerLink, daysToExpire) { let date = new Date(); date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); let cookieData = JSON.parse('{"userEntryPoint": "' + userEntryLink + '", "userReferrerLink": "' + userReferrerLink + '", "expiryOn": "' + date.valueOf() + '"}'); document.cookie = cookieName + "=" + JSON.stringify(cookieData) + ";path=/;expires=" + date.toUTCString() + ";domain=.uniqode.com;secure"; } function updateUserEntryPointCookie(cookieName, cookieValue, cookieExpireOn) { let cookieData = JSON.parse('{"userEntryPoint": ' + cookieValue + ',"expiryOn":' + cookieExpireOn + '}'); document.cookie = cookieName + "=" + JSON.stringify(cookieData) + "; expires=" + new Date(cookieExpireOn).toGMTString(); } function deleteUserEntryPointCookie(cookieName) { document.cookie = cookieName + "= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"; } function accessCookieDataByName(cookieName) { let name = cookieName + "="; let allCookiesArray = document.cookie.split(';'); for (let i = 0; i < allCookiesArray.length; i++) { let temp = allCookiesArray[i].trim(); if (temp.indexOf(name) == 0) { return temp.substring(name.length, temp.length); } } return ""; } function checkForCookieByName(cookieName) { return accessCookieDataByName(cookieName); //Check all cookies for cookie with given cookieName } //add cookieConsent with expiry of one year function createCookieConsent(consent){ let date = new Date(); let daysToExpire = 365; date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); document.cookie = "cookieConsent" + "=" + consent + ";path=/;expires=" + date.toUTCString() + ";domain=.uniqode.com;secure"; } function updateCookiesFromURL(){ let url = new URL(document.location); //update visited pages createOrUpdateCookie("userJourney", window.location.href.split('?')[0]); } function createOrUpdateCookie(cookieName, newValue, daysToExpire=365) { let date = new Date(); date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); if (!newValue){ newValue="NA"; } let cookieData = accessCookieDataByName(cookieName); let cookieValue = ""; if(cookieData){ cookieValue = cookieData + "," + newValue; }else{ cookieValue = newValue; } document.cookie = cookieName + "=" + cookieValue + ";path=/;expires=" + date.toUTCString() + ";domain=.uniqode.com;secure"; } // Loads dequeued plugin scripts/css let authorbox = document.getElementById('uab-frontend-wrapper'); function loadAuthorBoxScripts() { //load these scrits only on pages with an author info i.e posts if(!authorbox){ loadAuthorBoxScripts = function (){}; return; } let screenPosition = authorbox.getBoundingClientRect(); if (this.pageYOffset > screenPosition.top - 400) { lazyloadCSS('https://use.fontawesome.com/releases/v5.15.2/css/all.css'); /*lazyloadCSS(''); lazyloadCSS(''); lazyloadCSS(''); lazyLoadScript('');*/ loadAuthorBoxScripts = function (){}; return; } } function openHeaderModal(id){ document.getElementById(id).classList.add('active'); } function closeHeaderModal(id){ document.getElementById(id).classList.remove('active'); } let width = window.innerWidth; let isActive = false; let stickyNavbar = document.querySelector('#sticky-nav'); let stickyOffset = stickyNavbar.offsetTop + 500; let scrollBar = document.getElementById("scrollBar"); let footerContainer = document.querySelector('.footer-section'); let footerOffset = footerContainer.offsetTop; let addThisWidget = ""; function activateStickyNav(){ //Displays a sticky Navbar and after stickyOffset scroll if(stickyNavbar){ if(this.pageYOffset > stickyOffset&& !isActive){ isActive = true; stickyNavbar.classList.add("active"); }else if(this.pageYOffset <= stickyOffset && isActive){ isActive = false; stickyNavbar.classList.remove('active'); } } }; window.addEventListener('scroll', activateStickyNav); function findAddThisIfExists(){ //only valid for screens >992px if(width>992) { addThisWidget = document.querySelector('#at-custom-sidebar'); if(addThisWidget){ findAddThisIfExists = function() {}; } }else{ findAddThisIfExists = function() {}; } } function showAddthisWidget(){ if(addThisWidget) { addThisWidget.classList.add('active'); } } function hideAddthisWidget(){ if(addThisWidget){ addThisWidget.classList.remove('active'); } } //let rightCtaDiv = document.getElementById("right-side-holder"); //let footerSectionPosition = document.querySelector(".footer-section").offsetTop; document.addEventListener('scroll', function(e) { //since addthis is lazyloaded assign it when it loads. findAddThisIfExists(); //loading scripts/css for author info loadAuthorBoxScripts(); //animation for side-cta showRelatedPosts(); let lastKnownScrollPosition = window.scrollY; let postContentPosition = document.getElementById("post-content-div").offsetTop - 100; const sideCtaDiv = document.getElementById("right-side-holder"); if(lastKnownScrollPosition >= postContentPosition){ sideCtaDiv.style.display="block"; sideCtaDiv.classList.add("fixed-cta"); //copy and replace the qr code generator right div; if(document.getElementById('qrcg-widget-container')) { } }else{ sideCtaDiv.style.display="none"; sideCtaDiv.classList.remove("fixed-cta"); //todo: reverse animation; if(document.getElementById('qrcg-widget-container')) { } } //animation for scroll-indicator if(scrollBar){ scrollIndicatorStatus(); } //hide add this when footer comes into view if(document.querySelector(".footer-section").getBoundingClientRect().top <= window.innerHeight + 50 || (lastKnownScrollPosition <= postContentPosition)){ hideAddthisWidget(); }else { showAddthisWidget(); } }); function scrollIndicatorStatus() { var winScroll = document.body.scrollTop || document.documentElement.scrollTop; var height = document.documentElement.scrollHeight - document.documentElement.clientHeight; var scrolled = (winScroll / height) * 100; scrollBar.style.width = scrolled + "%"; } function lazyLoadScript(url) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url; var x = document.getElementsByTagName('head')[0]; x.appendChild(s); } //lazy load css function lazyloadCSS(url) { var cssMain = document.createElement('link'); cssMain.href = url; cssMain.rel = 'stylesheet'; cssMain.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(cssMain); } function cstm_RedirectToStarterSignup() { event.preventDefault(); const userEmail = document.getElementById('user-email').value; window.location.href = "https://www.uniqode.com/store/starter-signup?product_selected=qr&utm_source=UniqodeBlog&utm_campaign=CTAQRbanner&utm_medium=sideTopCTA&email=" + encodeURIComponent(userEmail); } function redirectToStarterSignupGOptimize() { event.preventDefault(); const userEmail = document.getElementById('user-email').value; window.open(mainWebsiteDomain() + "/store/starter-signup?utm_source=Blog&utm_campaign=CTAQRbanner&utm_medium=sideTopCTA2&email=" + encodeURIComponent(userEmail)); } let sideBar = document.getElementById('navSidebar'); let sidebarContainer = document.getElementById('sidebar-links-container'); function openSidebar() { event.stopPropagation(); if (window.event) { window.event.cancelBubble = true; } document.getElementsByClassName('beaconstac-nav-section')[0].addEventListener('click', closeSidebar); document.body.style.overflowY = 'hidden'; sideBar.classList.add('active'); setTimeout(function () { sidebarContainer.classList.remove('display-none'); }, 100); } function closeSidebar() { document.body.style.overflowY = ''; sidebarContainer.classList.add('display-none'); sideBar.classList.remove('active'); resetSideBar(); document.getElementsByClassName('beaconstac-nav-section')[0].removeEventListener('click', closeSidebar); } let sideNavbar = document.getElementsByClassName('sidebar-dropdown'); let sideSubNavbar = document.getElementsByClassName('sidenav-sub'); let sideSubNavbarDropdown = document.getElementsByClassName('sidenav-sub-dropdown'); // let industry = document.getElementById('industry'); // let technology = document.getElementById('technology'); let qrCodes = document.getElementById('qr'); let beacons = document.getElementById('beacons'); function expandMenu(id){ handleActiveTabs(); rotateArrowUpsideDown(id); let inputCategory = document.getElementById(id); let activelyExpandedCategory; for(let i=0; i 0){ var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm", b = "https://embed.typeform.com/"; if (!gi.call(d, id)) { js = ce.call(d, "script"); js.id = id; js.src = b + "embed.js"; q = gt.call(d, "script")[0]; q.parentNode.insertBefore(js, q) } } } (function () { 'use strict'; let iframes = document.querySelectorAll('iframe[data-src]'); document.addEventListener('DOMContentLoaded', onReady); function onReady() { // Show above-the-fold images first showIframesOnView(); // scroll listener window.addEventListener('scroll', showIframesOnView, false); } // Show the image if reached on viewport function showIframesOnView(e) { for (let i of iframes) { if (i.getAttribute('src')) { continue; } // SKIP if already displayed // Compare the position of image and scroll let bounding = i.getBoundingClientRect(); let isOnView = bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth); if (isOnView) { i.setAttribute('src', i.dataset.src); if (i.getAttribute('data-srcset')) { i.setAttribute('srcset', i.dataset.srcset); } } } } })();window.onscroll = function () { var side_holder_element = document.getElementById("right-side-holder"); if(side_holder_element != null) { sidebarInViewport('right-side-holder'); }};function elementInViewportByClass(classname) { var el = document.getElementsByClassName(classname)[0]; var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset && (left + width) > window.pageXOffset );}function sidebarInViewport(id) { var el = document.getElementById(id); var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; var bottom = (top + height) - 50; var is_footer = (bottom < window.pageYOffset); var is_bottom_stop = (bottom < (window.pageYOffset + window.innerHeight)); var elm = document.getElementById(id); while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } var banner = document.getElementsByClassName('post-banner')[0]; if(typeof banner !== 'undefined') { var bannerheight = banner.offsetHeight; var toppos = bannerheight + height; if(!is_bottom_stop) { elm.classList.remove('sidebar-bottom-sticky'); } if(window.pageYOffset < toppos || window.pageYOffset > toppos && elementInViewportByClass('footer-section')) { elm.classList.remove('sidebar-bottom-sticky'); jQuery('#right-side-holder').css({'bottom': 'auto'}); } else { elm.classList.add('sidebar-bottom-sticky'); sidebarverticleAlign(); } } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset && (left + width) > window.pageXOffset );}function sidebarverticleAlign(){ let rightSidebar = jQuery('#right-side-holder'); let navHeight = jQuery('#sticky-nav').height(); if(rightSidebar.length > 0) { var winHeight = window.innerHeight; var sidebarHeight = rightSidebar.height(); var bottomSpace = parseInt(((winHeight - sidebarHeight) - navHeight) / 2); rightSidebar.css({'bottom':bottomSpace+'px'}); } else { rightSidebar.css({'bottom': 'unset'}); }}const range = document.getElementById('range');count = document.getElementById('count_number');if( range && count){ setValue = ()=>{ const newValue = Number( (range.value - range.min) * 100 / (range.max - range.min) ); newPosition = 16 - (newValue * 0.32); countText = count.getAttribute('data-text'); count.innerHTML = `

${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("click", function (event) { if(isStartingLoad) { isStartingLoad = !isStartingLoad; } else { isAnimate = false; } const navItemId = currentNavItem.getAttribute('data-productid'); if (isSameNavItem !== navItemId) { if (isSameNavItem !== '') { closeAllTab(); } openNavTab(currentNavItem); } else { // If the same nav item is clicked again, toggle the "open" class const expanedNavItem = document.getElementById(navItemId); expanedNavItem.classList.toggle('open'); currentNavItem.classList.toggle('open'); if (isAnimate) { expanedNavItem.style.animation = expanedNavItem.classList.contains('open') ? `${ANIMATION_CLASS} ${ANIMATION_DURATION} forwards` : `${ANIMATION_CLASS} ${ANIMATION_NONE} forwards`; } else { expanedNavItem.style.animation = expanedNavItem.classList.contains('open') ? `${ANIMATION_CLASS} ${ANIMATION_NONE} forwards` : `${ANIMATION_CLASS} ${ANIMATION_DURATION} forwards`; } } 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("click", handleNonDropdownMouseOver);});function handleNonDropdownMouseOver() { isSameNavItem = ''; isStartingLoad = true; isAnimate = true; closeAllTab();}const dropdownViewport = document.querySelectorAll('.dropdown-content');dropdownViewport.forEach(currentDropdown => { currentDropdown.addEventListener('click', () => { 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 { document.querySelector('#navSidebar').classList.add('active'); document.querySelector('#product').classList.add('active'); document.querySelector('#product-arrow').classList.add('transform-180-deg'); }); navDropDown[1].addEventListener('click',()=>{ document.querySelector('#navSidebar').classList.add('active'); document.querySelector('#dbcProduct').classList.add('active'); document.querySelector('#dbcProduct-arrow').classList.add('transform-180-deg'); });}function replaceTextBasedOnURL(mapping) { var url = window.location.href; for (var key in mapping) { if (url.includes(key)) { for (var selector in mapping[key]) { var elements = document.querySelectorAll(selector); elements.forEach(function (element) { mapping[key][selector].forEach(function (replacement) { element.innerHTML = element.innerHTML.replace(replacement.from, replacement.to); }); }); } } }}
How To Scan a QR Code on an iPhone: A Really Simple Guide (2024)
Top Articles
Stockton, Illinois RV Rental Deals. Save Now on Motorhomes & Towable RVs.
Silicon Valley Bank calls NYPD on investors trying to pull cash out
Jordanbush Only Fans
Splunk Stats Count By Hour
Garrison Blacksmith Bench
Kansas City Kansas Public Schools Educational Audiology Externship in Kansas City, KS for KCK public Schools
The UPS Store | Ship & Print Here > 400 West Broadway
Obor Guide Osrs
oklahoma city for sale "new tulsa" - craigslist
Sam's Club Gas Price Hilliard
Optimal Perks Rs3
More Apt To Complain Crossword
Over70Dating Login
A Fashion Lover's Guide To Copenhagen
No Credit Check Apartments In West Palm Beach Fl
Bc Hyundai Tupelo Ms
Guidewheel lands $9M Series A-1 for SaaS that boosts manufacturing and trims carbon emissions | TechCrunch
Lima Funeral Home Bristol Ri Obituaries
Is Grande Internet Down In My Area
The Blind Showtimes Near Amc Merchants Crossing 16
Xsensual Portland
Watch Your Lie in April English Sub/Dub online Free on HiAnime.to
Aliciabibs
Tire Plus Hunters Creek
Is Henry Dicarlo Leaving Ktla
manhattan cars & trucks - by owner - craigslist
Keshi with Mac Ayres and Starfall (Rescheduled from 11/1/2024) (POSTPONED) Tickets Thu, Nov 1, 2029 8:00 pm at Pechanga Arena - San Diego in San Diego, CA
Striffler-Hamby Mortuary - Phenix City Obituaries
Craigslist/Phx
Promatch Parts
Calculator Souo
Craigslist Gigs Norfolk
Wake County Court Records | NorthCarolinaCourtRecords.us
Ultra Clear Epoxy Instructions
Tas Restaurant Fall River Ma
Bimmerpost version for Porsche forum?
Hebrew Bible: Torah, Prophets and Writings | My Jewish Learning
20 bank M&A deals with the largest target asset volume in 2023
Lcwc 911 Live Incident List Live Status
Janaki Kalaganaledu Serial Today Episode Written Update
Sdn Fertitta 2024
2013 Honda Odyssey Serpentine Belt Diagram
Television Archive News Search Service
Streameast Io Soccer
UWPD investigating sharing of 'sensitive' photos, video of Wisconsin volleyball team
A rough Sunday for some of the NFL's best teams in 2023 led to the three biggest upsets: Analysis
St Anthony Hospital Crown Point Visiting Hours
Bf273-11K-Cl
The 5 Types of Intimacy Every Healthy Relationship Needs | All Points North
Chitterlings (Chitlins)
Intuitive Astrology with Molly McCord
Latest Posts
MARKET REPORT: Amazon joins America's oldest stock market index in online giant's first reshuffle since the pandemic - WhatsNew2Day
8 Tips to Help You Save Money While On Vacation
Article information

Author: Francesca Jacobs Ret

Last Updated:

Views: 6368

Rating: 4.8 / 5 (48 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Francesca Jacobs Ret

Birthday: 1996-12-09

Address: Apt. 141 1406 Mitch Summit, New Teganshire, UT 82655-0699

Phone: +2296092334654

Job: Technology Architect

Hobby: Snowboarding, Scouting, Foreign language learning, Dowsing, Baton twirling, Sculpting, Cabaret

Introduction: My name is Francesca Jacobs Ret, I am a innocent, super, beautiful, charming, lucky, gentle, clever person who loves writing and wants to share my knowledge and understanding with you.