Skip to main content

AI Reviews Summary Widget

Learn how to add the AI Reviews Summary Widget to your Shopify store using the theme editor and display a store-level, AI-generated summary of your reviews.

Updated yesterday

Available on the Awesome plan.

Unlock the AI Review Summary Widget to showcase a store-level AI summary with a 15-day free trial.

The AI Reviews Summary Widget is a standalone widget that lets you display an AI-generated summary of your customer reviews.

It highlights overall sentiment and shows your average rating and total review count, helping shoppers quickly understand your storeโ€™s reputation without reading individual reviews.

You can add this widget to any page of your store using the Shopify theme editor, including your homepage, landing pages, or content pages.


How it looks

The AI Reviews Summary Widget typically includes these key visual elements by default:

  • The title, which consists of:

    • The Customers rate this store header

    • Your store's average rating

    • Your store's total number of reviews

    • A green verified badge, followed by the Verified text

  • The main AI-generated review summary paragraph

  • If enabled, the keywords with sentiment (e.g., Price ๐Ÿ‘, Quality ๐Ÿ‘, Delivery ๐Ÿ‘Ž) visually show what customers like or dislike.

  • The AI-powered review summary based on recent customer reviews disclaimer text

  • If enabled, the View customer reviews button

Here's how it looks:


How it works

Here's how the AI Reviews Summary Widget works:

  1. Once your store has more than 5 published text reviews, AI will analyze up to 500 of the most recent published product and store reviews.

  2. AI then creates:

    • A short summary highlighting common themes or sentiments from those reviews.

    • A list of keywords that represent frequently mentioned topics.

  3. The summary and keywords are refreshed automatically every 30 days.


Considerations

  • The AI Reviews Summary Widget reflects overall store feedback, which includes both product and store reviews, not individual products. To generate a separate summary for each individual product, you can enable the AI product review summary in the Review Widget (new version) instead.

  • The AI summary and sentiment keywords cannot be edited.

  • The AI-powered review summary based on recent customer reviews disclaimer text is a system label and cannot be edited or customized.

  • The rating value and review count are added automatically and canโ€™t be edited.

  • Text customization applies to your primary language. Other languages are translated automatically.


Add the AI Review Summary Widget

Step 1: Enable Judge.me app embed

To enable Judge.me app embed:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Edit theme.

  3. From the menu on the left, click the App embeds icon (the third icon).

  4. Enable the Judge.me app embed.

  5. Click Save on the top right.

Step 2: Add the AI Reviews Summary Widget block

To install the AI Reviews Summary Widget in Shopify theme editor:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Edit theme.

  3. At the top of the theme editor, open the template dropdown in the middle.

  4. Select a template where you want to show the AI Reviews Summary Widget.

  5. On the left panel, inside Template, click (+) Add section.

  6. Go to the Apps tab.

  7. Select the AI Reviews Summary (Paid) block.

  8. (Optional) Hover over the block, hold the 6-dot icon (โ‹ฎโ‹ฎ), and drag it up or down to change its position.

  9. Click Save on the top right.


Customize the AI Review Summary Widget with built-in settings

To access all settings for the AI Review Summary Widget in Shopify theme editor:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Edit theme.

  3. At the top of the theme editor, open the template dropdown in the middle.

  4. Select the template where you added the AI Review Summary Widget.

  5. On the left panel, inside Template, find the AI Reviews Summary (Paid) block you added.

  6. Click the block to open its settings.

Once opened, you can customize the theme, styling, and header text of that specific AI Review Summary Widget block.

1. Preview data

You can still enable sample data to see how the AI Review Summary Widget looks in the preview of your Shopify Theme Editor. This setting does not affect the live storefront.

To show sample reviews for the Cards Carousel in your Shopify Theme Editor:

  1. Go to the AI Review Summary Widget settings.

  2. At the top of the page, switch between:

    • Sample data: Preview how the widget looks with example content

    • Real data: Preview your actual AI review summary

  3. Click Save on the top right.

2. Theme

Expanded theme

With the Expanded theme, the AI summary is fully visible on the page. If enabled, the sentiment keywords and the View customer reviews button are all displayed by default.

To use the Expanded theme for the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Open the Theme dropdown.

  3. Select Expanded.

  4. Then, to show or hide the sentiment keywords, enable Show keywords with sentiment.

  5. To show or hide the View customer reviews button, enable Show action button.

  6. Click Save on the top right.

