Skip to main content
BlooTrue
Start Free
no code neededunlimited viewsfree forever

Free Indeed Review Widgets for Next.js / React

Embed Indeed reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Indeed company reviews, on the pages candidates actually read.

Build Your Indeed Review Widget

Indeed

Key facts: 60-second install on Next.js / React · free forever, no plugin needed · installs via the next/script component · no view caps on any plan · daily review auto-sync on paid plans · schema.org markup on paid plans

Last updated ·by Mike Ragimov

SEO + AI schema · paid plans

Review schema markup, on paid plans

Paid widgets add schema.org Review and AggregateRating JSON-LD to the page they sit on, so search engines and AI answer engines can read your Indeed reviews as structured data. Google does not show review stars for reviews a business shows about itself, so the gain is readability, not stars. The free plan shows the reviews without the schema. See how the schema works

Install guides

Also available for other platforms

Same widget, platform-specific install guide. Pick where your pages live.

Looking for a different review source? See all review widgets

Setting this up on a different platform? See all Indeed review widgets · Want a different review platform on Next.js / React? All review widgets for Next.js / React

Review widgets for every platform

The same widget, built from whichever platform your reviews live on. Free plan on every one.

Reviews on more than one platform? Blend them into one widget

How to Add Indeed Reviews to Next.js / React

Connect your Indeed profile in BlooTrue, pick a style, then paste one embed code into the next/script component on Next.js / React and publish.

  1. 1

    In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive.

  2. 2

    Drop the widget div into any page or component where the reviews should appear.

  3. 3

    Change class to className on that div — the snippet is HTML and JSX will not accept class.

  4. 4

    Deploy. The loader watches the DOM, so the widget survives client-side navigation too.

A raw <script> tag pasted into a component will not execute, which is what next/script is for — and the snippet's class attribute has to become className or React drops it.

Where the Code Goes on Next.js / React

In a Next.js app the snippet splits in two. The loader goes in once, in app/layout.tsx, as a next/script component with strategy set to afterInteractive so it survives client-side navigation.

The div goes wherever the reviews belong, in any page or component. The one edit the pasted code needs is class becoming className, because the snippet is HTML and JSX will not accept class. The widget takes the width of its parent element, so a max-width wrapper is the usual way to size it.

If the widget does not show on Next.js / React

  • If nothing renders, check the div uses className rather than class — React silently drops the class attribute and the loader then finds nothing to mount.
  • A raw script tag pasted straight into a component will not execute. Use next/script with strategy afterInteractive instead.
  • If the widget shows on a hard refresh but not after in-app navigation, the loader was placed in a page rather than in the layout. Move it to app/layout.tsx so it mounts once for the whole app.

Still blank? Our help article Widget not showing covers the checks that apply on every site.

Official documentation: Next.js / React: Script ComponentIndeed: Indeed’s Company Reviews Policy

Indeed Review Widget for Next.js / React — Free, No Plugin

Embed Indeed reviews on any Next.js / React page with a single copy-paste embed code. Indeed company reviews, on the pages candidates actually read. Installs via the next/script component.

Where Indeed reviews help most on Next.js / React

A custom careers site or applicant portal usually has two templates: the careers landing page and the job detail page.

Put the Indeed widget on the landing page under the introduction, and a compact version on the job detail template beside the Apply button. Leave it off the application steps themselves, which should stay short so candidates finish them. If job pages are generated from an applicant tracking system feed, add the widget to the template once, so every role shows it the moment it is published, and it disappears when the role closes.

About Indeed reviews in this widget

An Indeed widget shows the company reviews from your Indeed company page, with the rating out of 5 and review count Indeed displays there in the header. Indeed company reviews are written by current and former employees about pay, management and the working day, which makes them a hiring asset rather than a sales one. Site owners go wrong by placing them next to customer testimonials on the homepage, where a review about shift patterns confuses buyers. Put the widget on your job and careers pages instead, where readers are the people Indeed's reviewers are addressing.

Indeed Widget on Next.js / React — FAQ

Is the BlooTrue Indeed review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed Indeed reviews on Next.js / React. No plugin, no recurring fee, unlimited views. The free plan shows your reviews with BlooTrue branding in the footer; paid plans remove the branding.
How do I install the widget on Next.js / React?
In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive. Drop the widget div into any page or component where the reviews should appear. Change class to className on that div — the snippet is HTML and JSX will not accept class. Deploy. The loader watches the DOM, so the widget survives client-side navigation too.
Anything specific to Next.js / React worth knowing before I embed?
A raw <script> tag pasted into a component will not execute, which is what next/script is for — and the snippet's class attribute has to become className or React drops it.
Where should I place Indeed reviews on Next.js / React for the biggest lift?
Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point.
Do the reviews stay up to date automatically?
Paid plans auto-sync your Indeed reviews daily, so the widget always shows your latest 5-star reviews without touching Next.js / React again. The free plan shows the reviews imported at setup.
Where is the Indeed URL that the builder asks for?
It is your company page on Indeed, in the form indeed.com/cmp/Your-Company, and the Reviews tab of that page is where employees post. The widget reads the rating and the reviews from that page, so paste the company page address, not a job posting, which carries no reviews of its own.
Will the widget show the same rating as my Indeed company page?
Yes. The header repeats the rating out of 5 and the review count from your Indeed company page as Indeed states them; BlooTrue never recalculates them from the employee reviews it lists. On the free plan the figure is the one captured when the widget was made, so it trails Indeed until you upgrade.
I have several open roles on my site, can the Indeed widget go on every job page?
Yes. The free plan gives you one Indeed widget, but its one-line embed can be pasted into every job page, and views are unlimited, so each page shows the same company rating and employee reviews from Indeed. If you later want the BlooTrue badge gone and daily refresh from Indeed, that is a paid plan.

Ready to Put Indeed Reviews on Your Next.js / React Pages?

Free forever. No plugin. 100+ widget styles. Set up in 60 seconds.

Free Indeed Review Widget