A star rating badge can now be embedded on your site. Positive ratings attract more attention from potential customers, leading to higher click-through rates and conversions.
Our guide here is divided into two parts: where to get the embed code for your badge and the additional information you may need.
Before You Start
Star rating collection must be enabled in your space.
Avatars from written or video testimonials are the only ones that will show on the badge.
You must have at least one public testimonial (text or video) with an avatar.
Going To Your Badge Manager
⭐Update: You can now save and edit your badge variations without needing to update your embed code each time. This means you can make changes more easily and flexibly—no limitations on how many badge variations you can create.
From your dashboard, select the space you want.
In the left sidebar, open "Embed Widgets", then select "Badge".
Our "Badge Manager" will pop up where you can create or edit your existing badges.
To Create a Badge
Hit on the "+ Create Badge" button and a pop-up, like the modal below, will show up where you can choose the type of badge you want to use.
After choosing the type and configuring the badge, click "Save & Continue" to save the badge you created.
Once saved, the embed code will now be available to copy.
Managing Badge Options
In the Badge Manager, you can easily edit, delete, and copy the code of your badges using the icons provided next to each badge. Here’s a quick guide to help you understand the functions of each icon:
✏️ : Click the pencil icon to edit the badge. This allows you to customize the design, text, and other settings of the badge.
📄 : The note icon allows you to copy the embed code for the badge.
🗑️: The trash icon allows you to delete a badge you no longer need. Deleting a badge cannot be undone, so make sure you no longer need it before confirming the action.
Customizing Your Badge
Default Badge
Avatar Selection: Choose between automatic or manual picks
Background color: On/off with color selector
Badge Alignment: Left or Centered display
Font Family: 500 fonts are available
Font & Star Color: Customize to match your site’s style.
Font size (This will escalate the badge to the Font size; you can use it to decrease or increase its size)
Redirect to Wall of Love when clicked
Use a custom message
Enable "Use a custom message."
Review term: This is where you can change the "reviews/review" term showing on the badge to a different one.
Advance Badge
The Advanced Badge lets you hand-pick a testimonial and feature a short, custom-highlighted message—great for showing off specific quotes with a personal touch.
Select the testimonial you want to showcase. Use your mouse to drag and highlight the portion of the testimonial you'd like to include in the badge.
Background Color: Toggle → select any color.
Alignment: Left or centered display.
Font: Pick from 500 font families.
Font & Star Color: Customize to match your site’s style.
Font Size: Adjust badge scale up or down.
Click Behavior: Toggle redirect; default is your Wall of Love.
Additional information
Can I add a custom message to my badge?
Yes, you can. Check the "Use a customer message" option for the field to show and have it customized.
Can I redirect my clients to a different site instead of the Wall of Love?
Yes, you can! Just change the redirect URL from the code that will be given. (Please see the highlighted part from the screenshot below.)
Want to disable the new tab redirect? Simply add
data-redirect-new-tab="false"on your embed code.
If you run into any issues—like the badge not showing, styling problems, or embedding errors don't hesitate to get in touch with our team or explore more articles in our help center.