🚀 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.