Add Twitter/X Mentions to React
Learn how to import Twitter/X Mentions into VideoTestimonials and show them on your React website with a Wall of Love you can embed or link to. Step-by-step guide.
Why Twitter/X Mentions Matter for Your Business
Twitter mentions are raw, unfiltered social proof
Real tweets feel more authentic than polished testimonials
Showcasing Twitter love creates social validation for new visitors
Import Twitter/X Mentions into VideoTestimonials
Sign up for free and go to your Import Hub → Social Media tab
Paste the URL of any tweet or X post you want to import
The post content and media are imported instantly into your dashboard
Display as beautiful testimonial cards on your website
Show Them on React
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 your 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 React page
Five layouts
Grid, masonry, bento, 3D carousel, marquee
Hand-picked reviews
Choose exactly which reviews appear
Frequently Asked Questions
How do I add Twitter/X Mentions to my React website?
Import your Twitter/X 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 React site with its embed code (an iframe), or link to its public URL. The React integration page lists the exact steps for React.
Do Twitter/X Mentions update automatically on React?
Not automatically. Auto-Import doesn't cover Twitter/X, so new ones are added when you import them. Your Wall of Love on React updates as soon as you approve them, with no change to your React site.
Can I customize how Twitter/X Mentions look on React?
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 React site, and which reviews to show.
Will adding Twitter/X Mentions slow down my React site?
The Wall of Love embeds as an iframe, which the browser loads separately, so it doesn't block the rest of your React 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 React
Ready to Add Twitter/X Mentions to React?
In under 5 minutes.
Start displaying Twitter/X Mentions on your React website — no coding required. Free plan includes 10 videos, 20 text testimonials and a Wall of Love embed, with no credit card.