Customize the All Reviews Widget Display Settings
Plans: Essentials, Pro, Enterprise Platforms: Shopify
Display both your product and store reviews on a single page in your online store by activating the All reviews widget in AfterShip Reviews. The All reviews widget not only allows you to display customer reviews and ratings for products and store on a single page, but also enables customers to leave a review for your store directly from the widget.
In this article, we will show you:
Activate the All reviews widget
Customize the All reviews widget
Install All reviews widget on your store
Customer experience
Troubleshooting tips
FAQs
Key takeaways
Additional resources
Log in to your AfterShip Reviews account.
Navigate to Display settings on the side menu and select All reviews widget.
Enable the review widget by shifting the toggle to the right.
Select or Unselect AfterShip Branding checkbox depending upon whether you want to show Powered by AfterShip logo below your review section based on your requirements.
Click Customize on the review widget page to edit the aesthetics and functionality of the widget.
On the widget editor, you will get the following settings to fully set up your All reviews widget.
Layout
Choose how reviews are visually displayed.
Grid: Reviews shown in a tiled format.
List: Reviews displayed one below another.
Split: Store and product reviews shown in separate columns, usually reviewer name first and then the review.
Review display
Select which types of reviews to show for review and default tab.
A. Review tabs: Tab displayed at the top of your detailed reviews for customers to easily switch from product to store reviews and vice-e-versa.
Store reviews: Only display reviews about your store.
Product reviews: Only display reviews about specific products.
Store and product reviews: Show both store and product reviews together.
B. Default tab: Set which tab opens by default when the widget loads.
Store reviews: Only display reviews about your store.
Product reviews: Only display reviews about specific products.
Store and product reviews: Show both store and product reviews together.
Filter and sort
Allow users to organize and narrow down reviews by certain filters like All reviews or With photos/videos and sorting criteria.
Filter: Let users filter reviews by product, rating, etc.
Sort: Let users sort reviews using selected criteria.
A. Default sort
Define how reviews are sorted by default.
Most relevant: Prioritize the most meaningful reviews.
Highest ratings first: Show 5-star reviews at the top.
Lowest ratings first: Show 1-star reviews at the top.
Most recent: Newest reviews first.
Most helpful: Reviews with the most upvotes or engagement.
Review our store button
Adds a button to prompt users to submit a store review. Select whether you want to
Show button: Display the “Review our store” button.
Hide button: Do not display the button.
If you want to customize the review form that opens once customers click on the "Review our store" button, click the hyperlinked Settings option. This will take you to the review forms' customization page.
Custom questions
Control the visibility of custom questions and answers in All reviews widgets. The answers to custom questions will only be shown in the review details. The actual custom questions will not be shown when customers write a review. You can edit custom questions by clicking the hyperlinked Settings option. This will take you to the custom review forms' customization page.
Select whether you want to
Show custom questions: Display answers to custom questions within each review.
Hide custom questions: Do not show this section.
AfterShip branding
Toggle on/off the display of AfterShip's branding.
Remove "Powered by AfterShip": Hides AfterShip branding from the widget.
The display settings give you full control over how the All reviews widget is displayed on your site or platform. You can choose to show or hide elements, control alignment and formatting, and personalize what content appears in each review.
Widget header
This section allows you to customize the display settings of the title that appears at the top of the review widget.
Overall rating: This is where the average customer rating is displayed (usually in stars). This rating gives an overview of how customers feel about the product or store.
a. Title: This is the title of the all reviews widget. This could be something like Customer reviews or What our customers are saying.
b. Alignment: This controls how the content of the widget including the widget header, average rating, and the star ratings are aligned on the page.
- Left: Aligns the widget content to the left side of the container.
- Center: Centers the widget content in the middle of the container.
Star distribution: This determines whether or not the distribution of ratings (how many 1-star, 2-star, etc., ratings there are) is shown.
- Show: Displays a breakdown of how many reviews fall under each star rating
- Hide: Hides this breakdown from users.
Media gallery: This controls whether or not images or media (like videos or product photos) are shown in the review widget.
- Show: Displays any media attached to the review.
- Hide: Hides any media attached to the review.
Trustscore from Trustpilot: If you are integrating with Trustpilot, this setting controls whether or not the Trustpilot score is displayed on the widget.
- Show: Displays the Trustpilot score.
- Hide: Hides the Trustpilot score.
Review content
This section defines which details from the reviews are displayed and how. It also allows customization of the content shown.
Reviewer name: Whether or not the name of the reviewer is shown.
Country/Region Flag: Shows the flag of the country or region from where the review was submitted.
Review date: Displays the date when the review was submitted.
Helpful Button: A "helpful" button allows users to mark reviews as helpful or not, often with a thumbs-up/thumbs-down option.
Verified Badge: This badge shows whether the reviewer made a verified purchase or had a verified interaction with your business.
Review form: This is the form used to submit new reviews.
Form title: The title of the review submission form, like "Review our store."
Display (Reviews per page): This sets how many reviews will be shown on one page before users have to navigate to the next page.
Example: 10 here means 10 reviews will appear per page, and users can click to view more if there are additional reviews.
These style settings will be applied to both Reviews widget and All reviews widget.
Typography: Customize the font for the widget. Choose from a list or use the default font. Contact support if needed.
Photo/Video thumbnails: Adjust the size of thumbnails (Small, Medium, Large) for split layout.
Corner Radius: Set the corner radius size (Small, Medium, Large) for:
Buttons: Corner style for buttons.
Reviews: Corner style for review items in the split layout.
Spacing: Adjust spacing size (Small, Medium, Large) around review content in the split layout.
Reviews widget:
Stars: Choose the color for the star ratings.
Text: Set the text color for the review widget.
Review cards: Set background color for individual review cards.
Widget background: Set the background color for the entire review widget.
Widget header:
Background and stars: Set the background color for the header and the color of star rating.
Primary button:
Background: Set the background color for the Write a Review button.
Text: Set the text color for the button.
Stroke: Set the outline color or leave it transparent.
Secondary button:
Background: Set the background color for the Ask a Question button.
Text: Set the text color for the button.
Stroke: Set the outline color or leave it transparent.
Once the customization of the All reviews widget is done, the next step is to install the widget in your Shopify store.
In your Shopify admin, go to Online store.
Click Add page.
Give the page a title (e.g., "Customer Reviews") and click Save.
Navigate to Themes and click Customize. In the search box, enter the title of the page you just created and select it.
Click Add section, select the All Reviews Widget, and then click Save.
Check if the widget is enabled in your AfterShip Reviews settings.
Ensure you have saved all changes after customization and installation.
Make sure you’ve selected the correct page in the Customize section of Shopify.
Verify that you’ve enabled the visibility of custom questions in the All Reviews Widget settings.
Ensure that you have also customized the review form to include the questions.
Ensure the Media gallery option is set to Show in the display settings.
Check if customers have uploaded media (images/videos) with their reviews.
Double-check your alignment settings under the widget header (Left, Center).
Review your layout settings to ensure the correct format (Grid, List, Split) is selected.
If you don’t want the “Powered by AfterShip” branding, ensure you have unchecked the AfterShip Branding box in the widget settings.
The custom forms are product-level settings and data, while the Review our store button in the All Reviews Widget operates at the store level. As a result, the custom form details will appear in the review details, but they will not be displayed in the review form for customers when using the "Review Our Store" button in the widget.
All Reviews widget: Displays both store and product reviews on a single page. Customers can leave reviews directly from the widget.
Activation: Enable the widget in AfterShip Reviews and decide whether to show AfterShip branding.
Customization capability:
Choose layout (Grid, List, Split) and set review display options (store, product, or both).
Add filters, sorting options, and a “Review our store” button.
Control visibility of custom questions and other review details.
Display settings:
Customize the widget header, star distribution, media gallery, and review content.
Show details like reviewer name, verified badge, and country flag.
Style settings: Adjust typography, thumbnail size, corner radius, spacing, and colors to match your site.
Installation: Create a page in Shopify, add the All Reviews Widget, and save the changes.
Collect and showcase custom review questions
How to reposition the Review widget on your store
Overview
Display both your product and store reviews on a single page in your online store by activating the All reviews widget in AfterShip Reviews. The All reviews widget not only allows you to display customer reviews and ratings for products and store on a single page, but also enables customers to leave a review for your store directly from the widget.
What you’ll learn
In this article, we will show you:
Activate the All reviews widget
Customize the All reviews widget
Install All reviews widget on your store
Customer experience
Troubleshooting tips
FAQs
Key takeaways
Additional resources
Activate the All reviews widget
Log in to your AfterShip Reviews account.
Navigate to Display settings on the side menu and select All reviews widget.
Enable the review widget by shifting the toggle to the right.
Select or Unselect AfterShip Branding checkbox depending upon whether you want to show Powered by AfterShip logo below your review section based on your requirements.
Customize the All reviews widget
Click Customize on the review widget page to edit the aesthetics and functionality of the widget.
On the widget editor, you will get the following settings to fully set up your All reviews widget.
1. Settings
Layout
Choose how reviews are visually displayed.
Grid: Reviews shown in a tiled format.
List: Reviews displayed one below another.
Split: Store and product reviews shown in separate columns, usually reviewer name first and then the review.
Review display
Select which types of reviews to show for review and default tab.
A. Review tabs: Tab displayed at the top of your detailed reviews for customers to easily switch from product to store reviews and vice-e-versa.
Store reviews: Only display reviews about your store.
Product reviews: Only display reviews about specific products.
Store and product reviews: Show both store and product reviews together.
B. Default tab: Set which tab opens by default when the widget loads.
Store reviews: Only display reviews about your store.
Product reviews: Only display reviews about specific products.
Store and product reviews: Show both store and product reviews together.
Filter and sort
Allow users to organize and narrow down reviews by certain filters like All reviews or With photos/videos and sorting criteria.
Filter: Let users filter reviews by product, rating, etc.
Sort: Let users sort reviews using selected criteria.
A. Default sort
Define how reviews are sorted by default.
Most relevant: Prioritize the most meaningful reviews.
Highest ratings first: Show 5-star reviews at the top.
Lowest ratings first: Show 1-star reviews at the top.
Most recent: Newest reviews first.
Most helpful: Reviews with the most upvotes or engagement.
Review our store button
Adds a button to prompt users to submit a store review. Select whether you want to
Show button: Display the “Review our store” button.
Hide button: Do not display the button.
If you want to customize the review form that opens once customers click on the "Review our store" button, click the hyperlinked Settings option. This will take you to the review forms' customization page.
Custom questions
Control the visibility of custom questions and answers in All reviews widgets. The answers to custom questions will only be shown in the review details. The actual custom questions will not be shown when customers write a review. You can edit custom questions by clicking the hyperlinked Settings option. This will take you to the custom review forms' customization page.
Select whether you want to
Show custom questions: Display answers to custom questions within each review.
Hide custom questions: Do not show this section.
AfterShip branding
Toggle on/off the display of AfterShip's branding.
Remove "Powered by AfterShip": Hides AfterShip branding from the widget.
2. Content
The display settings give you full control over how the All reviews widget is displayed on your site or platform. You can choose to show or hide elements, control alignment and formatting, and personalize what content appears in each review.
Widget header
This section allows you to customize the display settings of the title that appears at the top of the review widget.
Overall rating: This is where the average customer rating is displayed (usually in stars). This rating gives an overview of how customers feel about the product or store.
a. Title: This is the title of the all reviews widget. This could be something like Customer reviews or What our customers are saying.
b. Alignment: This controls how the content of the widget including the widget header, average rating, and the star ratings are aligned on the page.
- Left: Aligns the widget content to the left side of the container.
- Center: Centers the widget content in the middle of the container.
Star distribution: This determines whether or not the distribution of ratings (how many 1-star, 2-star, etc., ratings there are) is shown.
- Show: Displays a breakdown of how many reviews fall under each star rating
- Hide: Hides this breakdown from users.
Media gallery: This controls whether or not images or media (like videos or product photos) are shown in the review widget.
- Show: Displays any media attached to the review.
- Hide: Hides any media attached to the review.
Trustscore from Trustpilot: If you are integrating with Trustpilot, this setting controls whether or not the Trustpilot score is displayed on the widget.
- Show: Displays the Trustpilot score.
- Hide: Hides the Trustpilot score.
Review content
This section defines which details from the reviews are displayed and how. It also allows customization of the content shown.
Reviewer name: Whether or not the name of the reviewer is shown.
Country/Region Flag: Shows the flag of the country or region from where the review was submitted.
Review date: Displays the date when the review was submitted.
Helpful Button: A "helpful" button allows users to mark reviews as helpful or not, often with a thumbs-up/thumbs-down option.
Verified Badge: This badge shows whether the reviewer made a verified purchase or had a verified interaction with your business.
Review form: This is the form used to submit new reviews.
Form title: The title of the review submission form, like "Review our store."
Display (Reviews per page): This sets how many reviews will be shown on one page before users have to navigate to the next page.
Example: 10 here means 10 reviews will appear per page, and users can click to view more if there are additional reviews.
3. Style
These style settings will be applied to both Reviews widget and All reviews widget.
Display
Typography: Customize the font for the widget. Choose from a list or use the default font. Contact support if needed.
Photo/Video thumbnails: Adjust the size of thumbnails (Small, Medium, Large) for split layout.
Corner Radius: Set the corner radius size (Small, Medium, Large) for:
Buttons: Corner style for buttons.
Reviews: Corner style for review items in the split layout.
Spacing: Adjust spacing size (Small, Medium, Large) around review content in the split layout.
Color
Reviews widget:
Stars: Choose the color for the star ratings.
Text: Set the text color for the review widget.
Review cards: Set background color for individual review cards.
Widget background: Set the background color for the entire review widget.
Widget header:
Background and stars: Set the background color for the header and the color of star rating.
Primary button:
Background: Set the background color for the Write a Review button.
Text: Set the text color for the button.
Stroke: Set the outline color or leave it transparent.
Secondary button:
Background: Set the background color for the Ask a Question button.
Text: Set the text color for the button.
Stroke: Set the outline color or leave it transparent.
All reviews widget installation
Once the customization of the All reviews widget is done, the next step is to install the widget in your Shopify store.
In your Shopify admin, go to Online store.
Click Add page.
Give the page a title (e.g., "Customer Reviews") and click Save.
Navigate to Themes and click Customize. In the search box, enter the title of the page you just created and select it.
Click Add section, select the All Reviews Widget, and then click Save.
Customer experience
Troubleshooting tips
Issue: Widget not showing up on store
Check if the widget is enabled in your AfterShip Reviews settings.
Ensure you have saved all changes after customization and installation.
Make sure you’ve selected the correct page in the Customize section of Shopify.
Issue: Custom questions details not displaying in review details
Verify that you’ve enabled the visibility of custom questions in the All Reviews Widget settings.
Ensure that you have also customized the review form to include the questions.
Issue: Review media not displaying on widget
Ensure the Media gallery option is set to Show in the display settings.
Check if customers have uploaded media (images/videos) with their reviews.
Issue: Alignment and layout issues
Double-check your alignment settings under the widget header (Left, Center).
Review your layout settings to ensure the correct format (Grid, List, Split) is selected.
Issue: AfterShip branding showing under the review widget
If you don’t want the “Powered by AfterShip” branding, ensure you have unchecked the AfterShip Branding box in the widget settings.
FAQ
1. Why are the custom form details shown in the review details, but not in the actual form when customers write a review?
The custom forms are product-level settings and data, while the Review our store button in the All Reviews Widget operates at the store level. As a result, the custom form details will appear in the review details, but they will not be displayed in the review form for customers when using the "Review Our Store" button in the widget.
Key takeaways
All Reviews widget: Displays both store and product reviews on a single page. Customers can leave reviews directly from the widget.
Activation: Enable the widget in AfterShip Reviews and decide whether to show AfterShip branding.
Customization capability:
Choose layout (Grid, List, Split) and set review display options (store, product, or both).
Add filters, sorting options, and a “Review our store” button.
Control visibility of custom questions and other review details.
Display settings:
Customize the widget header, star distribution, media gallery, and review content.
Show details like reviewer name, verified badge, and country flag.
Style settings: Adjust typography, thumbnail size, corner radius, spacing, and colors to match your site.
Installation: Create a page in Shopify, add the All Reviews Widget, and save the changes.
Additional resources
Collect and showcase custom review questions
How to reposition the Review widget on your store
Updated on: 11/05/2025