Here is a walk-through of how you can leverage the CSS Override feature to highly customize your brackets. This CSS below is what this bracket is using to make it look and feel different from our default CSS: https://showcase.votion.co/bracket/372f2fe6-1c7f-11e7-a157-029f9751820b
Every element of our app has a CLASS or ID so with CSS you can restyle or hide any component of the page. This sample CSS file should give you some examples of what can be done.
@import url(‘https://fonts.googleapis.com/css?family=Oswald’);
.Countdown, .PrimaryInstruction, .ProgressIndicator, .NavBar, .Pagination,
.BirdsEyeView-columns-name-line, .Matchups-round-name, .Matchup-infoContainer, .Matchup .Matchup-competitor-name a,
.MatchupDetails-competitorNum, .Modal-header, .MatchupDetails-name, .LoginButton {
font-family: ‘Oswald’, sans-serif;
text-transform: uppercase;
}
.MatchupDetails-competitorNum {
color: #da2128;
}
.MatchupDetails-divider {
border-bottom-width: 2px;
}
.ProgressIndicator {
background-color: #da2128;
color: white;
}
.Matchups-round-name {
text-align: center;
color: #00295B;
font-size: 20px;
}
.Pagination a {
background-color: #00295B;
fill: white;
color: white;
padding: 8px 10px;
}
.Matchup .Matchup-infoContainer {
color: #da2128;
}
.Matchup .Matchup-competitor-name a {
color: #da2128;;
}
.Matchup .Matchup-competitor-name a .Icon.var-sm svg {
fill: #da2128;
}
.Matchup-content {
border: 2px solid #da2128;
}
.Button {
background-color: #00295B;
}
.Matchup .Matchup-voteBar-voteButton {
background-color: #00295B;
border-color: #00295B;
}
.Matchup-voteBar-voteButton .Icon.var-lg svg {
fill: white;
}
.Matchup-voteBar-voteButton:hover .Icon.var-lg svg {
fill: #00295B;
}
.Header .Header-logo img {
max-width: none;
padding: 0;
}
.NavBar {
border-bottom: 4px solid #00295B;
}
.NavBar a {
padding: 6px 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
color: #00295B;
border: 1px solid #00295B;
border-bottom: 0;
}
.NavBar a.is-active {
color: white;
background: #00295B;
}
.PrimaryInstruction.is-visible {
color: white;
background: #00295B;
font-family: ‘Oswald’, sans-serif;
text-transform: uppercase;
}
.Prose p {
line-height: 1.4;
}
.BirdsEyeView .BirdsEyeView-matchup-line-bottom, .BirdsEyeView .BirdsEyeView-matchup-line-top,
.BirdsEyeView .BirdsEyeView-matchup-line-bottom:before, .BirdsEyeView .BirdsEyeView-matchup-line-top:before,
.BirdsEyeView .BirdsEyeView-region-name {
border-color: #da2128;
color: #da2128;
}
.Description {min-height:0px;padding:0px;}
Right now we don’t allow embedding of javascript into our content blocks due to possible conflict with our codebase. For tracking pixels we recommend having them on the page that is hosting our widget.
While we don’t disclose exactly how our algorithm works, what we can say is that leaderboard scoring is based on a weighted scale. Each round, starting in round 1, allows predictors to earn points based on their correct predictions. Users earn more points per accurate prediction as they move to later and later rounds. For example, users who make 5 accurate predictions in round 1 will earn fewer points than users who make 5 accurate predictions in round 2 or 3.
Votion’s scoring algorithm allows for a bigger spread between predictions as the rounds progress, defining the leaders of the bracket more accurately. The bigger the bracket is in terms of number of rounds means there will be higher point values in the later rounds.
We weight the Final matchup with additional bonus points for further separation between predictions.
We measure our pricing primarily on number of engagements. Engagements include votes, emails captured, predictions & user signups. More info about our plans can be found on our plans and pricing page.
Votion has been around since 2016, but we pioneered Interactive Brackets starting in 2008 with Bracketeers.
Yes! Our bracket platform is slick and fast loading on all devices!
Absolutely! You have access to your bracket data including votes, predictions, registrations and email addresses in real time. Preview results in our console, or download the data on demand.
We support prediction, voting, live mode and NCAA brackets.
Building and launching a bracket is easy! Steps include:
- Sign up for a plan
- Create your bracket using our point and click interface.
- Run on Votion or grab an embed code and launch the bracket on your own website.
Great question! It completely depends on your bracket size, media that you plan to embed, and what modes you plan to run. But we often see clients sign up and launch a bracket on the same day.
With our enterprise plans you can capture additional user information on signup. Common questions include first and last name, company name, etc. The options are endless. Contact us to learn more.
There are a few ways.
- Force registration on voting brackets. You can also run an optional registration and ask for email signup as part of your campaign.
- Run a prediction mode – prediction requires an account to be created, and an email address to be captured
- Before, during and after play. You have multiple opportunities to ask for email addresses and you can leverage our built in content workflow settings to provide calls to action.