Accordion theme

With the Accordion theme, the AI summary appears as a collapsible tab. Only the first 2 lines of the summary are shown initially, and customers can click to expand and view the full content. The sentiment keywords and the View customer reviews button (if enabled) can appear either inside or outside the accordion, depending on your settings.

To use the Accordion theme for the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Open the Theme dropdown.

  3. Select Accordion.

  4. Then, to show or hide the sentiment keywords:

    • Open the Keywords with sentiment dropdown.

    • Select one of the following options:

      • Shown โ€“ The sentiment keywords are always visible on the page.

      • When click โ€“ The sentiment keywords are only displayed after customers click to expand the summary.

      • Hidden โ€“ The sentiment keywords are not displayed.

  5. To show or hide the View customer reviews button:

    • Open the Action button dropdown.

    • Select one of the following options:

      • Shown โ€“ The button is always visible on the page.

      • When click โ€“ The button is only displayed after customers click to expand the summary.

      • Hidden โ€“ The button is not displayed.

  6. Click Save on the top right.

Button theme

With the Button theme, only the See AI reviews summary button is shown on the page. When clicked, the full AI summary, the sentiment keywords and the View customer reviews button (if enabled) appear in a pop-up.

To use the Button theme for the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Open the Theme dropdown.

  3. Select Button.

  4. Then, use the color picker or enter a hex code to define your own colors for these elements:

    • Button theme color โ€“ To change the background color of the See AI reviews summary button

    • Button theme text color โ€“ To change the text color of the See AI reviews summary button

  5. To show or hide the sentiment keywords, enable Show keywords with sentiment.

  6. To show or hide the View customer reviews button, enable Show action button.

  7. To change the See AI reviews summary button text:

    • Scroll down to the TEXT section at the bottom.

    • In the Button field, edit the default "See AI reviews summary" texts.

  8. Click Save on the top right.

3. Styling

Alignment

To change the text alignment of the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. For Alignment, switch between Left and Center.

  4. Click Save on the top right.

Text size

To control the font size for the title and texts in the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. To adjust the font size of the Customers rate this store header:

    • Open the Title size dropdown.

    • Select one of the following options: Default, Large, Extra large.

  4. To adjust the text size:

    1. Open the Title size dropdown.

    2. Select one of the following options: Default, Large, Extra large.

  5. Click Save on the top right.

Corner styling

To choose the corner style for the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. Open the Corner styling dropdown.

  4. Select one of the following options: Square, Soft, Round, Extra round.

  5. Click Save on the top right.

Colors

To customize the colors used in the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. Use the color picker or enter a hex code to define your own colors for these elements:

    • Widget color

    • Text color

    • Lighter text color

    • Button color

    • Button text color

  4. Click Save on the top right.

Sentiment icon colors

By default, the sentiment icons (thumbs up/down markers) are color-coded to reflect customer sentiment:

  • Positive icons appear in green.

  • Negative icons appear in red.

If you prefer a more minimal look, you can enable the one-tone color option.
When enabled, all sentiment icons will appear in the same neutral color, regardless of whether they are positive or negative.

To show the sentiment icons in a one-tone color:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. Enable Show sentiment markers in lighter text.

  4. Click Save on the top right.

Maximum width

To limit how wide the AI Review Summary Widget appears on the page:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the STYLING section.

  3. Adjust the Maximum width using the slider or by entering a pixel value (300 to 1200px).

  4. Click Save on the top right.

4. Text

To adjust the Customers rate this store header text in the AI Review Summary Widget:

  1. Go to the AI Review Summary Widget settings.

  2. Scroll down to the TEXT section at the bottom.

  3. In the Heading field, edit the default "Customers rate this store" texts.

  4. Click Save on the top right.


Resources

  1. Get your free trial:

    ๐Ÿค– Unlock the AI Reviews Summary Widget to showcase a store-level, AI-generated summary of your reviews and help shoppers quickly understand your storeโ€™s reputation with a 15-day free trial!

  2. See our latest updates:

    โžก๏ธ Check our Unboxed page to discover newly launched features and improvements from Judge.me. See whatโ€™s new and start using the latest updates to grow your store.

Did this answer your question?