How To Scan a QR Code From an Image (iOS & Android) (2024)

Table of Contents
Table of contents How to scan a QR Code from a photo: an easy guide How to scan a QR Code from an image on iPhone? How to scan QR Code from a picture on Android? 1. With Google Lens 2. On phone gallery 3. Using Bixby vision Frequently asked questions 1. Do I need a third-party QR scanner app to scan a QR Code from the gallery? 2. How to scan a QR Code from a screenshot? 3. Can I read a QR Code from an image? 4. How to open QR Code from picture? Related Posts Leave a Reply

×

Do you have a QR Code image but are confused about how to scan it? Find out how you can do this on iPhones and Android in this article.

How To Scan a QR Code From an Image (iOS & Android) (93)

Monika Adarsh

Last Updated:&nbspAugust 19, 2024

How To Scan a QR Code From an Image (iOS & Android) (94)

So you’ve clicked a picture of a QR Code you couldn’t scan earlier and stored it in your gallery? Or perhaps someone sent you a QR Code as an image?

Many people find themselves in this situation. The good news is that if you’ve clicked or received a picture of a QR Code and saved it in your gallery, you can scan it anytime at your convenience.

Whether you use an iPhone or an Android device, it’s possible to scan a QR Code from an image. Here’s how.

Table of contents

  1. How to scan a QR Code from a photo
  2. How to scan a QR Code from an image on iPhone
  3. How to scan a QR Code from a picture on Android
  4. Frequently asked questions

How to scan a QR Code from a photo: an easy guide

Getting users to leverage QR Codes on a mobile device is a simple 2-step process:

  1. Prompt users to take a screenshot of the website, signage, or the marketing collateral like interactive PDFs that the QR Code is on
  2. Scan the QR Code from the picture in the smartphone gallery (or Google Photos)

Both iOS and Android now have an easy way to read QR Codes from an image in the gallery. Given that you have an Android operating version 8 and above, and an iOS version 11 and above, your native camera acts as the QR Code scanner.
But if you have operating versions below 9 on Android and 11 on iOS, you require a third-party QR Code scanner app to read the QR Code. Check out our list on the 7 best QR Code scanner apps for your smartphone.

How to scan a QR Code from an image on iPhone?

Apple has made several advancements in the last couple of years to incorporate the growing need for QR Codes – live text and visual look-up that scans QR Codes in photos, which can identify and scan QR Codes in photos. Similar to how easily you can extract text from an image on Mac, this feature simplifies QR code scanning from images and photos.

Here’s how to do it –

  1. Open the picture/screenshot on your phone gallery.
  2. Click the live text detection app on the bottom right corner
  3. Click the QR Code and follow the prompt against it
How To Scan a QR Code From an Image (iOS & Android) (95)

If you have an iPad, or Mac, you can follow our guide on how to read QR Code on iOS.

How to scan QR Code from a picture on Android?

With Google’s image-recognition technology, scanning QR Codes from a photo is super simple. This capability is powered by Google Lens and baked into apps such as Google Assistant, Google Photos, or the Google App.

Here’s how to do it in 2 ways–

1. With Google Lens

  1. Launch the Google Lens application
  2. Choose the image from the gallery
  3. A popup link will appear once the app detects the QR Code
  4. Click the link to be redirected to the website or content
    How To Scan a QR Code From an Image (iOS & Android) (96)

2. On phone gallery

  1. Open the picture on your phone gallery
  2. On the top right corner, tap the Google Lens icon
  3. A link will appear once it detects the QR Code

⚡Pro tip: If you took a quick photo and can’t scan the QR Code, try to sharpen the image online to fix the blur.

3. Using Bixby vision

  1. Open the Gallery app after taking a snapshot of your QR Code.
  2. Open the QR Code image
  3. Press and hold the Bixby Vision icon

Make sure Lens is selected before letting Bixby Vision scan the QR Code. Post scanning, a clickable pop-up page leads you to the destination content.

READ: More ways to scan a QR Code on Android.

Frequently asked questions

1. Do I need a third-party QR scanner app to scan a QR Code from the gallery?

The short answer is NO. Most of the latest Android and iOS support scanning the QR Code using Google Lens or the Live text option.

2. How to scan a QR Code from a screenshot?

You can easily scan a QR Code from a screenshot if you’re on iOS or Android. For iOS, open the picture in your gallery, tap live detection, and a popup will appear on the QR Code. For Android, open your gallery or Google Lens, choose the image with the QR Code, and a pop-up containing the link will appear once the app detects the QR Code.

3. Can I read a QR Code from an image?

Yes, you can read a QR Code from an image. Both iOS and Android devices allow you to scan a QR Code from an image in your gallery without any third-party application.

