Tutorial Contents
Your Progress
Complete sections to track your progress

Welcome to WebAR Marketing!

Transform ordinary objects into extraordinary marketing experiences

📱 Point & Discover

Customers point their phone at your products, posters, or any object to unlock hidden content

🤖 AI-Powered Recognition

Our smart AI learns to recognize your objects from photos you provide

🎁 Reward Engagement

Give customers incentives to complete your AR journey and boost conversions

Perfect For:
  • 🛍️ Product launches & demonstrations
  • 🎯 Interactive marketing campaigns
  • 🏢 Trade shows & events
  • 📰 Print advertising enhancement
  • 🏪 Retail store experiences
  • 📱 Social media engagement
  • 🎓 Educational content
  • 🎉 Brand awareness campaigns

Getting Started

1
📋 Plan Your AR Experience

Before creating your campaign, think about:

  • What objects will customers scan? (Products, posters, business cards, etc.)
  • What content will appear? (Videos, 3D models, images, websites)
  • What's the end goal? (Sales, engagement, education, brand awareness)
  • What reward motivates action? (Discount, exclusive content, contest entry)
2
📸 Gather Your Materials

Collect what you'll need:

  • Target Objects: Physical items customers will scan
  • AR Content: Videos, images, 3D models, or website links
  • Brand Assets: Logos, colors, background images
  • Reward Details: Discount codes, download links, etc.
Pro Tip: Start Simple!

Your first campaign should have 1-2 targets with simple content like videos or images. You can always create more complex experiences later!

Creating Your First Campaign

1
🚀 Campaign Setup

Navigate to Campaign Setup and fill in:

📝 Campaign Name

Examples:

  • "Summer Sale AR Hunt"
  • "New Product Discovery"
  • "Interactive Catalog"
📄 Description

Example:

"Scan our products to see them in action and unlock exclusive 20% discount codes!"
⚙️ Settings
  • Participant Limit: 0 for unlimited, or set a specific number
  • Minimum Targets: How many objects must be scanned to complete
  • Status: Keep as "Draft" while building, "Active" when ready
2
🎯 Add Your First Smart Target

Go to Smart Targets and click "Add Target"

What makes a good target?
✅ Great Targets
  • Products with unique shapes
  • Logos with distinct designs
  • Textured surfaces
  • High contrast images
❌ Avoid
  • Plain white/black surfaces
  • Highly reflective materials
  • Very small objects
  • Transparent items
Important First Steps

After adding your target, you must train the AI before your campaign can work. We'll cover this in detail in the next section!

Setting Up Smart Targets

1
📷 Capture Training Images

Click "Capture Images" to teach the AI what to look for:

📸 Photo Tips
  • Take 10-15 photos minimum
  • Different angles (front, side, tilted)
  • Various lighting conditions
  • Different distances (close, medium, far)
  • Include some background variety
💡 Quality Checklist
  • ✅ Good lighting (not too dark/bright)
  • ✅ Sharp focus (not blurry)
  • ✅ Fill the frame with your object
  • ✅ Stable hands (no camera shake)
  • ✅ Object clearly visible
2
🎬 Setup AR Content

Click "Setup Content" to choose what appears when scanned:

📹 Video
Product demos, tutorials, ads
🎲 3D Model
Interactive 3D objects
🖼️ Image
Photos, infographics, art
🔗 Website
Product pages, forms, info
Content Guidelines:
  • Videos: Keep under 30 seconds for best engagement
  • Images: Use high resolution (at least 800x600)
  • 3D Models: Ensure they're optimized for mobile
  • Websites: Mobile-friendly pages work best
3
🤖 Train the AI Model

Once you've added photos and content, click "Train Model":

  • Training Time: Usually 2-5 minutes
  • What Happens: AI analyzes your photos to learn recognition patterns
  • Status Updates: You'll see progress indicators
  • When Complete: Your targets are ready for testing!
AI Training in Progress...
Advanced: Image Tracker

For even better recognition, use our Image Tracker feature. Upload a high-quality reference image (like a poster or product photo) for ultra-precise detection. Perfect for print materials and marketing collateral!

Experience Design

1
🎨 Visual Style

Choose how users will see your AR targets list:

📋 List View
Simple, clean list of targets to scan

Best for: Multiple targets, clear progression

🎯 Grid View
Visual grid with target previews

Best for: Visual campaigns, product showcases

2
🖼️ Brand Your Experience

Upload custom images to match your brand:

📱 Cover Image (600x300)
  • First impression for users
  • Use your logo or campaign image
  • Keep text readable on mobile
🌄 Background Image (600x1200)
  • Sets the mood for your experience
  • Use brand colors or themes
  • Ensure good contrast with text
⭕ Incomplete Icon (400x400)
  • Shows targets not yet scanned
  • Use grayed out or empty state
✅ Complete Icon (400x400)
  • Shows successfully scanned targets
  • Use checkmarks or success states
3
🎨 Color Customization

Match your brand colors:

🔘 Button Background Color

Primary color for buttons and key elements

#667eea
📝 Button Text Color

Text color that contrasts with background

#ffffff
Design Best Practices
  • Consistency: Use the same colors as your website/brand
  • Contrast: Ensure text is readable on backgrounds
  • Mobile First: Test how it looks on phone screens
  • File Sizes: Optimize images for fast loading

Rewards & Incentives

