The Badge Widget for Elementor is a useful tool that allows you to create and style badges to highlight important content on your website. Whether you want to showcase “new” products, special promotions, or featured items, this widget provides a variety of shapes, including circles, stars, bookmarks, or strips, to suit your design needs. With extensive customization options, you can easily match the badges to your website’s theme, ensuring they grab attention while blending seamlessly with your design.
Let’s look at each of the options in the Badge widget for Elementor below.
Add a Badge Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Badge”
- Hover over the widget in the search results and click install
- Add the “Badge” widget to any Elementor Page
General Settings
Badge Style
Select the badge style.
- Strip
- Triangle
- Bookmark
- Square
- Circle
- Star
Badge Side
Set the side of badge.
- Top Left
- Top Right
- Bottom Right
- Bottom Left
Badge Position
Set the badge position.
- Absolute
- Fix
Layout Settings
Show Title
Show/hide the title.
Badge Title
Type text for title.
Show Icon
Show or hide the icon.
Badge Icon
Choose an icon to display.
Badge Widget Styling
You have full control over the widget’s design, including colors, text and layout, ensuring it aligns with your website’s aesthetic and functions as you envision.
Badge Styling
Set the badge size, distance, offset, typography, background color, badge color, padding, and z-index.
Icon Styling
Style the icon color, positioning, spacing and size.
Badge Design Examples For Elementor
Here are some live use cases for the Badge Widget.
Bookmark Badge shown on image content box.
Triangular Badge shown on product box with food items.
Thank you for exploring the Badge Widget for Elementor! We hope this documentation has helped you understand its features and functionality. Whether you’re enhancing usability or adding a creative touch to your content, this widget is a powerful addition to your Elementor toolkit.
If you need further assistance or want to explore more widgets, don’t hesitate to reach out to our support team.
