{"id":16250,"date":"2025-03-24T07:06:05","date_gmt":"2025-03-24T07:06:05","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=16250"},"modified":"2025-03-24T07:06:07","modified_gmt":"2025-03-24T07:06:07","password":"","slug":"badge-pro-element","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/badge-pro-element\/","title":{"rendered":"Badge (Pro Element)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"336\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_Badge_Pro_Element_in_WP_Table_Builder850x335.png\" alt=\"\" class=\"wp-image-16340\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_Badge_Pro_Element_in_WP_Table_Builder850x335.png 850w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_Badge_Pro_Element_in_WP_Table_Builder850x335-300x119.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/08\/How_to_Add_Badge_Pro_Element_in_WP_Table_Builder850x335-768x304.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Badges in a table are a visual representation of metadata or specific attributes associated with the data in the table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">They serve various use cases and are commonly used to enhance the presentation and understanding of the data. Badges can be used to categorize or classify data based on certain criteria.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will see <strong>Badges on most pricing pages<\/strong>. That is why WP Table Builder presents you with the Badge, another pro element to make your pricing page stand out from others&#8217; pricing pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-18-32-1024x582.png\" alt=\"\" class=\"wp-image-20896\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-18-32-1024x582.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-18-32-300x170.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-18-32-768x436.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-18-32.png 1310w\" 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\">To add the badge element, you need to drag &amp; drop the badge element into the table. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"606\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-22-12.gif\" alt=\"\" class=\"wp-image-20897\" 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\">Badge Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We present you with simple customization options for customizing the badge, too.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Font Size<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize the font size of your badge. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"602\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_12-59-56.gif\" alt=\"\" class=\"wp-image-20898\" 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\">Color &amp; Background Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose any color for your badge&#8217;s text that suits your pricing table and website. The Background color lets you determine the badge&#8217;s background.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"602\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_13-03-04.gif\" alt=\"\" class=\"wp-image-20899\" 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\">Alignment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Alignment option helps you determine the position of your badge. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"604\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-24_13-04-36.gif\" alt=\"\" class=\"wp-image-20900\" 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 simple tutorial has helped you understand the Badge element. Feel free to leave your thoughts about the element in the comment section. <\/p>","protected":false},"excerpt":{"rendered":"<p>Badges in a table are a visual representation of metadata or specific attributes associated with the data in the table. They serve various use cases and are commonly used to enhance the presentation and understanding of the data. Badges can be used to categorize or classify data based on certain criteria. You will see Badges [&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-16250","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":189,"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\/16250","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=16250"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/16250\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=16250"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=16250"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=16250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}