How to customize review widgets

Estimated 10 minute read

|

Updated Oct 1, 2025, 12:00 AM EST

Table of contents

• Available reviews widgets
• Select a language for reviews widgets and submission pages
• Hide review widgets until a product has received reviews
• Change widget appearance
• Disable or enable review filters and actions
• Choose whether to feature product images in your reviews summary
• Hide items from the reviews list
• Select reviews to display in the featured reviews carousel
• Additional resources

Learn how to customize the appearance of your review widgets (e.g., the blocks on your store that display and accept product reviews).

Available reviews widgets

Klaviyo Reviews provides several widgets you can add to your store:

• Star rating widget Displays your current star rating for a particular product, and is most often added beneath your product’s name.

• Review summary widget Shows a chart breaking down all the ratings a product has received, user images submitted with reviews, and the most common customer feedback. It’s usually added near the bottom of a product page.

• Review list widget Displays a list of all published reviews and customer questions along with a search bar, filters, a Write a Review button, and an Ask a Question button. It’s most often added immediately below the review summary widget.

• Product reviews widget A combination of the reviews summary and review list widgets above. If you add the product reviews widget to your site, you don’t need to add the review list and review summary widgets separately.
• Featured review carousel widget Displays selected reviews from any of your products. This can be featured on your homepage, on a standalone reviews page, or anywhere else on your site. You can select the reviews that are featured in this widget. If available, customer-submitted images accompany each review; your product images are used if no image was submitted alongside the review.

• The SEO / All reviews widget displays all your reviews across all products on a single page. Use this widget to improve your SEO and provide a single place for potential customers to see what your current customers love. This widget is most often added to a standalone Reviews page on your site.

You can choose your brand fonts and colors, as well as hand-select reviews to highlight in the featured review carousel. Customization options vary by widget.

Select a language for reviews widgets and submission pages

By default, the interface text in Klaviyo Reviews widgets and submission pages is in English. To select a different language:

1. Navigate to the Reviews tab in Klaviyo.
2. Click Reviews settings.

1. Select General.

1. In the Select language menu, choose your language.
2. Optional: Turn on Set language based on visitor preferences to choose the language based on each visitor’s browser preferences.
3. Click Save changes.

Updating your language for Klaviyo Reviews applies to:

• Review submission page
• Onsite widgets
• Star rating widget
• Review summary widget
• Review list widget
• Product reviews widget
• Featured review carousel widget
• SEO / All reviews widget

Language settings apply across your widgets and submission page, including widgets already installed on your site. You cannot select a separate language for each widget in the editor. If Set language based on visitor preferences is on, the displayed language can vary by visitor.

Updating your language for Klaviyo Reviews does not apply to any other Klaviyo features (e.g., custom questions, flows, sign-up forms, preference pages, the content of customer-submitted reviews, etc.). These must be manually translated and edited.

Hide review widgets until a product has received reviews

These instructions apply to the star rating and product reviews widgets, including separately installed review summary and review list widgets.

By default, a product with no reviews will show 0/5 stars and a message indicating that no reviews have been submitted yet. If you’d prefer to hide the widget until you receive reviews, follow these steps:

1. Open the Reviews tab in Klaviyo.
2. Select Reviews settings.
3. Click Onsite widgets.
4. Select Product reviews or Star rating.
5. Open the Empty state menu.
6. Toggle the Show with zero stars setting off.

1. Click Publish changes. Repeat for each widget you want to hide when it has no reviews.

Change widget appearance

Follow these steps to adjust widget styles, such as fonts, colors, and spacing. The SEO / All reviews widget shares colors and fonts with Product reviews, as explained below.

1. Open the Reviews tab in Klaviyo.
2. Select Reviews settings.
3. Click Onsite widgets.
4. Choose Product reviews, Star rating, or Featured reviews carousel.
5. For Product reviews or Star rating, click Layout & style. For Featured reviews carousel, use the separate Layout and Style panels.
6. Adjust the widget’s appearance as desired, including fonts, colors, and spacing.
7. Click Publish changes.

Changing a setting in one review widget (e.g., button color) does not change other widgets, except SEO / All reviews. This widget inherits colors and fonts from Product reviews, but its layout is locked and some display settings differ. To change its layout or style it separately from Product reviews, use custom CSS.

Available review style settings

Open each dropdown menu to learn more about the style options available for that category.

Product reviews widget

