Video Source
Bubble Appearance
Shape
Entrance Animation
Experience Mode
Clean video reel with autoplay, CTA button, and intent tracking
Controls
Event Log
SDK events will appear here...
Integration Code
<script src="https://api.clickreel.io/sdk/v1.min.js"></script>
<script>
ClickReel.init({
siteKey: 'your-site-key',
demoMode: true,
position: 'bottom-right',
youtubeVideoId: 'VIDEO_ID',
bubbleShape: 'phone', // circle | pill | phone
entranceAnimation: 'bounce', // fade | slide-in | bounce | grow | pulse-in
muteOnOpen: false,
socialProof: {
enabled: true,
text: '247 people viewed this week',
showOnBubble: true
},
productCard: {
enabled: true,
triggerAtPercent: 50,
productName: 'Premium Coffee Blend',
productPrice: '$24.99',
ctaText: 'Add to Cart'
}
});
</script>SDK Features
Everything in this demo
Shadow DOM CSS isolation
YouTube, Instagram, TikTok + Upload
Phone frame, circle, and pill bubbles
5 entrance animations (fade, bounce, slide, grow, pulse)
Mobile-first responsive design
Progress tracking (25/50/75/100%)
Floating product actions + product cards
Autoplay with tap-to-unmute fallback
Adaptive preload (connection-aware)
Stories-style multi-video navigation
Social proof overlay on video + bubble
Product variant quick-pick (color/size)
Exit intent + scroll-triggered open
Lazy video preview on bubble hover
Ready to add video reels to your site?
Start converting visitors into high-intent leads with interactive video engagement.