In this guide, we will show you how to add the “Bracket Maker widget” to your Elementor website. The Bracket Maker widget enables you to create interactive, tournament-style brackets for sports events, gaming competitions, or any activity where you need to display matchups, rounds, and winners clearly and engagingly. Perfect for customizing teams, rounds, and styles, this tool from Unlimited Elements helps you present competitions in an organized and visually appealing format.
Let’s explore the customization options available in the “Bracket Maker widget” for Elementor below.
Elementor Bracket Maker Tutorial Video (Step by Step Guide)
Add a Bracket Maker to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
Add a Bracket Maker Widget to an Elementor Page
Elementor Bracket Maker Widget General Settings
Disable Highlight
A toggle switch to disable the highlight effect.
Direction
Set the direction of the bracket.
Skip Consolidation Round
A toggle to not display a third-place round.
Show Placement Labels
A toggle to display labels for placements.
Enable Score Edit
A toggle to allow users to edit match scores on the live page.
Enable Team Edit
A toggle to allow users to edit team names on the live page.
Title
Set the title for the round.
Round Number
Set the number of the round.
Player 1 Name
Set the name of the first player in the match.
Player 1 Score
Set the score for the first player.
Player 2 Name
Set the name of the second player in the match.
Player 2 Score
Set the score for the second player.
Elementor Bracket Maker Widget Style Settings
Brackets Horizontal Align
Set the horizontal alignment of the brackets.
Player Name Width
Adjust the width of the player name field.
Score Width
Adjust the width of the score field.
Space Between Pairs
Adjust the spacing between each pair of players.
Space Between Rounds
Adjust the spacing between each round of the bracket.
Icon Color Hover
Set the color of the icon on hover.
Border Color
Choose the border color of the icon container in its normal state.
Border Color Hover
Choose the border color of the icon container on hover.
Label Typography
Adjust the font, size, and weight of the player labels.
Score Typography
Adjust the font, size, and weight of the player scores.
Label Padding
Adjust the internal spacing of the player labels.
Score Padding
Adjust the internal spacing of the player scores.
Space Between Players
Adjust the spacing between players.
Border Type
Select the border style for the players' boxes.
Default
None
Solid
Double
Dotted
Dashed
Groove
Border Radius
Adjust the roundness of the corners for the players' boxes.
Shadow
Add a shadow effect to the players' boxes.
Skew
Apply a skew transformation to the players' boxes.
Score Overlay Color
Set the color for the score overlay.
Highlight Background Color
Set the background color for highlighted players.
Highlight Color
Set the text color for highlighted players.
Highlight Border Color
Set the border color for highlighted players.
Color
Set the text color for players, with separate options for "Winner" and "Loser" states.
Background Color
Set the background color for players, with separate options for "Winner" and "Loser" states.
First Place Background Color
Set the background color for the first-place player.
First Place Color
Set the text color for the first-place player.
First Place Border Color
Set the border color for the first-place player.
1st Place Background Color
Set the background color for the first-place label.
1st Place Color
Set the text color for the first-place label.
2nd Place Background Color
Set the background color for the second-place label.
2nd Place Color
Set the text color for the second-place label.
3rd Place Background Color
Set the background color for the third-place label.
3rd Place Color
Set the text color for the third-place label.
4th Place Background Color
Set the background color for the fourth-place label.
4th Place Color
Set the text color for the fourth-place label.
Bracket Maker Widget Design Examples For Elementor
Here are some live use cases for the Bracket Maker widget.
Football Club Tournament Bracket Maker.
Esports Tournament Showdown Bracket Maker.
Thank you for using the Bracket Maker widget for Elementor! This powerful tool lets you create interactive tournament-style brackets, perfect for sports events, gaming competitions, or any activity that requires clear and engaging matchups. With customizable teams, rounds, and styles, plus seamless integration from Unlimited Elements, it’s the ideal way to display competitions in an organized and visually appealing format. For questions or inspiration, feel free to reach out or explore our demo.