{"id":3047,"date":"2025-03-23T11:27:56","date_gmt":"2025-03-23T11:27:56","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3047"},"modified":"2025-03-23T11:27:57","modified_gmt":"2025-03-23T11:27:57","password":"","slug":"circle-rating","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/circle-rating\/","title":{"rendered":"Circle Rating (Pro)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Circle_Rating_WPTB_Docs-1024x576.png\" alt=\"\" class=\"wp-image-3453\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Circle_Rating_WPTB_Docs-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Circle_Rating_WPTB_Docs-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Circle_Rating_WPTB_Docs-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Circle_Rating_WPTB_Docs.png 1280w\" 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\">WP Table Builder has a &#8216;<strong>Note d'\u00e9toiles<\/strong>&#8216; element on its free version. That&#8217;s enough for showing product\/service reviews.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But what if you want to <strong>make your rating a bit more attractive<\/strong>?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder PRO has a solution for that. The &#8216;<strong>Circle Rating&#8217; <\/strong>element can help to<strong> make your reviews more attractive<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"846\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_15-31-07-1.gif\" alt=\"\" class=\"wp-image-20826\" 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\">Let&#8217;s see how to add a circle rating in WP Table Builder. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Like any other element, drag and drop it into your table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Circle Rating Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the Circle Rating Options, you can adjust the rating according to your needs.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Circle Size<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you will get the Circle Size option, with which you can adjust the size of the Circle rating. By default, the circle size remains at 100px. Adjust the size of the Circle rating with the slider. Its size is based on pixels.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"574\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-12-35.png\" alt=\"\" class=\"wp-image-20829\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-12-35.png 884w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-12-35-300x195.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-12-35-768x499.png 768w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Circle Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With the Circle Color option, you can change the circle&#8217;s color. Change the circle and its text color with the hex code or through the color window.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"882\" height=\"572\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-14-18-1.png\" alt=\"\" class=\"wp-image-20831\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-14-18-1.png 882w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-14-18-1-300x195.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-14-18-1-768x498.png 768w\" sizes=\"auto, (max-width: 882px) 100vw, 882px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rating Type<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose between two rating types for the Circle Rating: Percentage and Number. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"548\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-18-15.png\" alt=\"\" class=\"wp-image-20832\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-18-15.png 872w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-18-15-300x189.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-18-15-768x483.png 768w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Rating Type: Percentage<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can even change the percentage of the circle rating. By default, it is set to 35%.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"478\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-20-04.gif\" alt=\"\" class=\"wp-image-20833\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Rating Type: Number<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing the Number for your Rating Type will let you display your rating on a scale 10. But if you want, you can set the Highest Rating number and the Rating.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"480\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-21-47.png\" alt=\"\" class=\"wp-image-20834\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-21-47.png 870w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-21-47-300x166.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-21-47-768x424.png 768w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Spacing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, the Spacing option helps you set your desired margin and padding to adjust your Circle Rating element\u2019s layout. You can set the margin and padding according to percentage and pixel with this element of WP Table Builder.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"660\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30.png\" alt=\"\" class=\"wp-image-20835\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30.png 868w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-300x228.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-768x584.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can separately input your margin and padding values for each direction by merely deactivating the Link values option. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"774\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-25-07.png\" alt=\"\" class=\"wp-image-20836\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-25-07.png 880w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-25-07-300x264.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-25-07-768x675.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to input the same margin and padding value for each order, activate the link value icon.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"660\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-1.png\" alt=\"\" class=\"wp-image-20837\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-1.png 868w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-1-300x228.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_17-23-30-1-768x584.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By default, the Link value option remains deactivated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We hope this documentation has helped you understand the functionality of this pro element of WP Table Builder.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let us know your thoughts and questions in the comment box.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>WP Table Builder has a &#8216;Star Rating&#8216; element on its free version. That&#8217;s enough for showing product\/service reviews. But what if you want to make your rating a bit more attractive? WP Table Builder PRO has a solution for that. The &#8216;Circle Rating&#8217; element can help to make your reviews more attractive. Let&#8217;s see how [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3047","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":353,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Ankur Raz Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/rajankur003\/"},"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\/3047","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=3047"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3047\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=3047"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3047"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}