Available on the Awesome plan
Customize the Happy Customers Widget with built-in settings
1. Product images
To show product images together with the review images in the Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Theme section.
To show product images in big screen, click the checkbox next to Display images on desktop devices.
To show product images in smaller screen, click the checkbox next to Display images on mobile and tablet devices.
Click Save.
2. Loading behavior
To change how the reviews are loaded in the Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Theme section.
Under Loading behavior, select one of the following options:
"Load new reviews automatically when scrolling down
"Load new reviews by clicking a button" to add a Load more button. You can then customize the default "Load More Reviews" text for this button.
Click Save.
Note:
Unlike the Review Widget, the Happy Customers Widget is fixed to show 25 reviews at a time, regardless of whether it loads infinitely or using a Load More button, and this can't be changed at the moment.
3. Store and Product reviews subtabs
To adjust the tab order in the Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Store reviews section.
Open the Subtab order dropdown.
Select one of the following options:
"Product reviews first" to show the Product reviews tab first.
"Store reviews first" to show the Store reviews tab first.
Click Save.
To adjust the tab titles in the Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Store reviews section.
Under Subtabs, edit the Store reviews title (default: "Shop Reviews") and the Product reviews title (default: "Product Reviews")
Click Save.
Note:
These changes also apply to the subtabs in the Floating Reviews Tab.
4. Write a store review button text
To change the text of the Write a store review button in the Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Store reviews section.
Under Store review, edit the Write a store review button text (default: "Write a Store Review").
Click Save.
Note:
This change also apply to the Write a store review button in the Floating Reviews Tab.
Customize the Happy Customers Widget with CSS
To apply more custom styling to your Happy Customers Widget:
From your Judge.me admin, go to Settings > Widgets > Happy Customers widget.
Scroll down to the Advanced section at the bottom.
In the Custom CSS (Advanced) editor, add your CSS code. The editor supports up to 500 characters.
Click Save.
Below are some example CSS snippets you can use to customize the Happy Customers Widget.
What you want to change | CSS code |
To change the width or to set a max width for the Happy Customers Widget | .jdgm-all-reviews-widget { |
To change the color of the Store and Product reviews tab title in the Happy Customers Widget | .jdgm-subtab__name.jdgm--active { |
To remove the "about" text before the product title in the Happy Customers Widget | .jdgm-rev__prod-link-prefix:before { |
To add more columns to the Happy Customers Widget Cards theme | @media only screen and (min-width: 800px) {
In general, divide 100% by the number of columns to get the right percentage. For example:
The pixel can go from 10 - 20px but you can leave it on 15 most of the time. |