Available on the Awesome plan
Keep reviews always within reach with the Floating Reviews Tab — Start your 15-day free trial to unlock all premium features.
The Floating Reviews Tab is a tab on the side of your store's pages that opens your store and product reviews in a pop-up, so customers can read them without leaving the page. You can also let customers write a store review from the pop-up.
Supported pages
Once enabled, the Floating Reviews Tab will show in the following pages in a 2.0 and Vintage theme:
Home page
Product page
Collection page
Page
Blog
Article
Cart page
List collection page
Considerations
The Floating Reviews Tab will appear on your storefront even if your store has no published reviews yet. In that case, it will display an empty state when opened.
The Floating Reviews Tab shows product reviews and store reviews only. The Questions & Answers (Q&A) tab is not available in the Floating Reviews Tab.
Add the Floating Reviews Tab
Available on the Awesome plan
To install the Floating Reviews Tab:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Edit theme.
From the menu on the top left, click the App embeds icon (the third icon).
Enable the Judge.me app embed.
Enable the Floating tab app embed.
Click Save on the top right.
To remove the Floating Reviews Tab:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Edit theme.
From the menu on the top left, click the App embeds icon (the third icon).
Disable the Floating tab app embed.
Click Save on the top right.
Change the Floating Reviews Tab position
Available on the Awesome plan
To change the position of the Floating Reviews Tab:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Edit theme.
In the left menu, click the App embeds icon (the third icon).
Find the Floating tab app embed.
Click on it to open its settings.
For Position, select one of the following options: Left, Right, Bottom.
Click Save on the top right.
Choose a theme for the Floating Reviews Tab
Available on the Awesome plan
To choose a theme for the Floating Reviews Tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Open the Theme section.
For Floating Tab Widget Theme, select one of the following themes:
Default
Cards
Align
Slider
Click Save.
The theme selected here will apply to the Review Widget (legacy version), the Happy Customers Widget (legacy version) and Floating Reviews Tab. It's not possible to select a separate theme for these 3 widgets.
Customize the Floating Reviews Tab with in-app settings
As you customize the Floating Reviews Tab in your Judge.me Reviews app, you'll see your changes update instantly in the live preview on the right.
The Floating Reviews Tab uses the same version as your Happy Customers Widget: the Happy Customers Widget (new version) or the Happy Customers Widget (legacy version). A few settings below are available on only one of them, and each says which.
Tab style
Available on the Awesome plan
To choose the tab style of the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Theme section, for Tab style, select one of the following options:
Stars and average rating — shows 5 star icons and your average rating on the tab
Text only (default) — shows the text from the Tab name field on the tab
Click Save.
Tab color
Available on the Awesome plan
To change the color of the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Color section, for Widget theme, select Custom color.
Set the Background color to the color you want for the tab.
Set the Text color to the color you want for the text on the tab.
Click Save.
Tab texts
Available on the Awesome plan
To change the texts in the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Text section, in the Tab title field, enter your title.
Optional: In the Tab name field, enter the text you want on the tab (available only when Tab style is set to Text only).
Click Save.
Option | Default text |
Tab name | ★ Reviews |
Tab title | Let customers speak for us |
Link the Floating Reviews Tab to a reviews page
Available on the Awesome plan
This setting is available only when your store uses the Happy Customers Widget (legacy version).
To send customers to your reviews page when they click the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Text section, check Link widget to All Reviews Page if available.
In the Floating Reviews Tab URL field, enter the URL of your reviews page.
Click Save.
Mobile and tablet devices
Available on the Awesome plan
To hide the Floating Reviews Tab on mobile and tablet devices:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Display properties section, check Hide widget on mobile and tablet devices.
Click Save.
Write a review button
Available on the Awesome plan
This setting is available only when your store uses the Happy Customers Widget (new version).
To show the Write a review button in the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Display properties section, check Show Write a review button.
Click Save.
The button shows at the top of the pop-up and works like the one on your Happy Customers Widget: it opens your store review form.
Customers see the button only when your Who can see a button to write reviews in widgets setting lets them. To change who can see it, see Collecting web reviews.
Store and product reviews subtabs
Available on the Awesome plan
These settings are available only when your store uses the Happy Customers Widget (legacy version), and they change it too.
To change the subtabs in the Floating Reviews Tab:
From your Judge.me Reviews app, go to Settings > Widgets > Floating Reviews Tab.
In the Store reviews section, from the Subtab order dropdown, select one of the following options:
Product reviews first (default)
Store reviews first
Optional: In the Store reviews title field, enter your title.
Optional: In the Product reviews title field, enter your title.
Optional: In the Write a store review button text field, enter your button text.
Click Save.
Option | Default text |
Store reviews title | Shop Reviews |
Product reviews title | Product Reviews |
Write a store review button text | Write a Store Review |
Customize the Floating Reviews Tab with CSS
Available on the Awesome plan
To add custom CSS in Judge.me for the Floating Reviews Tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Advanced section at the bottom.
Open the Custom CSS (Advanced) editor.
Paste the CSS code from the table below into the editor. The Custom CSS editor is limited to 500 characters.
Click Save.
What you want to change | CSS code |
To remove the "Based on | .jdgm-revs-tab__url span { |
Show the Floating Reviews Tab only on the home page | body:not(.template-index) .jdgm-floating-widget { |
Show the Floating Reviews Tab only on product pages | body:not(.template-product) .jdgm-floating-widget { |
Note: Some CSS snippets use Shopify's template body classes (e.g. template-index for the home page, template-product for product pages). Most 2.0 themes add these classes automatically. If your theme doesn't, add {{ template | handleize }} as a class on the <body> tag in layout/theme.liquid.
Resources
Get your free trial:
📈 Unlock Questions & Answers widget and more with a 15-day free trial of the Awesome Plan—start today and enjoy increased social proof and higher conversions.
Follow us on LinkedIn:
📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.