Seller Rating Badge

Display your Google seller rating badge anywhere on your website to build trust with potential customers. The badge shows your star rating and review count, linking to your Google Customer Reviews profile.

How It Works

Once you've collected enough reviews through Google Customer Reviews, you can display a badge showing your seller rating. This badge:

• Shows your star rating (1-5 stars)
• Displays the number of reviews
• Links to your Google Customer Reviews profile
• Updates automatically as you collect more reviews

info

The badge will only display if you have a seller rating. This typically requires approximately 100 reviews collected through Google Customer Reviews.

Enabling the Badge

1. Go to the plugin settings in WooCommerce → Settings → Google Customer Reviews
2. Find the Seller Rating Badge section
3. Toggle Enable Badge to on
4. Configure the badge options (see below)
5. Save changes

Display Options

Using a Shortcode

Place the badge anywhere using the shortcode:

[gcr_badge]

With parameters:

[gcr_badge position="BOTTOM_RIGHT" language="en"]

Available Parameters

Parameter	Values	Default	Description
position	BOTTOM_RIGHT, BOTTOM_LEFT, INLINE	BOTTOM_RIGHT	Badge position
language	en, de, fr, etc.	Auto-detect	Badge language

Using a Widget

1. Go to Appearance → Widgets
2. Find the GCR Seller Rating Badge widget
3. Drag it to your desired widget area
4. Configure the options
5. Save

Using PHP

For theme developers, you can display the badge programmatically:

/wp-content/themes/child-theme/functions.php

<?php
if (function_exists('gcr_display_badge')) {
    gcr_display_badge([
        'position' => 'INLINE',
        'language' => 'en'
    ]);
}
?>

Position Options

BOTTOM_RIGHT (Default)

The badge appears as a floating element in the bottom-right corner of the page. This is the most common placement.

BOTTOM_LEFT

The badge appears as a floating element in the bottom-left corner of the page.

INLINE

The badge appears inline where you place the shortcode or widget. Use this for placing the badge within your page content, footer, or sidebar.

Styling the Badge

CSS Classes

The badge container has the following CSS class for styling:

.gcr-badge-container {
  /* Your custom styles */
}

/* For inline badges */
.gcr-badge-container.gcr-badge-inline {
  margin: 20px 0;
}

/* For floating badges */
.gcr-badge-container.gcr-badge-floating {
  z-index: 9999;
}

Hiding on Specific Pages

To hide the floating badge on specific pages:

/* Hide on cart page */
.woocommerce-cart .gcr-badge-container.gcr-badge-floating {
  display: none;
}

Or use PHP:

/wp-content/themes/child-theme/functions.php

add_filter('gcr_show_badge', function($show) {
    if (is_cart() || is_checkout()) {
        return false;
    }
    return $show;
});

Best Practices

1. Place where visible — Put the badge where customers will see it, such as the footer, sidebar, or product pages
2. Don't overdo it — One or two badge placements is enough; too many can look spammy
3. Wait for reviews — Don't enable the badge until you have enough reviews for a rating to display

Troubleshooting

Badge not appearing

1. Verify you have enough reviews for a seller rating (approximately 100)
2. Check that the badge is enabled in settings
3. Verify your Merchant Center ID is correct
4. Clear any page caches

Badge shows wrong rating

The badge pulls data directly from Google. If the rating seems wrong:

1. Check your Google Merchant Center for the correct rating
2. Clear your browser cache
3. Wait a few hours for Google's cache to update

See the Troubleshooting guide for more solutions.