You will learn
Learn how to install Klaviyo Reviews on your Shopify 2.0 store by installing the app and adding reviews widgets.
If your Shopify store uses a vintage theme, you must copy and paste a few code snippets in order to add reviews widgets. Learn how to install Klaviyo Reviews on a vintage Shopify theme. If you use WooCommerce, learn how to install Klaviyo Reviews for WooCommerce.
Before you begin
Before you add these widgets to your Shopify store:
- Add the Klaviyo Reviews app on your Shopify store.
- Enable the Klaviyo app embed in your Shopify integration.
Available reviews widgets
Klaviyo Reviews provides several widgets you can add to your Shopify store:
- The star rating widget displays your current star rating for a particular product, and is most often added beneath your product’s name.
- The product reviews widget shows a chart breaking down all the ratings a product received, user images submitted with reviews, and the most common feedback the product has received.
Below that is a list of all published reviews and customer questions along with a search bar, review filters, a Write a Review button, and an Ask a Question button.
It’s usually added near the bottom of a product page. - The featured review carousel widget displays highlighted reviews from all 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.
Add reviews widgets to your site
These steps outline how to add Klaviyo Reviews widgets on a Shopify store using a Shopify 2.0 theme. If you use a Shopify vintage theme, you’ll need to manually install code snippets to add these widgets instead.
- In Klaviyo, navigate to Reviews.
- Click Reviews settings in the top right corner.
- Select Onsite widgets.
- Click the widget you'd like to install (e.g., Product reviews widget).
- Select Installation.
- In the Shopify 2.0 tab, click Install.
- You'll be directed to the editor for your current Shopify theme, with the widget added.
- Check the placement of the widget and adjust in the Shopify editor if needed.
- Click Save to publish your updates and set the widget live on your site.
- Repeat with additional widgets (e.g., star rating widget, featured review carousel widget) as desired.
Manually install widgets through your Shopify theme editor
If you'd prefer to manually install the reviews widgets rather than using the automatic installer, you can do so within your Shopify theme editor.
Manual installation steps
- In your Shopify Admin, navigate to Online Store > Themes.
- Click the three dots icon beneath your current theme.
- Click Duplicate to make a copy.
- Next to the new copy of your theme, click Customize.
- Follow the steps for each widget below.
Add a product reviews summary and list
- Click the dropdown menu labeled Home Page.
- Click Products > Default product (or whichever template you use for your product pages).
- In the sidebar, click Add Section.
- Select Product Reviews from the list.
Add a star rating under the product title
- Click the dropdown menu at the top of your Shopify site editor.
- Click Products > Default product (or whichever file you use for your product pages).
- In the Product information section, click Add block.
- Choose the Star Rating block.
- Use the icon to the right of the block name to reorder the block. The star rating widget is most commonly placed directly above the product price.
- Once you’re happy with the placement of your reviews widgets, click Save.
Display featured reviews anywhere on your site
- Navigate to the template for any page in your Shopify store.
- Click Add section.
- Click Apps.
- Select the Featured Reviews Carousel block.
- This block will display reviews you’ve chosen to feature in your Klaviyo Reviews admin.
If you'd like to add star ratings under a product name on a collection page, you'll need to edit your theme files and add the code snippet below within the product grid.
<div class="klaviyo-star-rating-widget" data-id="{{product.id}}" data-product-title="{{product.title}}"
data-product-type="{{product.type}}"></div>
This may require the help of a developer. Klaviyo's support team is not able to directly edit your theme files.
Outcome
Once you’ve added the widgets outlined in this article and set the new theme live, your reviews will appear on your site.
Additional resources