REACT INTEGRATION
React Testimonials Component
Drop your social proof wall directly into your React, Vite, Remix, or Gatsby front-end.
React Component Snippet
Create a reusable TestimonialWall.tsx component:
import React from 'react';
interface TestimonialWallProps {
wallId: string;
height?: number | string;
}
export const TestimonialWall: React.FC<TestimonialWallProps> = ({
wallId,
height = 650,
}) => {
return (
<div className="w-full overflow-hidden rounded-2xl my-8">
<iframe
src={`https://bestimonial.com/embed/${wallId}`}
width="100%"
height={height}
style={{ border: 'none', width: '100%', overflow: 'hidden' }}
title="Customer Testimonials"
loading="lazy"
/>
</div>
);
};
Usage in Your Landing Page
Import and render it anywhere inside your JSX tree:
import { TestimonialWall } from './components/TestimonialWall';
export default function LandingPage() {
return (
<main className="max-w-6xl mx-auto px-4">
{/* Hero Section */}
<section className="text-center py-16">
<h1>Welcome to Acme SaaS</h1>
</section>
{/* Social Proof Section */}
<TestimonialWall wallId="YOUR_WALL_ID" height={700} />
</main>
);
}
Build your wall in seconds
Curate your positive posts on X and get your embed code immediately.
Create Free Wall