Embed a star-rating badge on your site to show average ratings and customer avatars. Create and save badge variations in Badge Manager, then copy the embed code.
Before you start
Star rating collection must be enabled in the Space.
Only avatars from written or video testimonials appear on the badge.
You need at least one public text or video testimonial with an avatar.
Open Badge Manager
You can save and edit badge variations without updating the embed code each time. There is no limit on how many variations you can create.
From the dashboard, open the Space.
In the left sidebar, click Embed Widgets, then Badge.
Badge Manager opens so you can create or edit badges.
Create a badge
Click + Create Badge and choose the badge type.
Configure the badge, then click Save & Continue.
Copy the embed code.
Manage badge options
In Badge Manager, use the icons next to each badge to edit, copy the embed code, or delete.
Pencil: edit the badge design, text, and settings.
Copy: copy the embed code.
Trash: delete the badge. This cannot be undone.
Customize the badge
Default badge
Avatar selection: automatic or manual
Background color: on/off with a color picker
Badge alignment: left or centered
Font family: 500 fonts available
Font and star color: match your site
Font size: scales the whole badge up or down
Redirect to Wall of Love when the badge is clicked
Use a custom message
Turn on Use a custom message.
Review term: replace the “reviews/review” wording on the badge.
Advanced badge
The Advanced Badge lets you pick one testimonial and highlight a short custom message.
Select the testimonial, then drag to highlight the portion you want on the badge.
Background color: toggle, then pick a color
Alignment: left or centered
Font: pick from 500 font families
Font and star color: match your site
Font size: scale the badge up or down
Click behavior: toggle redirect; default is your Wall of Love
FAQ
Can I add a custom message to my badge?
Yes. Turn on Use a custom message to show the field and edit it.
Can I redirect to a different site instead of the Wall of Love?
Yes. Change the redirect URL in the embed code (highlighted in the screenshot below).
To keep the click from opening a new tab, add data-redirect-new-tab="false" to the embed code.
Need help? Message us in the chat widget.