{"id":104,"date":"2026-05-05T12:30:06","date_gmt":"2026-05-05T11:30:06","guid":{"rendered":"https:\/\/documentation.userswp.io\/?post_type=gd_place&p=104"},"modified":"2026-05-05T12:30:07","modified_gmt":"2026-05-05T11:30:07","slug":"uwp-user-badge","status":"publish","type":"gd_place","link":"https:\/\/userswp.io\/documentation\/article\/core-widgets\/uwp-user-badge\/","title":{"rendered":"UWP > User Badge"},"content":{"rendered":"
All Widgets come as Widgets, Shortcodes, or Blocks. Learn more about our Super Duper Widgets<\/a>.<\/section>\n\n\n

The UWP > User Badge<\/strong> widget is used to display a user badge. In addition to the widget, you can use the [uwp_user_badge]<\/strong> shortcode to display the badge.<\/p>\n\n

Widget Options<\/h2>\n\n
    \n
  • User ID – <\/strong>Leave blank to use the current user ID.<\/li>\n
  • Field Key – <\/strong>Enter the custom field key, such as first_name<\/strong>.<\/li>\n
  • Field Condition – <\/strong>Select the custom field condition, such as is equal<\/strong>.<\/li>\n
  • Value to Match – <\/strong>Match this text with the field value to display the user badge.<\/li>\n
  • Badge – <\/strong>Enter the badge text. Leave blank to show the field title as a badge. You can also use %%input%%<\/strong>, %%profile_url%%<\/strong>, or other field keys such as %%email%%<\/strong>.<\/li>\n<\/ul>\n\n\n\n

    Design<\/h3>\n\n\n\n
      \n
    • Type – <\/strong>Select the badge type.<\/li>\n
    • Shadow – <\/strong>Select the badge shadow type.<\/li>\n
    • Badge Color – <\/strong>Select the badge color option.<\/li>\n
    • Badge Background Color – <\/strong>Set the badge background color.<\/li>\n
    • Badge Text Color – <\/strong>Set the badge text color.<\/li>\n
    • Badge Size – <\/strong>Select the size of the badge.<\/li>\n
    • Alignment – <\/strong>Choose how the item should be positioned on the page.<\/li>\n
    • Icon Class – <\/strong>Enter a Font Awesome icon class, such as fas fa-award<\/strong>.<\/li>\n
    • Extra Class – <\/strong>Add an extra wrapper class for custom styling.<\/li>\n<\/ul>\n\n\n\n

      Click Action<\/h3>\n\n\n\n
        \n
      • Link URL – <\/strong>Enter a badge link URL. You can use %%input%%<\/strong> for a link or %%profile_url%%<\/strong> for the user profile URL.<\/li>\n
      • Open Link in New Window – <\/strong>Enable this option to open the link in a new window.<\/li>\n
      • Popover Title – <\/strong>Enter title text to reveal on click. You can use %%input%%<\/strong> or field keys such as %%email%%<\/strong>.<\/li>\n
      • Popover Text – <\/strong>Enter text to reveal on click. You can use %%input%%<\/strong> or field keys such as %%email%%<\/strong>.<\/li>\n<\/ul>\n\n\n\n

        Hover Action<\/h3>\n\n\n\n
          \n
        • Tooltip Text – <\/strong>Enter text to reveal on hover. You can use %%input%%<\/strong> or field keys such as %%email%%<\/strong>. This option cannot be used with popover text.<\/li>\n
        • Hover Content – <\/strong>Change the badge text on hover. You can use %%input%%<\/strong> or field keys such as %%email%%<\/strong>.<\/li>\n
        • Hover Icon – <\/strong>Change the badge icon on hover by entering a Font Awesome icon class, such as fas fa-bacon<\/strong>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

          All Widgets come as Widgets, Shortcodes, or Blocks. Learn more about our Super Duper Widgets. The UWP > User Badge widget is used to display a user badge. In addition to the widget, you can use the [uwp_user_badge] shortcode to display the badge. Widget Options User ID – Leave blank to use the current user […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[20,5],"class_list":["post-104","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-core-widgets","gd_placecategory-extensions-features"],"_links":{"self":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":0,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/104\/revisions"}],"wp:attachment":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/tags?post=104"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/categories?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}