Review box

The Review Box is a powerful tool for displaying customer feedback directly on your product pages, enhancing trust and boosting sales. Let’s dive into how you can customize this feature.

Who can use this feature?

This feature is available in all plans.

1. Setting up Review box in themes editor

Head to "Display reviews" section on the left side menu.

Locate "Review box" feature, and click on "Setup" to start the process.

In "Choose positions" panel, click "Go to theme" to decide where to show your review box.

1.1 Position the Review Box

• Click on "App Embeds" on the left side menu.

• Locate Air Reviews app. Toggle the button on to use Air Reviews app.

• Click 'Add block', then find the "Review Box" by Air Product Reviews and click on it.

1.2 Customize Appearance

• Adjust the review Heading, layout, and display colors as desired.

• Preview the changes in the theme editor and click "save" the changes.

2. Configuration Details

2.1 Design Styles

Choose between 'Simple' and 'Modern' styles for color customization options.

• Simple preset

• Modern preset

2.2 Layout Types

Opt for a "List" or "Grid" layout in both desktop and mobile modes.

• List layout

• Check the preview in the Desktop mode.

• Grid layout

• Check the preview in the Desktop mode

2.3 Box Contents

Customize headings, date formats, and review card variations.

• Enter an alternative Heading for the default one "Review" and see the preview.

• Select the date format of your choice and see the preview.

• Review by variant: Tick to show variant in the review box and see the preview.

2.4 Advanced Settings:

Set advanced options when showing review box.

• Hide review summary when there is no review yet.

• Sorting default: enable you to choose the default option for sorting rule in review box.

The default sorting settings in Review box + All review block is “Recent”

• Show policy: Tick to show. You can also edit your message.

• You can also add your customized CSS to adjust the appearance.

2.5 Snippet code

Snippet code enable you to insert the Review box into anywhere on product page, here's how you can do it yourself:

• Copy the Snippet Code.

• Go to 'Theme', click on 'Actions', and then 'Edit code'.

• Insert the copied code into ‘main-product.liquid’ or ‘product-template.liquid’ at your desired location.

• Save your changes and view the review box on your storefront to ensure it displays correctly.

• Have a look at your result in your store.

This guide provides a straightforward approach to configuring your review display, making it easier for you to enhance the user experience on your Shopify site.