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 compact, interactive widget that appears as a floating button on the side of your store’s screen. When clicked, it reveals a lightweight version of your All Reviews Page, allowing visitors to read store and product reviews without leaving their current page.
Add the Floating Reviews Tab
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.
In the left menu, 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.
In the left menu, 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
To change the position of the Floating Reviews Tab with built-in settings:
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.
Customize the Floating Reviews Tab with built-in settings
As you customize the Floating Reviews Tab in your Judge.me admin, you'll see your changes update instantly in the live preview on the right.
1. Tab style
To select how your Floating Reviews Tab will show on the pages:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
In the Theme section, for Tab style, select one of the following options:
"Stars and average rating" to show 5 star icons and the average rating in the tab label.
"Text only" to show 1 star icon and the text "Reviews".
Click Save.
2. Tab color
To change the color of the Floating Reviews Tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Color section.
For Widget theme, select "Custom color".
In the Background color field: use the color picker or enter a hex code to select your preferred color for the background of the tab.
In the Text color field: use the color picker or enter a hex code to select your preferred color for the text in the tab label.
Click Save.
3. Texts
To adjust the texts in your Floating Reviews Tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Text section.
Adjust the texts to your liking and click Save.
Option | Default texts |
Tab name | ★ Reviews |
Tab title | Let customers speak for us |
4. Link the Floating Reviews Tab to a Reviews page
To redirect website visitors to your Reviews Page when they click the Floating Reviews Tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Text section.
Enable Link widget to All Reviews Page if available.
Paste the URL of your Reviews Page.
Click Save.
5. Mobiles and tablets
To hide the Floating Reviews Tab on smaller screens:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Display properties section.
Enable the Hide widget on mobile and tablet devices.
Click Save.
6. Store and Product reviews subtabs
To adjust the tabs inside the Floating Reviews tab:
From your Judge.me admin, go to Settings > Widgets > Floating Reviews Tab.
Scroll down to the Store reviews section.
In the Subtab order dropdown, select either "Product reviews first" or "Store reviews first".
You can also change the tab title and the button text and 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 |
These changes will also apply to the All Reviews Widget.
Customize the Floating Reviews Tab with CSS
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 { |
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.