{"id":2516,"date":"2025-03-22T08:06:32","date_gmt":"2025-03-22T08:06:32","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2516"},"modified":"2025-03-23T05:26:27","modified_gmt":"2025-03-23T05:26:27","password":"","slug":"star-rating","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/star-rating\/","title":{"rendered":"Note d'\u00e9toiles"},"content":{"rendered":"<p class=\"wp-block-paragraph\">If you create product\/service comparison tables, it&#8217;s crucial to have a <strong>star rating to help visitors <\/strong>understand the values of the products\/services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder has a dedicated &#8221; element that lets you add star ratings to your tables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how you can add a star rating to a table. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just drag the &#8216;Star Rating&#8217; element and drop where you want to add the Star Rating. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1226\" height=\"652\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-43-10.gif\" alt=\"\" class=\"wp-image-20778\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Star Rating Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The &#8216;Star Rating&#8217; element offers handy options to help you customize the star ratings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Max Rating<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can define the number of ratings and add a maximum of 10 stars. By default, the max rating is 5. It is also known as Star Count for the Star rating. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"606\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-45-47-1.png\" alt=\"\" class=\"wp-image-20780\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-45-47-1.png 910w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-45-47-1-300x200.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-45-47-1-768x511.png 768w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rating Value<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Rating Value<\/strong> is used to add value to your star rating. It is <strong>associated <\/strong>with the <strong>Max Rating<\/strong>. Usually, the maximum rating value is 5 when the Max Rating is 5. But it can go up to 10 based on Max Rating. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"908\" height=\"504\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-51-38.gif\" alt=\"\" class=\"wp-image-20781\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Star Size<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Star Size modifies the size of the stars of the Star Rating. You can select the size based on pixels. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"604\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-53-47.gif\" alt=\"\" class=\"wp-image-20782\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content Alignment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the rating alignment to make the rating center, left, or right. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"84\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-58-17.png\" alt=\"\" class=\"wp-image-20784\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Star Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can also change the color of the star. By default, the star ratings are dark yellow. To make the color aligned with your brand, you change it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"810\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-22_13-56-39.gif\" alt=\"\" class=\"wp-image-20783\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Show Rating<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can also show the number rating under the star rating if you activate the <strong>Show Rating<\/strong> option. Again, you can modify the font size and text color of the Rating number.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-01-54-1024x559.png\" alt=\"\" class=\"wp-image-20792\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-01-54-1024x559.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-01-54-300x164.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-01-54-768x419.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-01-54.png 1260w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can easily control the star rating counter using the <strong>Rating Value slider or <\/strong>the cursor to put the <strong>star rating value<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1260\" height=\"678\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/03\/2025-03-23_11-03-29.gif\" alt=\"\" class=\"wp-image-20793\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hope this documentation helped you understand the &#8216;Star Rating&#8217; element. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;ve any questions, feel free to ask via comment.<\/p>","protected":false},"excerpt":{"rendered":"<p>If you create product\/service comparison tables, it&#8217;s crucial to have a star rating to help visitors understand the values of the products\/services. WP Table Builder has a dedicated &#8221; element that lets you add star ratings to your tables. Here&#8217;s how you can add a star rating to a table. Just drag the &#8216;Star Rating&#8217; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-2516","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":302,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=2516"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2516\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2516"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2516"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}