In the Layout & style section of the product reviews style settings, you can adjust the following settings:

• Margin Adjust the space at the top, bottom, left, and/or right of the widget.
• Primary background color Toggle this setting on to add a background color for the full widget area.
• Secondary background colorEdit the color for certain widget elements like histogram bars.
• Accent color Edit the color used for various accents, including the selection on a range question and verified reviewer badges.
• Corner radius Apply rounded corners to the entire product review widget area. Note that this is only visible if you add a primary background color.
• Division lines Add optional lines between each review.
• Primary font Choose Inherit from site to use your existing site font, or select a font. This sets the widget’s base font. Supporting text also uses secondary font settings, while buttons and filters have their own font controls.
• Secondary font Choose Inherit from site to use your existing site font, or select a font. Secondary font settings style supporting text, including the star histogram labels, review timestamps, and the /5 portion of the average rating. Use Filters to style the search field and review filters.
• Font size, weight, and color Adjust the size, weight, and color for the primary and secondary fonts, respectively.
• Button settings
• Color Button color.
• Corner radius The roundness of button corners. Set to 0 for no rounding.
• Border A colored border around the button.
• Specify hover color If buttons should change color on hover, enable this setting.
• Padding Padding within each button, surrounding the button text. Adding padding will make the button appear larger.
• Font, font size, font weight, font color The font used for the widget buttons.
• Rating settings
• Filled color The color of selected stars (e.g., if a product is rated 4/5 stars, the first 4 stars use this color).
• Empty color The color of non-selected stars (e.g., if a product is rated 4/5 stars, the 5th star uses this color).
• Border An optional colored border surrounding all stars.
• Spacing The space between each star.
• Shape Choose alternate rating styles, like sharp stars, rounded hearts, and more.
• Size
  • Summary The size of the stars within the review summary.
  • Review The size of the stars within each customer review.
• Filters settingsFilters settings apply to the search field and review filters.
• Background color The background color of the filter buttons and search bar.
• Active stroke width, color The width and color of the border indicating an active (i.e., selected) filter option. (Minimum 1.)
• Corner radius The rounding of corners on the search field. For no rounding, select 0 px.
• Search icon Toggle the magnifying glass search icon on or off.
• Font style, Font color, Letter spacing, and Placeholder text color Style the text in the search field and review filters, including the search placeholder.
• Images settings
• Summary images corner radius Rounding on the selection of summary images in the review summary.
• Review images corner radius Rounding on each image within individual reviews.
• Review images size The size of images included with individual reviews.

Featured reviews carousel

In the Layout section of the featured reviews carousel style settings, you can adjust the following settings:

• Section headline Add or edit a headline, such as Customer reviews.
• Carousel type Choose whether the carousel should display images, or only text.
• Max reviews per page Choose how many featured reviews to display per page.
• Text limit Choose how many lines of text to include in each review preview.
• Image height Edit the size of the image included with the review preview.
• Margin Adjust the space at the top, bottom, left, and/or right of the widget.
• Text alignment Whether text should be left, right, or center aligned.
• Card items Toggle on or off the option to display a review's date, author, and verification badge.

In the Style section of the featured reviews carousel style settings, you can adjust the following settings:

• Section headline font settings Font, font color, and font size for the section headline. Note that Section headline must be enabled under Layout for this setting to apply to your widget.
• Corner radius Modify the corner rounding on each featured review tile.
• Card color Add a background color of each review tile.
• Shadow Add or remove a shadow from the cards.
• Border Add or remove a border from the cards.
• Rating style settings
• Filled color The color of selected stars (e.g., if a product is rated 4/5 stars, the first 4 stars use this color).
• Empty color The color of non-selected stars (e.g., if a product is rated 4/5 stars, the 5th star uses this color).
• Border An optional colored border surrounding all stars.
• Spacing The space between each star.
• Size The size of the stars within each customer review.
• Shape Choose alternate rating styles, like sharp stars, rounded hearts, and more.
• Review headline font settings Choose Inherit from site to use your existing site font, or select a font and font size, weight, and color.
• Review body font settings Choose Inherit from site to use your existing site font, or select a font and font size, weight, and color.
• Date and name labels font settings Choose Inherit from site to use your existing site font, or select a font and font size, weight, and color.

Star rating

