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

Free RateMDs Review Widgets for Next.js / React

Embed RateMDs patient reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Patient reviews from RateMDs, on the page where people choose a doctor.

Build Your RateMDs Review Widget

RateMDs

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 RateMDs 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

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 RateMDs Reviews to Next.js / React

Connect your RateMDs 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 Component

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

Embed RateMDs patient reviews on any Next.js / React page with a single copy-paste embed code. Patient reviews from RateMDs, on the page where people choose a doctor. Installs via the next/script component.

Where RateMDs reviews help most on Next.js / React

A custom site for a clinic group usually has a template per practitioner or per location.

Render the RateMDs widget for that practitioner on their profile page, beside the booking button, so patients read reviews about the person they will actually see. A group-wide widget on every page would mix practitioners and blur that choice. Keep it out of patient portals and intake forms, which are for people already in care. Before launch, check that your regulator permits patient reviews on a practice website, since the rules differ by country and profession.

About RateMDs reviews in this widget

The RateMDs widget brings the patient reviews from your RateMDs profile onto your practice site, with the rating out of 5 and the review count RateMDs publishes in the header. Patients review doctors there without attaching a name, so the widget shows them unnamed, exactly as the source does. Reviewers score staff, punctuality, helpfulness and knowledge separately, and the header figure is the overall average RateMDs itself calculates, never a number worked out from the reviews sitting on your page. Anything RateMDs has hidden never reaches the widget.

RateMDs Widget on Next.js / React — FAQ

Is the BlooTrue RateMDs review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed RateMDs patient 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 RateMDs patient 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 RateMDs patient 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.
What do I paste into the builder to pull my RateMDs reviews?
The full address of your profile, the one containing /doctor-ratings/ followed by a number and your name. A city or specialty listing page will not work, and neither will your name on its own, because the profile address is what identifies you. Then pick a layout and paste the embed.
Why do the reviews in my widget have no patient names?
Because RateMDs publishes them that way. Patients write about a doctor there without attaching a name, so there is no name for the widget to carry, and inventing one would misrepresent the source. Each card shows the score, the date and what the patient actually wrote.
Will my RateMDs rating show as stars in Google search results?
No. Google's review-snippet rules exclude reviews a business shows about itself through an embedded widget. On a paid plan the embed still publishes schema.org markup with your rating and review count, so search engines and AI assistants can read it, but only when the widget renders inline rather than inside a sandboxed iframe, since search engines cannot read what a sandbox hides.

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

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

Free RateMDs Review Widget