All Collections
Widget Library
Verified Review Badge
Verified Review Badge
Hellopeter avatar
Written by Hellopeter
Updated over a week ago

The Verified Review Badge is a great way to show your commitment to building a trusted reputation on an independent review platform. The badge is small enough to fit anywhere on your website, and serves as powerful reassurance to potential customers that your business can be trusted.

Accessing the Verified Review Badge from the Hellopeter Portal

To access the Verified Review Badge:

  1. Click on the Widget Library.

  2. Click on the Verified Review Badge widget.

Verified Review Badge Dimensions

The Verified Review Badge is available in two sizes:

  • Desktop - 144 x 144px

  • Mobile 112 x 112px

The widget will automatically adjust based on the desktop or mobile display.

Customising the Verified Review Badge

The Verified Review Badge has two display options:

  1. Original (default).

  2. Transparent.

If you select the Original option, you'll only be able to customise the star rating colour. All other elements (the font/border colours and Hellopeter logo) will display the default settings.

If you select the Transparent option, you will be able to customise the following elements:

  1. The widget background colour.

  2. The widget font and border colour.

  3. A logo that matches the widget and background.

  4. The star rating colour.

Selecting your widget background colour

The right-hand side of your screen is a preview panel that dynamically reflects the changes you make. The preview panel allows you to see how the badge will display on your website. You're also able to switch between desktop and mobile previews.

  1. When selecting the transparent widget option, a circle will appear next to the desktop icon in the header of the preview panel.

  2. Click on the circle and select a background colour to match the look and feel of your website. This will allow you to see how the widget will display on a background that matches your brand and website.

  3. The colour of the preview panel and Verified Review Badge will change to your selected colour.

Choose your font and border colours

  • Click on the font and border colour to select a colour that matches your website's look and feel.

Choose your star rating colour

  • Click on the star rating colour to select a colour that matches your website's look and feel.

Important!
When selecting a colour, you have two options:

  1. Select the desired colour scheme from the colour swatch.

  2. You can opt to manually input or paste the RGB code of the colour.

HTML Code

The HTML code dynamically changes based on your customisation selections. Once you’re satisfied with the look and feel of the widget, click the “Copy Code” button and insert this code onto your website.

The Verified Review Badge will appear on every page that contains the code snippet.

Please note - all settings will be lost if you navigate away from this page. Please ensure that you copy the code before closing from this page.

Verified Review Badge interface

Did this answer your question?