- 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
-
How To Create a QR Code
-
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
-
How To Create a Digital Business Card
-
GET STARTED
Select a template to continue
-
- SOLUTIONS
- LEARN
-
Blog
Get the latest articles on QR Codes & Digital Business Cards.
QR Code Customization
Learn how to customize different elements of the QR Code
QR Code Buying Guide
Features to look out for, in your QR Code pricing plan
QR Code Analytics
QR Code analytics and use cases
Dynamic QR Code
What it is, how to create, and track
Digital Business Card Buying Guide
Feature based plans, for your business card
-
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
Dynamic QR Code Generator
Choosing the Best QR Code Generator
QR Code Tracking
QR Code API
How To Create a QR Code
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
How To Create a Digital Business Card
GET STARTED
Select a template to continue
- SOLUTION SOLUTION
- LEARN LEARN
Blog
Get the latest articles on QR Codes & Digital Business Cards.
QR Code Customization
Learn how to customize different elements of the QR Code
QR Code Buying Guide
Features to look out for, in your QR Code pricing plan
QR Code Analytics
QR Code analytics and use cases
Dynamic QR Code
What it is, how to create, and track
Digital Business Card Buying Guide
Feature based plans, for your business card
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
×
Kritika B
Last Updated: September 5, 2024
You’ve finally decided to switch to a digital business card solution. And that’s a good call, considering the benefits you’ll get with these smart cards. Some of them are better networking, contactless sharing, and capturing more leads quickly. But it also comes with the tougher call of choosing the right tool.
While researching solutions to create a digital business card, you must’ve gone through many digital business card platforms, their long list of features, and customer reviews before landing on Popl vs. Dot.
Both Popl and Dot are great alternatives to paper business cards. However, their offerings vary, and you need the one that best suits your requirements.
We’ve done the homework for you.
In this comparison of Popl vs. Dot, we’ll review the essential features, price points, ratings, etc. We’ll also explore a popular Popl and Dot card alternative, Uniqode, and highlight its key features. In the end, you will be better positioned to make your choice and create a digital business card best suited for your team.
Table of contents
- Popl vs. Dot: An overview
- Dot: A simple step up from traditional business cards
- The verdict: Which tool is best for creating digital business cards in 2024?
- FAQs
Popl vs. Dot: An overview
Popl is one of the digital business card leaders and a viable paper business card alternative. You can create a digital business card using the platform, which is accessible via their app or website. It does not call for additional software to create a digital business card. It’s highly rated, and customers praise its ease of use.
Dot card is a more straightforward tool for linking your digital business profile to a physical NFC card called a “dot.device.” While the price points of both tools are comparable, Popl has the upper hand regarding features.
Evaluate the two in detail:
Popl | Dot | |
Best features | 1. Lead capture 2. Card management 3. Contact management | 1. Digital contact book 2. Follow-up reminders 3. On-field lead capture |
Integrations | 1,000+ integrations via Zapier and built-in, including: 1. Zoho 2. Pardot 3. Azure 4. Microsoft Dynamics 5. Outlook 6. Hubspot 7. Salesforce | Limited integrations that don’t include CRM. But, you can download the contact information via a CSV file. |
Ratings | 4.8/5 (via G2) 4.7/5 (via Capterra) | 4.3/5 (via Trustpilot) |
Customization | Color themes for digital business cards. | Custom styles include color themes, light and dark modes, and icon options for personal branding. |
Analytics and tracking | 1. Engagement and ROI metrics 2. Leads generated 3. Card views 4. Link taps 5. Contacts downloaded 6. Devices used 7. Top tapped links 8. Lead tagging and grouping | 1. Contacts exchanged 2. Contacts downloaded 3. Total link taps 4. Profile views 5. Contact map |
Security | • GDPR • SOC 2® Type 2 Type 2 • Okta and Azure SAML 2.0 (SSO) | • GDPR • NFC technology may be a threat to data security |
Ease of use | Intuitive platform | Slightly complex |
Support | 24/7 Support over call, SMS, and email | Support via help articles, chatbot, and email |
Scalability | You can manage unlimited team members and create sub-teams | Dot cards are designed for personal use and lack team management features |
Ability to share | 1. URL 2. QR Code 3. Apple Wallet and Google Wallet 4. Email Signature 5. Virtual background 6. iPhone widgets 7. NFC technology-enabled cards and tags | 1. URL 2. QR Code 3. NFC technology-enabled cards and tags |
Pricing | • Basic: Free (limited features) • Pro: $7.99/month • Pro+: $14.99/month • Dynamic pricing for teams | • dot.Profile: Free • dot.Profile Plus: $10/month • dot.card: $20 |
Popl: The go-to for creating & sharing a digital business card
Popl cards are your go-to paper business card alternative if you prioritize convenience in networking, creating, and sharing your digital business cards:
🖌️Create a custom digital business card
With a simple, intuitive UI, it’s easy to choose a color theme and add social links, phone email icons, and your brand’s logo to your digital business card—all in under five minutes.
The layout and white labeling of the digital business card add a professional touch to your virtual and on-ground networking efforts.
If we compare the creation process with Dot, it offers a real-time, step-by-step guide to creating a digital contact card or the “dot.Profile.” But, many users have complained that the process isn’t as simple as it seems.
⚡Pro tip: If you’re short on time or are looking for a fuss-free platform to create a custom digital business card, try Uniqode to get your e-card in under five minutes.
- Reinforce your brand identity with your company logo and fonts.
- Create a lasting impression and personal branding with card templates.
- Design a card with your brand colors and increase brand messaging.
In Popl, you must turn on the NFC features before adding them to the card. Plus, the information you can share under each section (even the bio!) is limited to 35 letters.
🤝 Sharing
Popl takes the cake when it comes to sharing. You’ve got multiple options:
- Links
- QR Codes
- Apple Wallet and Google Wallet
- iPhone widgets
- Virtual backgrounds
- Email signatures
Popl offers NFC accessories that you can tap to share your digital contact card. This may be useful, especially during networking events.
Overall, Popl is a good QR Code-powered digital business card solution for mid to large businesses with growing teams.
In quick comparison, Dot is limited to a URL, NFC technology, and a QR Code. With Dot’s focus on NFC tap-and-share technology, the experience of digitally sharing contact information isn’t as smooth as Popl’s, which allows you to share your digital business cards via Google Wallet or Apple Wallet.
Bonus: Popl integrates with multiple CRM platforms such as Azure, Hubspot, Salesforce, and Outlook. These CRM integrations will help provide a wholesome experience while using Popl cards.
If you need a more straightforward digital business card platform focusing on NFC technology and physical devices for networking events, you might prefer Dot. The free dot.Profile with an NFC dot.Card or dot.Classic (an adhesive to stick on your phone) is a more cost-effective alternative to traditional business cards.
Dot: A simple step up from traditional business cards
Limited features aren’t a con if you don’t need the extra features that Popl offers. In that regard, the Dot card is a digital business card solution for individuals or small businesses who need a simple, no-fuss, scan/tap card for in-person events.
🤝 No-fuss lead collection
On Dot, you can collect leads at events, trade shows, or on-field sales visits with Dot Cards. While Dot’s traditional business cards and tags aren’t customizable, you can still edit the digital business card or the virtual contact profile with these smart cards.
🧑🏫 Contact Management
A Dot card has a simple digital address book that allows you to save contact details and download them as a CSV.
However, Dot business cards don’t provide integrations to any CRM or contact management tools because they mainly intend to collect and exchange contacts. However, you can set up follow-up reminders to interact with your prospects.
Popl offers more suitable solutions for businesses with a more significant sales or networking team because you can attribute leads to representatives and manage the ROI from events, teams, and devices. Popl also offers many more built-in and third-party integrations for businesses, something Dot cards don’t offer.
⚡Pro tip: Too many leads flowing in, but don’t know how to categorize? If you want a powerful digital address book to slice and dice your leads with filters and labels and export them to your CRM, try Uniqode’s Contact Manager, which comes with its digital business card solution.
Now that you’ve seen these three platforms up close, you might be closer to deciding. However, compared to alternatives to Popl and Dot, both tools fall short on several aspects.
This is where contrasting the two options with a third one, helps. You can use it as a benchmark for the features you need, identify differences and similarities, and evaluate their strengths and weaknesses to make the right decision.
What do Popl and Dot digital business cards lack?
No platform can have every feature and be the best at it. Popl and Dot provide almost all the features. However, when we bought a third solution in this comparison, we could find three areas of improvement.
Here’s a table you can quickly look at to understand what we mean.
Features | Uniqode | Popl | Dot |
Data privacy and security | ✅ Multi-factor authentication (MFA) ✅ Phishing URL detection ✅ GDPR, SOC® 2 compliance ✅ SSO login ✅ Password-protection ✅ Admin control ✅ Role-based access | ❌ Multi-factor authentication (MFA) ❌ Phishing URL detection ❌ GDPR, SOC® 2 compliance ❌ SSO login ❌ Password-protection ❌ Admin control ❌ Role-based access | ❌ Multi-factor authentication (MFA) ❌ Phishing URL detection ❌ GDPR, SOC® 2 compliance ❌ SSO login ❌ Password-protection ❌ Admin control ❌ Role-based access |
Advanced analytics | ✅ Card scans by GPS location ✅ Card scans by device OS ✅ Card scans by IPS address ✅ Time with the maximum scans | ✅ Insights performance measuring and tracking ❌ Card scans by GPS location ❌ Card scans by device OS ❌ Card scans by IPS address ❌ Time with the maximum scans | ✅ Basic analytics ❌ Card scans by GPS location ❌ Card scans by device OS ❌ Card scans by IPS address ❌ Time with the maximum scans |
Ready-to-use templates | ✅ White label ✅ Templates aligning with brand visuals and guidelines ✅ Customizable colors and fonts | ✅ White label ❌ Limited designs in bulk packages | ✅ White label ❌ Non-customizable, standard NFC devices |
These features may be essential for your business based on what you intend to do with your digital business card. Take a look at how:
- Data privacy and security
With Popl and Dot, you can create digital business cards, but the platforms encourage using NFC devices (cards, tags, watches, etc.) to share your profile.
In general, NFC cards aren’t as secure as swapping contact details digitally. This is because it is possible to intercept the signals between a phone and an NFC technology-enabled card, putting your and your prospect’s details at risk.
Do note that Popl has more features than Dot to help you create a fully digital business card without any PVC or metal cards.
☠️ Consider this
NFC business cards aren’t a good idea if your business requires enterprise-grade security. Choose a 100% digital, security-focused business card solution like Uniqode (👋 that’s us) made for enterprises.
Get industry-leading security measures and peace of mind for all your networking measures:
- Multi-factor authentication (MFA)
- Phishing URL detection
- Compliance with data privacy laws (such as GDPR, SOC® 2)
- Single Sign-On or SSO login
- Password-protected digital business cards
- Admin control over team member cards
- Central management and role-based access
2. Advanced analytics
Every interaction with a lead or a prospect is a chance to personalize your next interaction with them. Even if you’re an individual, such as a freelancer or a working professional, a few card metrics and analytics can help you identify the best-performing links, number of saves, and more.
Dot has the basic analytics in place, and Popl is one step ahead with more in-depth insights into measuring and forecasting performance.
🔥See more than just card scan numbers with Uniqode
Get visibility into metrics like:
- Card scans by GPS location
- Card scans by device OS
- Card scans by IPS address
- Time periods with the maximum scans
- Integration with Google Analytics
3. Ready-to-use templates
If you’re implementing digital business cards as an organization-wide solution, you will need a platform with ready-to-use, custom templates.
You can customize your digital business cards and white-label on Popl and Dot. But, both tools have their limitations:
- Dot’s NFC devices come in one standard design, which you can’t edit
- Popl’s design capabilities are limited in bulk packages, meaning, they’re not for scalability
Based on our evaluation, Popl is a better tool for creating digital business cards for mid to large organizations. These Popl features stood out in our review:
- Team management
- Integration capabilities
- Value-for-money for the features offered
Popl also offers a smart business card solution using NFC technology.
Remember that Dot is not a good option if you interact with prospects virtually, since there are limited options to share digitally. However, do note that:
Dot is more suited for small businesses or personal use
- It is the simplest and more eco-friendly alternative to a paper business card for in-person interactions
- It doesn’t require any technological know-how to set it up
Last but certainly not least, if you want the best of bothplatforms, deeper analytics, better security, and more ready-to-use templates, try Uniqode free for 14 days and then decide which is best for you.
FAQs
1. What is the difference between Popl and Dot?
Popl is a better digital business card for sharing virtual contact profiles via links, QR Codes, and Apple Wallet or Google Wallets. While Dot offers a digital business card, it is more suited for teams who need a customizable NFC device to share contacts in person.
2. Is Dot card worth it?
Dot is an affordable smart business card but with its limited features and functionality, users don’t consider it worth the cost. Especially when compared to digital business cards such as Uniqode, Popl, and LinQ.
3. Does Popl have a monthly fee?
The basic version of Popl allows you to create digital business cards for free. But, the Pro and Pro+ plans have a monthly subscription fee of $7.99 and $14.99, respectively.
Author Details
Kritika is a Senior Content Marketer at Uniqode. She’s exploring the effectiveness of digital business cards in increasing the ROI of networking for fast-growing businesses.
kritika.b@uniqode.com
Related Posts
- How We Make App Comparisons At Uniqode—Our Editorial Policy
- HiHello vs. Blinq: Which Digital Business Card Solution To Choose in 2024
- The QR Code Generator vs. QR Code Generator Pro: Which Is a Better Solution for You?
- Popl vs. Dot vs. Linq: Which Digital Business Card Solution To Choose in 2024
- How Does the Google QR Code Generator Rank? Our In-Depth Review
- Adobe QR Code vs. Uniqode QR Code: Which One Should You Choose?
- SurveyMonkey QR Code vs Uniqode: A Complete Comparison
- QR Tiger vs Uniqode: Compare in Detail and Decide!
- Uniqode vs. Flowcode: Why Uniqode Emerges As The Undisputed Leader
- Uniqode Vs Scanova: Which QR Code Generator Should You Pick?
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 + 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
-
Paid vs. Free Solutions
-
Uniqode vs. Scanova
-
Uniqode vs. Flowcode
-
Uniqode vs. QR Tiger
-
Uniqode vs. Adobe
-
DIGITAL BUSINESS CARD
-
Uniqode vs. HiHello
-
Uniqode vs. Blinq
-
Uniqode vs. Popl
Company
Contact Us
- hello@uniqode.com
- +1 (646) 968 0378
Company
Contact Us
- hello@uniqode.com
- +1 (646) 968 0378
-
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
- hello@uniqode.com
- +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("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