Rating Badge

Table of Contents

This widget allows you to display a sequence of images in a slider with smooth transitions, making the slides more engaging and visually appealing for users.

Required Setup

How to Activate the Rating Badge Widget?

Go to 

  • WDesignKit Widgets. 
  • Search the widget name and select Elementor as the Page Builder.
  • Click on the Download icon.

How to Use the Rating Badge Widget in Elementor?

Add the Rating Badge widget to the page.

Content

Once you add the widget, you’ll see a repeater item under the Select Items section, open it.

In the Select Image section, you have to add the profile image, you can select either an image or an SVG as the profile image.

From the Tooltip section, you can add a tooltip text, which appears when you hover over the profile image.

By enabling the Inner Icon toggle,  you can add an extra line of content in the tooltip.

From the Select Icon section, you can choose either an icon or an SVG for the second line of content.

In the Text section, you can add a text.

Then, you can click the + Add Item button to add more user profiles.

In the Reviews Image section, you have to add a review image for the rating badge.

Then, you’ll see a repeater item under the Select Title section, open it.

In the Title section, you can add the review text which can be comment, title, info, etc., for the rating badge.

Then, you can click the + Add Item button to add more review texts.

Note: If you add more than one title, you will see the texts scrolloing up when you hover over the title.

Then, from the Alignment section, you can align the rating badge layout for responsive devices.

Then from the Style tab, you can further customize the style of the Rating Badge.