πŸš€ VuiApp Smart Link Demo

Test different smart link scenarios and behaviors

πŸ“± Mobile: Shows app install prompt with detection
πŸ’» Desktop: Shows QR code for mobile scanning

πŸ”— Smart Links with Path

πŸ’¬ Chat Invitation

Join our VuiApp chat group

Basic invitation with metadata
View URL structure
https://deepli.vuiapp.vn/invite/CHAT123?title=Join%20Our%20Chat&desc=Welcome%20to%20our%20awesome%20chat%20group!&code=CHAT123&image=https://via.placeholder.com/400x200

πŸ‘₯ Group Meeting

Team standup meeting link

Meeting invitation
View URL structure
https://deepli.vuiapp.vn/meeting/STANDUP456?title=Daily%20Standup&desc=Join%20our%209AM%20daily%20standup%20meeting&code=STANDUP456

πŸŽ‰ Event Invitation

Special event with rich metadata

Event with rich content
View URL structure
https://deepli.vuiapp.vn/event/PARTY789?title=Birthday%20Party%202024&desc=Come%20celebrate%20with%20us!%20Food%20and%20drinks%20provided&code=PARTY789&image=https://via.placeholder.com/400x300

πŸ“š Study Group

Educational content link

Educational content with custom params
View URL structure
https://deepli.vuiapp.vn/study/MATH101?title=Math%20Study%20Group&desc=Join%20our%20calculus%20study%20session&code=MATH101&category=education

πŸ›οΈ Shopping Deal

Limited time offer

Commercial link with urgency
View URL structure
https://deepli.vuiapp.vn/deal/FLASH50?title=Flash%20Sale%2050%25%20Off&desc=Limited%20time%20offer%20-%20ends%20midnight!&code=FLASH50&urgent=true

🌐 Root Path Deeplinks

These links work directly at the root domain without path segments

πŸ”‘ Simple Code

Basic deeplink with just code parameter

Minimal deeplink
View URL structure
https://deepli.vuiapp.vn?code=SIMPLE123

πŸ“± Mobile App Link

Direct app link with metadata

Mobile app deeplink
View URL structure
https://deepli.vuiapp.vn?code=MOBILE456&title=Open%20in%20VuiApp&desc=Launch%20the%20mobile%20app&anomynousId=user123

🎯 Campaign Link

Marketing campaign with tracking

Marketing campaign
View URL structure
https://deepli.vuiapp.vn?code=CAMPAIGN789&title=Special%20Offer&desc=Limited%20time%20deal&utm_source=email&utm_medium=newsletter

πŸ§ͺ Testing Guide

πŸ“± Mobile Testing

  • β€’ Open links on iOS/Android device
  • β€’ Test β€œOpen in VuiApp” button
  • β€’ Test β€œDownload VuiApp” button
  • β€’ Check clipboard copy functionality
  • β€’ Verify app detection behavior

πŸ’» Desktop Testing

  • β€’ QR code generation
  • β€’ QR code scanning with mobile
  • β€’ Link copy functionality
  • β€’ App store redirect links
  • β€’ Responsive design

⚑ Quick Test Tips

  • β€’ Use browser dev tools to simulate different devices
  • β€’ Check browser console for debug logs
  • β€’ Test clipboard functionality (requires HTTPS in production)
  • β€’ Try different URL parameters to test metadata parsing
  • β€’ Test both path-based and root path deeplinks
  • β€’ Verify that root path links work without path segments
  • β€’ Test links with custom parameters like anomynousId

πŸ”§ Technical Details

Deep Link Format:

vuiapp://path?params

Web Link Format (with path):

deepli.vuiapp.vn/path?params

Web Link Format (root path):

deepli.vuiapp.vn?params

Required Param:

code

Optional Params:

title, desc, image

Custom Params:

anomynousId, utm_*, etc.