How to embed reviews on React.JS

Do not index

Logo

Product name

ReactJS

Added to /integrations

Done

Category

Custom

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. React is used by many popular websites such as Airbnb or Asana. Now that your React website is live, you may be wondering how to improve your conversion rate and that’s by adding Testimonials! In this article, we will show you how to add reviews and testimonials to your React website.

1. We are going to use iframe-resizer-react library. You can install it via npm command:

npm install --save iframe-resizer-react

2. After the library is installed, you can import the IframeResizer component:

import IframeResizer from 'iframe-resizer-react'

3. And you just need to write the component like below:

<IframeResizer src="https://embed.testimonial.to/w/testimonial" style={{ width: "1px", minWidth: "100%" }} />

4. Normally you would set the width to 100% and have the height scale to fit the content. You only need to pass the Wall of Love URL to the src

You will find the Wall of Love URL in the embed code

5. In the embed code part, the second line is an <iframe>, something like this:

<iframe id="testimonialto-testimonial" src="https://embed.testimonial.to/w/testimonial?theme=light&card=base" frameborder="0" scrolling="no" width="100%"></iframe>

6. Only copy the string in the src parameter, in the sample case, you just need to copy

https://embed.testimonial.to/w/testimonial?theme=light&card=base

7. Then paste the URL in the IframeResizer component src prop.

That’s it! 🥳

P.S: If your wall of love is empty, this article will help you add testimonials to your wall of love. With Testimonial.to, you can add video & text testimonials, import reviews elsewhere, all in one place!