TikTok is attention first
Animated QR codes help you earn a second of focus and convert viewers without asking them to leave the app.
Scan focus
Built for screensPlaced away from right-side controls
Minimum 220px size at 1080x1920
CTA visible and legible
Animation loop is smooth
Scan tested on phone
TikTok overlay specs
Protect the QR from the right-side action stack.
Pin to left or top corner
Stay away from the right-side UI stack.
Add a subtitle CTA
Use "Scan for the full list" style copy.
Check on small screens
Test on a smaller phone for safety.
Size
260-320px
At 1080x1920 resolution.
Right margin
140px
Avoid action buttons.
Bottom margin
180px
Keep clear of captions.
On-screen time
5-7 seconds
Hold longer on slow beats.
TikTok overlay tips
Make every frame scan-friendly with these tactical tips.
Avoid the right-side UI
Keep clear of the icons and captions on the right.
Use a mid-left position
Mid-left is visible and easy to scan.
Keep it on screen long enough
At least 6 seconds is ideal for first-time viewers.
Add a bold CTA
Short copy like "Scan for the link" works well.
Protect contrast
Use a light card behind the QR on busy footage.
QR examples
Preview a few styles that work well on screens and social overlays.
Vertical overlay
Optimized for 9:16 clips.
Retro Wave Launch
Soft neon gradient built for video overlays.
Launch scan
CTA-friendly QR for product drops.
TikTok CTA copy
Copy-ready overlays that pair perfectly with animated QR codes.
Creator follow
Scan to join the crew
Great for creator communities.
Shop now
Scan for the drop
Works for product launches.
Tutorial link
Scan for the full tutorial
Send viewers to longer content.
Frequently asked questions
Answers to the most common animated QR questions.
How do I add a QR code to a TikTok video?
Generate your animated GIF QR code on qrcode.ing, then overlay it in your video editor before posting. Place it in the mid-left area, at least 260px wide, and keep it visible for 5–7 seconds so viewers have time to scan.
Can I use an animated QR code on TikTok?
Yes. Animated QR codes work perfectly as TikTok overlays. The GIF motion attracts attention on a busy feed and the code still scans reliably with any phone camera as long as it stays on screen long enough.
What size should a QR code be for a TikTok overlay?
Use 260–320px at 1080x1920 resolution. Keep a 140px right margin to avoid TikTok's action buttons and a 180px bottom margin to clear captions. Test on a smaller phone to confirm it stays scannable.
Does a QR code work on TikTok without a link in bio?
Yes. A QR code overlay in your TikTok video sends viewers directly to any URL — no link-in-bio required. It is especially useful when you want to drive traffic to a specific product, landing page, or tutorial.
Is the TikTok QR code free?
Yes. You can create an animated QR code for TikTok for free on qrcode.ing — no signup required. Download as a GIF for screen overlays or PNG for thumbnails. Dynamic links let you update the destination anytime.
Related pages
Explore more animated QR use cases
Keep building on the screen-first strategy with related guides and templates.
Ready to launch?
Build an animated QR in minutes.