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 ID.
- Field Key – Enter the custom field key, such as first_name.
- Field Condition – Select the custom field condition, such as is equal.
- Value to Match – Match this text with the field value to display the user badge.
- Badge – Enter the badge text. Leave blank to show the field title as a badge. You can also use %%input%%, %%profile_url%%, or other field keys such as %%email%%.
Design
- Type – Select the badge type.
- Shadow – Select the badge shadow type.
- Badge Color – Select the badge color option.
- Badge Background Color – Set the badge background color.
- Badge Text Color – Set the badge text color.
- Badge Size – Select the size of the badge.
- Alignment – Choose how the item should be positioned on the page.
- Icon Class – Enter a Font Awesome icon class, such as fas fa-award.
- Extra Class – Add an extra wrapper class for custom styling.
Click Action
- Link URL – Enter a badge link URL. You can use %%input%% for a link or %%profile_url%% for the user profile URL.
- Open Link in New Window – Enable this option to open the link in a new window.
- Popover Title – Enter title text to reveal on click. You can use %%input%% or field keys such as %%email%%.
- Popover Text – Enter text to reveal on click. You can use %%input%% or field keys such as %%email%%.
Hover Action
- Tooltip Text – Enter text to reveal on hover. You can use %%input%% or field keys such as %%email%%. This option cannot be used with popover text.
- Hover Content – Change the badge text on hover. You can use %%input%% or field keys such as %%email%%.
- Hover Icon – Change the badge icon on hover by entering a Font Awesome icon class, such as fas fa-bacon.