Referral System Showcase
Complete referral tracking and sharing components
Referral Banner
Referral Code Input
Referral Code
Popular codes:
Social Share Buttons
Share on Social Media
Spread the word about Aftershock
Sharing Tips
- • Be authentic and share your real experience
- • Post when your audience is most active
- • Engage with comments and questions
- • Use relevant hashtags for better reach
Influencer Link Generator
Link Generator
Create trackable links for your content
Referral Tracking Widget
Traffic Sources
Attribution Info
Influencer Promo Materials
Promo Materials
Everything you need to create amazing content
Custom branding enabled for demo-influencer
Blueberry Flavor - Product Shot
High-quality product shot of Blueberry flavor
Tropical Flavor - Product Shot
High-quality product shot of Tropical flavor
Blueberry Ingredients
Detailed ingredients breakdown for Blueberry flavor
Tropical Ingredients
Detailed ingredients breakdown for Tropical flavor
Workout Lifestyle
Lifestyle video showing pre-workout routine
Benefits Infographic
Visual representation of Aftershock benefits
Banner Variants
Integration Notes
ReferralCodeInput: Integrates with cart context to apply discounts automatically. Validates codes in real-time and provides preview of savings.
InfluencerLinkGenerator: Creates UTM-tracked links with URL shortening simulation. Stores link history in localStorage for easy access.
SocialShareButtons: Platform-specific sharing with analytics tracking. Special Instagram copy-to-clipboard functionality for better user experience.
ReferralBanner: A/B testable banners with countdown timers and conversion tracking. Multiple variants automatically selected and tracked.
InfluencerPromoMaterials: Complete asset library with brand guidelines, copyable text templates, and custom graphic generation using HTML5 Canvas.
ReferralTrackingWidget: Real-time visitor tracking simulation with live notifications, conversion tracking, and comprehensive analytics dashboard.