Skip to content
Kudobox

G2 → React or Next.js

Add G2 reviews to a React or Next.js site

Bring your G2 reviews into Kudobox with the link to each one, approve them, and paste two lines into a React or Next.js site. A review on G2 works for you on G2; on your own pages it works where visitors decide, and every card links back to the original.

In three steps

  1. Bring the G2 reviews across

    Open your product's reviews, take the quotation you want and the link to that review. Paste the words and that link into Kudobox with the source set to “G2”. Or select the review on G2 and press the Save to Kudobox bookmark, from your dashboard's tools: the source is chosen for you and the page's address comes with it. A spreadsheet of them uploads in one go, its columns read by their names.

  2. Read, then approve

    Each one is read for risk exactly like a testimonial written to you — a promised result, a figure, somebody's private detail — and waits in Pending until you approve it. The words themselves are never edited.

  3. Paste two lines into React or Next.js

    A div and a script appended once, in an effect. The widget shows only what you approved, and only what may be shown on a website, and each card says “Originally posted on G2” with the link to the original.

Where the two lines go in React or Next.js

Paste these two lines
<script src="https://getkudobox.com/widget/YOUR-SLUG.js" async></script>
<div id="kudobox-wall"></div>

Your slug is in your dashboard, with the tag ready to copy.

  1. Render <div id="kudobox-wall" /> where the testimonials belong.
  2. In a useEffect that runs once, create a script element with the widget's src and append it to the container.
  3. Remove it in the effect's cleanup so a fast refresh does not append it twice.
  4. In Next.js you can use next/script with strategy="afterInteractive" instead, which does the same thing.

The React or Next.js guide on its own

About G2 reviews

G2 reviews are often long. Splitting one into the two sentences that matter is allowed; rewriting either of them is not.

The G2 import guide on its own

Layouts that suit G2 reviews

A rating layout averages only the testimonials that carry a score, so a G2 review with its stars counts and one without a score is left out rather than guessed.

Rating badgeThe average, the stars, the count — in a small box.WallThe whole set, in cards, as many columns as fit.CarouselA row you push along, with arrows.

All 23, each running live on its own page

What will not happen to them

  • The words will not be edited. Not tidied, not shortened, not improved — by you, by us, or by a model.
  • The source will not be dropped: every card says it was originally posted on G2, with the link where you gave one.
  • Nothing will be fetched from G2 for you — you are the one who decides each may be republished.
  • Nothing is public until you approve it, and one the reading flagged tells you why before you decide.

G2 reviews on other builders

WebflowAn Embed element, sized as you like.WordPressA Custom HTML block, anywhere in the page.FramerThe Embed component, set to HTML.A hand-written pagePaste the two lines where they belong.GhostAn HTML card in the post or page.NotionNotion cannot run a script. Link the wall instead.

Other reviews on React or Next.js

Every source, on every builder it belongs on

Put your G2 reviews on a React or Next.js site

Free for up to 15 testimonials, with all 23 layouts and the hosted wall included.

Start collecting