Add Instagram Mentions to Next.js
Learn how to import Instagram Mentions into VideoTestimonials and show them on your Next.js website with a Wall of Love you can embed or link to. Step-by-step guide.
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
Show Them on Next.js
In VideoTestimonials, open Studio → Walls of Love, open your wall, click the share icon and copy the Embed Code — it is an <iframe> tag
Render the same <iframe> in a page or component, using the src from the copied code (in JSX, write style as an object)
Give the iframe a fixed height that fits your wall, and deploy
Ways to Show Them
Wall of Love page
A hosted page with its own link
Embedded wall
The same wall inside your Next.js page
Five layouts
Grid, masonry, bento, 3D carousel, marquee
Hand-picked reviews
Choose exactly which reviews appear
Frequently Asked Questions
How do I add Instagram Mentions to my Next.js website?
Import your Instagram Mentions from the Import page in your VideoTestimonials dashboard, keep the ones you want, and they appear on your Wall of Love. Then embed the Wall of Love on your Next.js site with its embed code (an iframe), or link to its public URL. The Next.js integration page lists the exact steps for Next.js.
Do Instagram Mentions update automatically on Next.js?
Not automatically. Auto-Import doesn't cover Instagram, so new ones are added when you import them. Your Wall of Love on Next.js updates as soon as you approve them, with no change to your Next.js site.
Can I customize how Instagram Mentions look on Next.js?
Yes. In the Wall of Love builder you choose the layout (grid, masonry, bento, 3D carousel or marquee), the card style, colors and fonts to match your Next.js site, and which reviews to show.
Will adding Instagram Mentions slow down my Next.js site?
The Wall of Love embeds as an iframe, which the browser loads separately, so it doesn't block the rest of your Next.js page from rendering. If the wall sits further down the page, add loading="lazy" to the iframe tag so it loads only when visitors scroll near it.
Related guides
Other reviews on Next.js
Ready to Add Instagram Mentions to Next.js?
In under 5 minutes.
Start displaying Instagram Mentions on your Next.js website — no coding required. Free plan includes 10 videos, 20 text testimonials and a Wall of Love embed, with no credit card.