Reviews Playbook

Overview

Yotpo’s Reviews customizations let you bring your brand to life across every review-related customer touchpoint. From Reviews widgets to Review Collection emails, Yotpo’s elements are customizable to blend seamlessly into your site, creating experiences that feel native rather than added on.

By aligning the look and feel of your Reviews program with your brand identity, you enhance the shopping experience while building trust and encouraging higher engagement.

While Yotpo provides extensive CSS customization options, we advise keeping designs simple. This ensures your on-site review widgets stay compatible with future updates, maintaining optimal performance and user experience.

Reviews Widgets

See the Reviews Lookbook for on-site review widgets and review request emails styled with default options.

CSS customization is available for finer control.

Out of the box customizations available for the:

• reviews widget

• star-rating widget

• Q&A widget

CSS Edits Cheatsheet

Remove border radius from “Write a Review” and “See reviews summary” buttons

.yotpo-reviews-main-widget.yotpo-widget-override-css #yotpo-main-widget-btn, 
.yotpo-reviews-main-widget.yotpo-widget-override-css .yotpo-reviews-summary-button {
 border-radius: 0;  
}

Result

Change the font size of the headline

.yotpo-reviews-main-widget.yotpo-widget-override-css p#yotpo-headline-reviews {
    /* replace 30px with desired font size */
font-size: 30px;
}

Make the review title appear below the star rating

.yotpo-reviews-main-widget.yotpo-widget-override-css .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title {
    flex-direction: column;
}
.yotpo-reviews-main-widget.yotpo-widget-override-css .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title {
    margin-left: 0;
    margin-top: 10px;
}

Result

Reviews Emails

General Email Settings

Note

Email appearance may vary depending on how different email apps render Dark and Light modes. Yotpo does not control these rendering behaviors, so we recommend avoiding color choices (such as pure white or black for key elements) that could cause visibility issues across modes.

We recommend uploading your logo through the Email Settings so that it applies to the different emails and landing pages.

1. Go to Emails

2. Click on Email setup

3. Click on Set up email in the Review Request email tile.

   

4. For general settings applied to all emails, click “Settings”.

   

5. When the Settings window appears, click Upload to add your store logo so it applies across emails and landing pages.

   

Note

• Recommended size: 250 × 50 px

• Max file size: 50 kb

Review Request Email Journey Overview

• Customer purchases a product

• Customer receives a Review Request Email

• Customer submits review

Optional:

• Photo/video upload in a Landing Page

• Site review prompt in a Landing Page

List of Emails

Emails that can be modified through the email builder

• Review Request Email – product review request email received after a customer makes a purchase:

  

• Targeted Product Review Request – product review request sent to customers manually from the Yotpo admin (has the same structure as the review request email).

• Targeted Site Review Requests – site review request sent to customers manually from the Yotpo admin.

  

• Coupon Discount Email – if the client has set up their coupons to be active, the customer can receive a coupon that they can use on their next purchase, depending on the rules set.

Emails that can only be updated through the Email Template Editor

• Answer Request Email – when a question is entered on-site, this email will be sent to past customers who have purchased the same product.

• Answer Response Email – after either the merchant or a past shopper answers a question asked on-site, this reply is sent to the original customer.

  

• Comment Email – email sent to customers to let them know the merchant has responded to their review.

  

• Review Verification Email – sent when a customer fills out a review on-site to verify their email address; after verification, they are labeled “verified reviewer”.

  

• Question Verification Email – sent when a customer writes a question on-site to verify their email address.

  

List of Landing Pages

• Anonymous – what an anonymous customer sees when they verify their email address after filling out a review on-site; contains a “thank you” message.

  

• Answer – for past customers who received the Answer Request email; if they click “If this email is not displaying correctly, please click here to fill out the form,” they see a landing page with the answer form.

  

• Delayed_order – for customers who click “Haven't received your purchase yet? let us know” in a review request email; Yotpo sends an email informing you that the customer indicated they have not received their purchase yet.

  

• Question – shown after a customer leaves a question on the Product Page and verifies their email address; displays a thank-you message.

  

• Review – if a customer fails to fill out a review and clicks “submit,” or clicks “If this email is not displaying correctly, please click here to fill out the form,” they see a landing page with a review form.

  

• Unsubscribe – shown when a customer clicks the “unsubscribe” link in the Review Request Email.

  

• Verified – shown when a customer who has already verified their email address tries to verify it again.

  

Important

Fonts and colors for Reviews email landing pages are managed globally. You can’t customize font or color styling separately for each landing page.