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.
Last updated
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.
Last updated
Who can use this feature?
This feature is available in all plans.
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.
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.
Adjust the review Heading, layout, and display colors as desired.
Preview the changes in the theme editor and click "save" the changes.
Choose between 'Simple' and 'Modern' styles for color customization options.
Simple preset
Modern preset
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
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.
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.
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.