• Margin Adjust the space at the top, bottom, left, and/or right of the widget.
• Rating style settings
• Filled color The color of selected stars (e.g., if a product is rated 4/5 stars, the first 4 stars use this color).
• Empty color The color of unfilled (i.e., non-selected) stars (e.g., if a product is rated 4/5 stars, the 5th star uses this color).
• Border An optional colored border surrounding all stars.
• Spacing The space between each star.
• Size The size of the stars in the star rating widget.
• Shape Choose alternate rating styles, like sharp stars, rounded hearts, and more.
• Primary fontEdit the font used for the text # ratings. Choose Inherit from site to use your existing site font, or select a font.
• Font size, weight, and color Adjust the size, weight, and color for the # ratings text.

Disable or enable review filters and actions

Allow your customers to filter reviews by rating, media (i.e., whether reviews contain images), or their answers to custom questions. This can help potential customers find the reviews most relevant to them.

1. Navigate to the Reviews tab in Klaviyo.
2. Click Reviews settings.
3. Select Onsite widgets.
4. Select Product reviews.
5. Select Review list.
6. To show or hide the Q&A button and tab, or the Write a review button, check or uncheck that option in the Actions card.
7. To remove or add the filters section in your review list widget, disable or enable the Filters toggle.
8. Check or uncheck Search bar, Sorting, and the available Review filters: Rating, Media, Custom questions, or Variant. The Variant option is available when Enable product variant support is on in General settings and Variant is selected under Review items.
9. Click Publish changes.

About most relevant filtering

The Most relevant filter highlights the reviews users are most likely to find helpful. When selected, reviews will appear in this order:

1. Reviews with text, images, or custom questions submitted from the visitor's country
2. Reviews without any content (i.e., rating-only reviews) submitted from the visitor's country
3. Reviews with text, images, or custom questions submitted from other countries
4. Reviews without any content (i.e., rating-only reviews) submitted from other countries

Within each category, reviews are ordered by submission date, with the most recent appearing first.

Choose whether to feature product images in your reviews summary

Review summaries include an optional gallery of customer-submitted product images. To enable or disable this gallery:

1. Navigate to the Reviews tab in Klaviyo.
2. Click Reviews settings.
3. Select Onsite widgets.
4. Select the Product reviews widget.
5. Select Review summary & media.
6. Toggle the Image gallery setting off or on.

1. Click Publish changes.

Hide items from the reviews list

These instructions apply to the review list widget.

You can hide elements from your reviews list (e.g., review author, store reply, timestamp) if desired. To do so:

1. Open the Reviews tab in Klaviyo.
2. Select Reviews settings.
3. Click Onsite widgets.
4. Choose Product reviews.
5. Click Review list.
6. Under Review items, uncheck any elements you want to hide.
7. Click Publish changes.

The available Review filters depend on which review items you display: Star rating, Media, Custom questions, and, when product variant support is enabled, Variant. If you hide all of these items, the Review filters options disappear. Search bar and Sorting can still be enabled in the Filters card.

Select reviews to display in the featured reviews carousel

Featured reviews will appear in the featured reviews carousel. You can feature published product reviews that contain review text. To choose which reviews to feature:

1. Navigate to the Reviews tab.
2. Select All reviews.
3. Next to a review you’d like to feature, click Feature. If you see More feature options, select Add to featured reviews to feature the full review.

1. Repeat as desired. We recommend selecting at least 3–5 reviews to highlight.

Additional resources

• How to install Klaviyo Reviews on Shopify 2.0 themes

Learn how to install Klaviyo Reviews on your Shopify 2.0 store by installing the app and adding reviews widgets. - How to install Klaviyo Reviews on Shopify (vintage themes and headless)

Learn how to install Klaviyo Reviews with a vintage Shopify theme or headless architecture. This process involves copying several code snippets and pasting them into your site’s code. - How to install Klaviyo Reviews for WooCommerce

Learn how to install Klaviyo Reviews on your WooCommerce store and add reviews widgets. To learn about all the steps required to get started, head to Getting started with Klaviyo Reviews.

Was this article helpful?

YesNo

Use this form only for article feedback. Learn how to contact support.

Explore more from Klaviyo

Community

Connect with peers, partners, and Klaviyo experts to find inspiration, share insights, and get answers to all of your questions.

Visit Community

Partners

Hire a Klaviyo-certified expert to help you with a specific task, or for ongoing marketing management.

Hire a partner

Support

Access support through your account.

Email support (free trial and paid accounts) Available 24/7

Chat/virtual assistance Availability varies by location and plan type

Log in