Skip to main content

Floating Reviews Tab

Display product and store reviews in a non-intrusive floating button on your store.

Updated over a week ago

🌟 Build trust instantly by letting customers access your best reviews from a clickable floating tab. Unlock this widget with your 15-day free trial today!

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.

Customize your Floating Reviews Tab

1. Select a style for the Floating Reviews Tab

To select how your Floating Reviews Tab will show on the pages:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab card, click Customize.

  3. In the Theme section, under Tab style:

    • Select "Stars and average rating" to show 5 star icons and the average rating in the tab label.

    • Select "Text only" to show 1 star icon and the text "Reviews".

  4. Click Save.

2. Customize the color of the Floating Reviews Tab

To change the color of the Floating Reviews Tab:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab card, click Customize.

  3. Scroll down to the Color section.

  4. Select Custom color.

  5. Choose your desired colors:

    • Background color: select a color for the background of the tab

    • Text color: select a color for the text in the tab label.

  6. Click Save.

3. Customize the texts in the Floating Reviews Tab

To adjust the texts in your Floating Reviews Tab:

  • From your Judge.me admin, go to Settings > Widgets.

  • Under the Floating Reviews Tab, click Customize.

  • 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 your Floating Reviews Tab to a Reviews page

To redirect website visitors to your Reviews Page when they click the tab:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab, click Customize.

  3. Scroll down to the Text section.

  4. Enable Link widget to All Reviews Page if available.

  5. Paste the URL of your Reviews Page.

  6. Click Save.

5. Hide the tab on mobile and tablets

To hide the Floating Reviews Tab on smaller screens:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab, click Customize.

  3. Scroll down to the Display properties section.

  4. Enable the Hide widget on mobile and tablet devices.

  5. Click Save.

6. Disable medals in the Floating Reviews Tab

To disable all medals in the Floating Reviews Tab (transparency badge, authenticity badge,...):

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab, click Customize.

  3. Scroll down to the Judge.me Medals section.

  4. Disable Show store medals.

  5. Click Save.

This will also remove the medals in the All Reviews Widget.

7. Adjust the Store and Product reviews subtabs

To adjust the tabs inside the Floating Reviews tab:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab, click Customize.

  3. Scroll down to the Store reviews section.

  4. Under Subtab order, choose one of the following:

    • Product reviews first

    • Store reviews first

  5. 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 apply more custom styling to your Floating Reviews Tab:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Under the Floating Reviews Tab, click Customize.

  3. Scroll down to the Advanced section and open the Custom CSS (Advanced) editor.

  4. Add your custom CSS code.

  5. Click Save.

Example: Remove the “Based on {{ n }} reviews” text

To remove the "Based on {{ n }} reviews" text from the Floating Reviews Tab header

.jdgm-revs-tab__url span {
display: none;
}
Did this answer your question?