{"id":30218,"date":"2022-11-04T21:16:09","date_gmt":"2022-11-04T21:16:09","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/"},"modified":"2024-07-19T11:47:31","modified_gmt":"2024-07-19T11:47:31","slug":"displaying-badges-on-a-user-profile-depending-on-liked-posts-number","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/","title":{"rendered":"Displaying Badges on a User Profile Depending on Liked Posts Number"},"content":{"rendered":"\n<p>Let\u2019s assume the situation that you want to encourage users to like more and more posts on your website. To do so, you want to show the badges depending on the number of liked posts.&nbsp;<\/p>\n\n\n\n<p>Once the user adds ten posts to their favorites, they get the \u201cInteractive Member\u201d badge, and after they like more than 15 posts, the badge changes into the \u201cEngaged Member\u201d one.<\/p>\n\n\n\n<p>Continue reading to find out how to adjust this feature with the help of the <em>JetEngine <\/em>plugin and the <strong>Public User Meta Stores<\/strong> add-on.<\/p>\n\n\n\n<p>Begin by opening the <a href=\"https:\/\/crocoblock.com\/freemium\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">Crocoblock DevTools page<\/a>. Press the \u201c<strong>JetEngine<\/strong>\u201d button under the page title to make the search more specific.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/crocoblock-devtools-page-full.png\" alt=\"crocoblock devtools page\">\n\n\n\n<p>Find the <strong>Public User Meta Stores<\/strong> add-on and hit the \u201c<strong>Download<\/strong>\u201d button. Now the file is saved on your computer.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/jetengine-public-user-meta-stores-devtools-full.png\" alt=\"jetengine public user meta stores devtools\">\n\n\n\n<p>Open the WordPress website admin dashboard. Here, navigate to <strong><em>Plugins &gt; Add New<\/em><\/strong>.&nbsp;<\/p>\n\n\n\n<p>Click on the \u201c<strong>Upload Plugin<\/strong>\u201d button, then \u201c<strong>Choose File<\/strong>\u201d to find the needed add-on file on the computer, and finally, \u201c<strong>Install Now<\/strong>.\u201d<\/p>\n\n\n\n<p>Don\u2019t forget to activate the add-on after its installation.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/add-jetengine-public-user-meta-stores-plugin-full.png\" alt=\"add jetengine public user meta stores plugin\">\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-data-store\">Create a Data Store<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>If you haven\u2019t done so before, enable the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-data-stores-module-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Data Stores<\/strong><\/a><strong> <\/strong>module in the <strong><em>WordPress Dashboard &gt; JetEngine <\/em>Modules <\/strong>tab.<\/p>\n\n\n\n<p>Switch on the <strong>Data Stores<\/strong> feature and press the \u201c<strong>Save<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/data-store-module-enabled-full.png\" alt=\"data store module enabled\">\n\n\n\n<p>Navigate to the <strong>Data Stores <\/strong>tab to create a new data store. Hit the \u201c<strong>New Store<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/jetengine-data-stores-new-store-button-full.png\" alt=\"jetengine data stores new store button\">\n\n\n\n<p>Complete its <strong>Name <\/strong>and <strong>Slug<\/strong>, and select the \u201cUser Metadata\u201d <strong>Store type <\/strong>that has appeared after we have installed and activated the add-on.<\/p>\n\n\n\n<p>Set the <strong>Max size<\/strong>; it is the maximum number of items allowed to keep in the data store. You can leave \u201c0\u201d in this field to have no limit for the data store items.<\/p>\n\n\n\n<p>You can also activate the <strong>Count items <\/strong>feature to count how many times the item was added to the users\u2019 data store.<\/p>\n\n\n\n<p>Then decide whether you want to activate the <strong>Is users store <\/strong>feature to contain the user IDs in the store. It is allowed only for server-side stores.<\/p>\n\n\n\n<p>The following <strong>Store item on view <\/strong>feature is to be activated if you want to create a \u201cRecently Viewed\u201d store, for instance. More precisely, it adds the item to the store once the user visits the single post page.<\/p>\n\n\n\n<p>After adjusting the settings, click the \u201c<strong>Save<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/favorite-posts-data-store-settings-full.png\" alt=\"favorite posts data store settings\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-a-posts-listing\">Build a Posts Listing<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>We will look through the settings of both Elementor and Gutenberg Page Builders.<\/p>\n\n\n\n<p>Let\u2019s create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-listing-functionality-how-to-create-a-new-listing-to-apply-for-the-certain-post-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">listing<\/a> to be able to add posts to the data store.&nbsp;<\/p>\n\n\n\n<p>Go to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings<\/em><\/strong>, open the posts listing you\u2019ve created earlier, or click the \u201c<strong>Add New<\/strong>\u201d button to build a new one.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/listing-items-jetengine-full.png\" alt=\"listing items jetengine\">\n\n\n\n<p>In the opened pop-up, select the \u201cPosts\u201d <strong>Listing source<\/strong> and pick the needed post type in the <strong>From post type <\/strong>field. In the described case, these are the default WordPress posts.<\/p>\n\n\n\n<p>Set the <strong>Listing item name <\/strong>and select \u201cElementor\u201d or \u201cBlocks (Gutenberg)\u201d <strong>Listing view<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Press the \u201c<strong>Create Listing Item<\/strong>\u201d button to open the chosen editor.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/setup-listing-item-popup-full.png\" alt=\"setup listing item popup\">\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adjust-a-listing-in-elementor\">Adjust a listing in Elementor<\/h3>\n\n\n\n<p>Add the needed widgets to the page. For example, we place the <strong>Dynamic Image <\/strong>with a post thumbnail and <strong>Dynamic Field <\/strong>containing the post title.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-widgets-in-the-listing-full.png\" alt=\"dynamic widgets in the listing\">\n\n\n\n<p>Then look for the <strong>Dynamic Link <\/strong>widget and place it on the page. Pick the \u201cAdd to Store\u201d <strong>Source <\/strong>and choose the newly built item in the <strong>Select store <\/strong>field.<\/p>\n\n\n\n<p>Work on the additional settings if needed.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-link-add-to-store-source-full.png\" alt=\"dynamic link add to store source\">\n\n\n\n<p>After that, add one more <strong>Dynamic Link <\/strong>widget. The <strong>Source <\/strong>should be defined as \u201cRemove from Store.\u201d Also, pick the needed data store in the <strong>Select store <\/strong>drop-down field.<\/p>\n\n\n\n<p>You are free to add other widgets you need and press the \u201c<strong>Update<\/strong>\u201d button to save the changes.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-link-remove-from-store-source-full.png\" alt=\"dynamic link remove from store source\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"recreate-a-listing-in-gutenberg\">Recreate a listing in Gutenberg<\/h3>\n\n\n\n<p>The same settings can be found in the Gutenberg Block Editor. Just select it as the <strong>Listing type <\/strong>in the primary setting pop-up.<\/p>\n\n\n\n<p>Here, add the <strong>Dynamic Link <\/strong>to add and remove the items from the store.&nbsp;<\/p>\n\n\n\n<p>It differs a little from the <strong>Dynamic Link <\/strong>widget in the Elementor. Once you select the \u201cAdd to Store\u201d <strong>Source<\/strong>, you can complete the <strong>Set Store Slug <\/strong>field with the slug you have entered in the Data Store settings before.<\/p>\n\n\n\n<p>Click the \u201c<strong>Update<\/strong>\u201d button to save the changes.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/data-store-listing-in-gutenberg-full.png\" alt=\"data store listing in gutenberg\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"edit-profile-page\">Edit Profile Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Move to the page you have set as the <strong>Single User Page <\/strong>in <strong><em>WordPress Dashboard &gt; JetEngine &gt; Profile Builder &gt; Pages<\/em><\/strong>.&nbsp;<\/p>\n\n\n\n<p>For instance, we have picked the page named \u201cProfile.\u201d<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Ensure the <strong>Template mode<\/strong> is set to \u201cContent\u201d so you can make changes to the page.<\/p><\/div><\/div>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/content-template-mode-full.png\" alt=\"content template mode\">\n\n\n\n<p>Head to <strong><em>WordPress Dashboard &gt; Pages <\/em><\/strong>and open the needed page editor.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/profile-page-full.png\" alt=\"profile page\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"modify-a-profile-page-in-elementor\">Modify a profile page in Elementor<\/h3>\n\n\n\n<p>Complete the page with the desired widgets. In our example, you can see the <strong>Dynamic Image <\/strong>and several <strong>Dynamic Field <\/strong>widgets on the page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/profile-page-in-elementor-full.png\" alt=\"profile page in elementor\">\n\n\n\n<p>Then we add a <strong>Heading <\/strong>widget to make it a badge. Here we complete the <strong>Title <\/strong>field in the <strong>Content <\/strong>tab and open the <strong>Advanced <\/strong>tab.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/interactive-member-heading-full.png\" alt=\"interactive member heading\">\n\n\n\n<p>Switch on the <strong>Enable <\/strong>toggle. Select the \u201cShow element if condition met\u201d<strong> <\/strong>as the <strong>Visibility condition type <\/strong>and push the \u201c<strong>Add Item<\/strong>\u201d button.<\/p>\n\n\n\n<p>It\u2019s time to set the first <strong>Condition<\/strong>. Select the \u201cGreater than\u201d option in the corresponding field.<\/p>\n\n\n\n<p>Press the \u201c<strong>Dynamic Tags<\/strong>\u201d button next to the <strong>Field<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-tags-button-next-to-the-field-full.png\" alt=\"dynamic tags button next to the field\">\n\n\n\n<p>Select the \u201cPublic User Data Stores: Get Store Count\u201d dynamic tag and press on it in the field to open its settings.&nbsp;<\/p>\n\n\n\n<p>Choose the created <strong>Store <\/strong>and \u201cQueried User\u201d <strong>Context<\/strong> in the settings and head to the following <strong>Value <\/strong>field.&nbsp;<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/public-user-data-stores-get-store-settings-full.png\" alt=\"public user data stores get store settings\">\n\n\n\n<p>We complete this field with the \u201c10\u201d value, leave the \u201cDefault\u201d <strong>Context<\/strong>,<strong> <\/strong>and set the \u201cNumeric\u201d <strong>Data type<\/strong>.<\/p>\n\n\n\n<p>Afterward, we press the \u201c<strong>Add Item<\/strong>\u201d to adjust one more condition that will show the badge only if fewer than 15 items are added to the store.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/interactive-member-greater-than-condition-full.png\" alt=\"interactive member greater than condition\">\n\n\n\n<p>This time, it will be the \u201cLess than\u201d <strong>Condition <\/strong>to hide this badge once the number of liked posts is more than 15.<\/p>\n\n\n\n<p>In the \u201cDynamic Tags\u201d menu, select the \u201cPublic User Data Stores: Get Store Count,\u201d select the <strong>Store, <\/strong>and \u201cQueried User\u201d <strong>Context<\/strong>.<\/p>\n\n\n\n<p>Set the needed <strong>Value <\/strong>(in our case, \u201c15\u201d) and the \u201cNumeric\u201d <strong>Data type<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/interactive-member-less-than-condition-full.png\" alt=\"interactive member less than condition\">\n\n\n\n<p>Add one more <strong>Heading <\/strong>widget. Adjust the <strong>Content <\/strong>tab and move to the <strong>Advanced <\/strong>tab.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/engaged-member-heading-full.png\" alt=\"engaged member heading\">\n\n\n\n<p>Find the <strong>Dynamic Visibility <\/strong>section and activate the <strong>Enable <\/strong>toggle.<\/p>\n\n\n\n<p>Select the \u201cShow element if condition met\u201d <strong>Visibility condition type <\/strong>and \u201cGreater than\u201d <strong>Condition<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Choose the \u201cPublic User Data Stores: Get Store Count\u201d <strong>Field <\/strong>and set the <strong>Value <\/strong>to the desired number. As an example, we selected \u201c15.\u201d Users who like more than 15 posts get the \u201cEngaged Member\u201d badge.<\/p>\n\n\n\n<p>Besides, leave the \u201cDefault\u201d <strong>Context <\/strong>and \u201cNumeric\u201d <strong>Data type<\/strong>.<\/p>\n\n\n\n<p>Once done, you can style the listing and press the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/engaged-member-greater-than-condition-full.png\" alt=\"engaged member greater than condition\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"alter-profile-page-content-in-gutenberg\">Alter profile page content in Gutenberg<\/h3>\n\n\n\n<p>The same corresponding blocks can be found in the Block Editor.<\/p>\n\n\n\n<p>Press the \u201cDynamic Visibility\u201d icon to open its settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-visibility-icon-in-gutenberg-full.png\" alt=\"dynamic visibility icon in gutenberg\">\n\n\n\n<p>Now, you can add the visibility conditions by hitting the \u201cDynamic Tags\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/dynamic-tag-button-next-to-the-field-in-gutenberg-full.png\" alt=\"dynamic tag button next to the field in gutenberg\">\n\n\n\n<p>Adjust the <strong>Data Store <\/strong>tab as described in the previous article part about Elementor.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/visibility-conditions-dynamic-tag-in-gutenberg-full.png\" alt=\"visibility conditions dynamic tag in gutenberg\">\n\n\n\n<p>So, the final result looks like this:<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/visibility-conditions-for-heading-in-gutenberg-full.png\" alt=\"visibility conditions for heading in gutenberg\">\n\n\n\n<p>Finally, you can adjust all the block settings and get the desired result. Click the \u201c<strong>Update<\/strong>\u201d button to save the page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/profile-page-in-gutenberg-full.png\" alt=\"profile page in gutenberg\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"place-posts-listing-on-the-page\">Place Posts Listing on the Page<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Head to the page where you want to place the posts listing with the \u201c<strong>Add to Store\/Remove from Store<\/strong>\u201d buttons.<\/p>\n\n\n\n<p>Find the <strong>Listing Grid <\/strong>widget and put it on the page. Select the needed posts listing and adjust the following settings if required.<\/p>\n\n\n\n<p>Once done, press the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/posts-listing-in-elementor-full.png\" alt=\"posts listing in elementor\">\n\n\n\n<p>You can open this page and add as many posts to your favorites as you need.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/posts-listing-on-the-front-end-full.png\" alt=\"posts listing on the front end\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result\">Check the Result<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the user profile to see the attached badge; now, you can add ten or more posts to the data store and see if the \u201cInteractive Member\u201d badge is shown.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/interactive-member-badge-full.png\" alt=\"interactive member badge\">\n\n\n\n<p>And that\u2019s how the profile page will look if the user adds 15 or more posts to their favorites.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/engaged-member-badge-full.png\" alt=\"engaged member badge\">\n\n\n\n<p>Ultimately, you can see the badges attached to every user who liked more than ten posts.&nbsp;<\/p>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it; now you know how to show the needed badges on the WordPress User Profile page depending on the number of liked posts using <em>JetEngine\u2019s <\/em><strong>Public User Meta Stores<\/strong> add-on and its<em> <\/em><strong>Profile Builder<\/strong> and <strong>Data Stores<\/strong> features.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to display badges on the WordPress User Profile page with the help of JetEngine and Public Users Meta Stores add-on.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[406],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-19T11:47:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/crocoblock-devtools-page-full.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/\",\"name\":\"Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T21:16:09+00:00\",\"dateModified\":\"2024-07-19T11:47:31+00:00\",\"description\":\"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Displaying Badges on a User Profile Depending on Liked Posts Number\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock","description":"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/","og_locale":"en_US","og_type":"article","og_title":"Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock","og_description":"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/","og_site_name":"Help Center","article_modified_time":"2024-07-19T11:47:31+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/crocoblock-devtools-page-full.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/","name":"Displaying Badges on User Profile Depending on Liked Posts Number \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T21:16:09+00:00","dateModified":"2024-07-19T11:47:31+00:00","description":"Find out how you can display the badge on the user profile page depending on the number of liked WordPress posts. Use JetEngine and its Public Users Meta Stores addon.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/displaying-badges-on-a-user-profile-depending-on-liked-posts-number\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Displaying Badges on a User Profile Depending on Liked Posts Number"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/30218"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=30218"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=30218"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=30218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}