Add Instagram Mentions to Next.js
Learn how to import Instagram Mentions and display them on your Next.js website with beautiful, customizable widgets. Step-by-step guide with embed code.
Why Instagram Mentions Matter for Your Business
Instagram UGC is highly visual and engaging
Customer photos and stories create aspirational social proof
Visual testimonials tend to be more engaging and persuasive than text-only
Import Instagram Mentions into VideoTestimonials
Sign up for free and go to your Import Hub → Social Media tab
Paste the URL of any Instagram post mentioning your brand
The post content and media are imported instantly into your dashboard
Display as eye-catching social proof cards on your website

Embed on Next.js
Add the VideoTestimonials script tag to your Next.js layout or page
Use the embed component in any page or section
Testimonials work with both SSR and CSR rendering modes

Widget Customization Options
Carousel
Auto-scrolling testimonial slider
Masonry Grid
Pinterest-style responsive grid
Wall of Love
Full-page testimonial showcase
Marquee
Continuous scrolling ticker
Frequently Asked Questions
How do I add Instagram Mentions to my Next.js website?
It's simple: First, import your Instagram Mentions into VideoTestimonials using our one-click import. Then, choose a widget style (carousel, grid, or wall of love). Finally, copy the embed code and paste it into your Next.js site. The entire process takes under 5 minutes.
Do Instagram Mentions update automatically on Next.js?
Yes! VideoTestimonials auto-syncs your Instagram Mentions on a regular schedule. When new reviews appear on Instagram, they'll automatically show up on your Next.js website without any manual effort.
Can I customize how Instagram Mentions look on Next.js?
Absolutely. You can choose from multiple widget styles (carousel, masonry grid, wall of love, marquee), customize colors to match your Next.js site's branding, show or hide star ratings, filter by minimum rating, and more. Every widget is fully responsive.
Will adding Instagram Mentions slow down my Next.js site?
No. Our embed code is lightweight (under 10KB) and loads asynchronously, meaning it won't block your Next.js page from rendering. We also use a global CDN for fast delivery worldwide.
