When to use a rating badge
When you want the rating visible without giving up a section. Card Badge and Compact Badge differ mainly in size.
What you can set
Inline or floating display mode
Size: small, medium or large
Label: automatic, custom, or none — automatic reads “Excellent on Google” above 4.5, “Very Good” above 4.0, “Good” above 3.5
Show or hide the source icon, review count and verified badge
Click action: open the reviews popup, open the source profile, or nothing
Where it works best
Headers, sidebars, near a buy or contact button, and anywhere a full section would be too much.
Every layout takes the same sources — Google, Facebook and 69 others — so the choice here is presentation, not capability.
The other layouts
There are fourteen in the editor and they compete with each other for the same visitor, so it is worth knowing when a different one is the better answer. The full gallery shows each one running.