How to Tag The Star Rating Widget for Figma to Elementor?

Table of Contents

If you are showing some user ratings on your Figma layout, like on products, reviews etc. you can tag those elements as an Elementor Star Rating widget using the UiChemy plugin.

So when you export the design as an Elementor template, that particular section will use the Star Rating widget. 

What Can be Tagged?

A frame containing multiple Font Awesome icons and a title can be tagged as a Star Rating widget.

How to Tag?

Select the top level frame of your layout then select the Optimize & Convert option and click the Optimize & Convert button.

Now select the frame or container containing the star rating in your design and click on the Widget Tags tab in the UiChemy panel.

Then search for rating and click on the Star Rating widget from Elementor.

On the next screen, you’ll get the information of which element you are tagging as what widget.

Then you’ll see widget specific tagging options and most of the options will be auto-filled based on your design.

  1. In the Rating Scale field, you have to select the rating scale.
  2. From the Rating field, you have to select the rating number.
  3. The Title field, will be automatically if you have added any title.
  4. The Icon field, will be automatically filled as per your design.
  5. Once done, click on the Save button to complete the tagging.

Now if you export the design, that element will use the Star Rating widget with all your specified information.

exported template with star rating

Resource