4. How to open QR Code from picture?

You can open QR Code from a picture in your gallery by using Google Lens on Android or live text detection or live text detection on iOS. Once it is scanned, a pop-up link will appear, directing you to the destination content.

If you are looking to create a QR Code for your next QR Code campaign, head to our free QR Code generator now!

How To Scan a QR Code From an Image (iOS & Android) (97)

Author Details

Monika Adarsh is the Director of Inbound Marketing at Uniqode where her primary job is to help users find answers to anything related to QR Codes. She works closely with customers to understand QR Code usage trends and build a framework for successful QR Code campaigns. She enjoys documenting her learnings about the QR Code market as posts and playbooks. She also anchors a podcastto uncover ways of using QR Codes in DTC/CPG brands. In her free time, she loves gardening and decorating spaces.

Related Posts

Leave a Reply

How To Scan a QR Code From an Image (iOS & Android) (103)

14 day free trial of the QR platform

How To Scan a QR Code From an Image (iOS & Android) (105)

575 5th Avenue, New York

NY 10017, USA

Contact Us

  • hello@uniqode.com
  • +1 (646) 968 0378

How To Scan a QR Code From an Image (iOS & Android) (109) How To Scan a QR Code From an Image (iOS & Android) (110) How To Scan a QR Code From an Image (iOS & Android) (111)

© 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 From an Image (iOS & Android) (2024)
Top Articles
Border Wall System - Frequently Asked Questions
Intelligent Automation AI for Business Processes | Nanonets
Maria Dolores Franziska Kolowrat Krakowská
Amtrust Bank Cd Rates
Koordinaten w43/b14 mit Umrechner in alle Koordinatensysteme
How Much Is 10000 Nickels
According To The Wall Street Journal Weegy
Kris Carolla Obituary
Strange World Showtimes Near Cmx Downtown At The Gardens 16
Remnant Graveyard Elf
Spelunking The Den Wow
Knaben Pirate Download
Power Outage Map Albany Ny
Yesteryear Autos Slang
Used Wood Cook Stoves For Sale Craigslist
Chicken Coop Havelock Nc
The fabulous trio of the Miller sisters
Https://Store-Kronos.kohls.com/Wfc
24 Best Things To Do in Great Yarmouth Norfolk
Louisiana Sportsman Classifieds Guns
Diamond Piers Menards
Everything you need to know about Costco Travel (and why I love it) - The Points Guy
라이키 유출
Glenda Mitchell Law Firm: Law Firm Profile
Craigslist Prescott Az Free Stuff
Best Transmission Service Margate
Boston Dynamics’ new humanoid moves like no robot you’ve ever seen
A Cup of Cozy – Podcast
What Are The Symptoms Of A Bad Solenoid Pack E4od?
Disputes over ESPN, Disney and DirecTV go to the heart of TV's existential problems
Pain Out Maxx Kratom
Kroger Feed Login
Marokko houdt honderden mensen tegen die illegaal grens met Spaanse stad Ceuta wilden oversteken
Where to eat: the 50 best restaurants in Freiburg im Breisgau
Lilpeachbutt69 Stephanie Chavez
Evil Dead Rise Showtimes Near Regal Sawgrass & Imax
25Cc To Tbsp
Learn4Good Job Posting
'Conan Exiles' 3.0 Guide: How To Unlock Spells And Sorcery
Craigslist Free Stuff San Gabriel Valley
Lil Durk's Brother DThang Killed in Harvey, Illinois, ME Confirms
Telegram update adds quote formatting and new linking options
All Characters in Omega Strikers
Trivago Sf
Login
Reilly Auto Parts Store Hours
Sky Dental Cartersville
Mega Millions Lottery - Winning Numbers & Results
Arre St Wv Srj
Who We Are at Curt Landry Ministries
Blippi Park Carlsbad
Latest Posts
Everything You Need To Know About Candle Burn Times
11 Ways To Look Rich on a Middle-Class Budget
Article information

Author: Gregorio Kreiger

Last Updated:

Views: 6144

Rating: 4.7 / 5 (77 voted)

Reviews: 92% of readers found this page helpful

Author information

Name: Gregorio Kreiger

Birthday: 1994-12-18

Address: 89212 Tracey Ramp, Sunside, MT 08453-0951

Phone: +9014805370218

Job: Customer Designer

Hobby: Mountain biking, Orienteering, Hiking, Sewing, Backpacking, Mushroom hunting, Backpacking

Introduction: My name is Gregorio Kreiger, I am a tender, brainy, enthusiastic, combative, agreeable, gentle, gentle person who loves writing and wants to share my knowledge and understanding with you.