1
🎁 Choose Reward Type

Select what motivates your audience:

Discount Code

Automatically generated unique codes

Great for: E-commerce, retail, services
Digital Download

Exclusive content, wallpapers, guides

Great for: Brand building, lead generation
Contest Entry

Automatic entry into prize drawings

Great for: Engagement, viral marketing
Special Access

VIP pages, member areas, exclusive content

Great for: Premium experiences, loyalty
2
✍️ Write Compelling Copy
📝 Reward Title Examples
  • "Exclusive 25% Off Code"
  • "Free Product Guide Download"
  • "Win a $500 Gift Card!"
  • "VIP Early Access Pass"
📄 Description Tips
  • Explain the value clearly
  • Include any restrictions/expiry
  • Create urgency when appropriate
  • Keep it under 1000 characters
Example Description:
"Congratulations! You've unlocked an exclusive 25% discount code for your next purchase. Valid for 30 days on all products except sale items. Use code at checkout to save!"
3
🔗 Setup Reward URL (Optional)

Link to where users claim their reward:

  • E-commerce: Checkout page with discount pre-applied
  • Downloads: Direct link to exclusive content
  • Forms: Contest entry or lead capture page
  • Apps: Deep link to specific app sections
🔒 Security Features
URLs include unique tokens and security validation to prevent fraud
Reward Psychology

Make it valuable but attainable: 15-25% discounts work better than 5%. Exclusive content feels more valuable than generic offers. Time-limited rewards create urgency and faster action.

Launch & Share Your Campaign

1
✅ Pre-Launch Checklist
📋 Required Elements
  • ✅ Campaign details completed
  • ✅ At least one target with photos
  • ✅ AI model trained successfully
  • ✅ AR content added to targets
  • ✅ Design customization done
🧪 Testing
  • ✅ Test scanning with your phone
  • ✅ Verify content displays correctly
  • ✅ Check reward delivery works
  • ✅ Test on different devices
  • ✅ Confirm all links work
2
📱 Get Your Campaign Link & QR Code

Click "Get Link/QRCode" to access sharing options:

🔗 Direct Link
  • Share via social media
  • Include in email campaigns
  • Add to website buttons
  • Use in text messages
📱 QR Code
  • Print on marketing materials
  • Display at events/stores
  • Include in advertisements
  • Add to business cards

QR Code Example

QR Code Best Practices:
  • Make it large enough to scan easily (minimum 1 inch)
  • Ensure high contrast with background
  • Test scanning from different distances
  • Include instructions like "Scan with phone camera"
3
📈 Promote Your AR Experience
🏪 In-Store
  • Point-of-sale displays
  • Product shelf tags
  • Window decals
  • Staff demonstrations
📱 Digital
  • Social media posts
  • Email newsletters
  • Website banners
  • Influencer partnerships
📰 Print
  • Magazine ads
  • Brochures & flyers
  • Business cards
  • Packaging inserts
Launch Strategy Tips
  • Soft Launch: Test with a small group first to catch any issues
  • Clear Instructions: Always explain how to use AR ("Point your camera at...")
  • Multiple Touchpoints: Share across various channels for maximum reach
  • Track Performance: Monitor engagement and adjust as needed

Best Practices & Tips

Target Photography
  • Quantity: 15-20 photos per target
  • Variety: Different angles, lighting, distances
  • Quality: Sharp, well-lit, focused
  • Background: Include some variety
  • Stability: Use steady hands or tripod
Mobile Optimization
  • Loading Speed: Optimize image/video sizes
  • Touch Targets: Make buttons finger-friendly
  • Text Size: Readable without zooming
  • Network: Consider slower connections
  • Permissions: Clear camera access requests
User Experience
  • Clear Instructions: How to scan and what to expect
  • Progress Indication: Show scanning progress
  • Error Handling: Helpful messages when things go wrong
  • Rewards Clarity: Explain value and how to claim
  • Accessibility: Consider users with disabilities
Performance Tracking
  • Engagement Rate: How many complete the experience
  • Scan Success: Recognition accuracy rates
  • Drop-off Points: Where users abandon the journey
  • Reward Redemption: Conversion to actual sales
  • Device Analytics: Which phones/browsers work best
Advanced Success Strategies
🎯 Targeting Excellence
  • Use distinctive, high-contrast objects
  • Avoid overly complex or detailed targets
  • Test recognition in various lighting
  • Consider seasonal changes (outdoor targets)
🎁 Reward Optimization
  • Make rewards immediately valuable
  • Create urgency with time limits
  • Personalize based on user behavior
  • A/B test different reward types

Troubleshooting Common Issues

Recognition Problems
❌ "Target not recognizing"
  • Add more training photos (aim for 20+)
  • Improve photo quality and lighting
  • Retrain the AI model
  • Try different angles when scanning
❌ "Slow recognition"
  • Use Image Tracker for complex targets
  • Ensure good lighting when scanning
  • Hold camera steady for 2-3 seconds
  • Move closer to the target object
Technical Issues
❌ "Camera won't start"
  • Check browser camera permissions
  • Try refreshing the page
  • Use Chrome or Safari browsers
  • Ensure HTTPS connection
❌ "Content not loading"
  • Check internet connection
  • Verify content URLs are working
  • Try reducing file sizes
  • Clear browser cache

Congratulations!

You're now ready to create amazing AR marketing experiences!