With Judge.me x Klaviyo integration, you can now add Star Ratings to your Klaviyo emails.
How it looks
Here's how the Star Rating Badge might look in a Klaviyo marketing email:
Adding the Star Rating Badge in Klaviyo emails
Step 1: Connect Klaviyo and Judge.me
To connect Klaviyo and Judge.me:
From your Judge.me admin, go to Settings > Integrations > Klaviyo.
Click Connect.
In the authorization pop-up, click Allow to authorize Judge.me to access your Klaviyo data.
Step 2: Enable the feed
Once you've connected Klaviyo and Judge.me, to enable the review information feed:
From your Judge.me admin, go to Settings > Integrations > Klaviyo.
Scroll down to the Review feeds section.
Click the checkbox next to Enable review information feed.
Click Save.
Step 3: Add the feed to Klaviyo
To add the review information feed to Klaviyo:
From your Klaviyo admin, go to Settings > Other > Web feeds.
Click Add web feed and fill in the feed details, then click Add Data Feed.
Feed Name: JudgemeReviewInfoFeed
Feed URL: Paste in the feed URL from Step 2
Request Method: GET
Content Type: JSON
Click Add Data Feed.
Step 4: Use the feed in Klaviyo emails
From your Klaviyo admin, go to Flows and select the flow you want.
Click the Email block on your flow and click Edit.
Then click Edit email.
In the Text block where the product title is, click the </> icon and paste in the code below:
<!-- Judge.me star rating start -->
<div>
{% with productIdKlaviyo = item.product.id | slugify %}
{% for product in feeds.JudgemeReviewInfoFeed.products %}
{% with productIdJdgm = product.product_id | slugify %}
{% if productIdJdgm == productIdKlaviyo %}
<span style="font-size: 18px; color: #399999; letter-spacing: 2px; margin-bottom: 12px; display: inline-block;">
{% with rating = product.average_rating | plus: 0 %}
{% if rating >= 4.5 %}
★★★★★
{% elsif rating >= 3.5 %}
★★★★☆
{% elsif rating >= 2.5 %}
★★★☆☆
{% elsif rating >= 1.5 %}
★★☆☆☆
{% elsif rating >= 1 %}
★☆☆☆☆
{% endif %}
{% endwith %}
</span>
{{ product.review_count }}
{% if product.review_count == 1 %}
review
{% else %}
reviews
{% endif %}
{% endif %}
{% endwith %}
{% endfor %}
{% endwith %}
</div>
<!-- Judge.me star rating end -->Depending on the email template you use, you might need to change the item.product.id variable in the code block.
Click the </> icon again to apply the changes.
Click Preview and Test to preview your email with a real product.
Once done, save your email and activate the flow.
If you want to change the star color, you can change the style attribute of the <span> element that contains the stars.
<span style="font-size: 18px; color: #399999; letter-spacing: 2px; margin-bottom: 12px; display: inline-block;">
Resources
Get your free trial:
✨ Grow your sales by using social proof in email campaigns with Klaviyo integration. Free for 15 days.
Follow us on LinkedIn:
📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.